:root{color-scheme:dark;--bg:#0b111b;--panel:#121c29;--line:#263347;--text:#edf2f8;--muted:#9cabc0;--green:#b6ef64}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;padding:22px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line)}header>span{font-size:11px;letter-spacing:2px;color:var(--muted)}header form{margin-left:auto}.brand{font-size:26px;letter-spacing:-1px;font-weight:850;color:white;text-decoration:none}.brand span{color:var(--green)}main{max-width:1280px;margin:auto;padding:36px 24px}h1{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-1.5px;margin:10px 0}h2{font-size:22px}h3{margin-top:0}p,small{color:var(--muted)}a{color:var(--green)}.eyebrow{color:var(--green);letter-spacing:2px;font-size:11px;font-weight:bold}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.stats strong{font-size:38px;display:block}.stats span{color:var(--muted)}article,details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}nav{display:flex;gap:24px;border-bottom:1px solid var(--line);padding-bottom:18px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--text)}section{margin:38px 0;scroll-margin-top:24px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;color:var(--muted);font-size:13px;margin-bottom:14px}input,select{display:block;width:100%;padding:12px;background:#0c1420;color:var(--text);border:1px solid #344257;border-radius:8px;font:inherit;margin-top:6px}input:focus,select:focus{outline:2px solid var(--green)}button{padding:12px 20px;background:var(--green);color:#15210c;font-weight:750;border:0;border-radius:8px;cursor:pointer}.secondary{background:var(--line);color:white}.danger{background:#552a32;color:#ffcad0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chips span{background:#202d3f;border-radius:6px;padding:4px 9px;font-size:12px}details{margin:14px 0}summary{cursor:pointer;font-weight:650}summary span{font-size:12px;color:var(--muted);margin-left:12px}.matchform{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;align-items:end}.matchform button{margin-bottom:14px}.confirm{display:flex;gap:8px;align-items:center;margin-top:16px}.confirm input{width:auto;margin:0}.table{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:12px}td:last-child{color:var(--green);font-weight:bold}.success,.error{padding:14px 20px;border-radius:8px;background:#203b2c;margin-bottom:24px}.error{background:#46252d}.error p{color:#ffd5d5;margin:4px}.login{max-width:440px;margin:7vh auto}.login form{margin:30px 0}.login button{width:100%}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:12px}@media(max-width:760px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.matchform{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{display:block}header>span{display:none}main{padding:24px 16px}article,details{padding:18px}}
/* Admin workspace */
[hidden]{display:none!important}
.admin-shell{--sidebar-width:252px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#0e1723;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 20px;z-index:20;overflow-y:auto}
.sidebar .brand{padding:0 12px;display:flex;align-items:center;font-size:28px}.brand i{width:7px;height:7px;background:var(--green);border-radius:50%;margin-left:6px}
.sidebar-caption{font-size:10px;letter-spacing:2px;color:#708298;padding:36px 12px 14px}
.sidebar-nav{display:flex;flex-direction:column;gap:7px;border:0;padding:0;flex-wrap:nowrap}
.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;color:#a6b4c8;font-weight:550;font-size:14px;transition:background .15s,color .15s}
.sidebar-nav a span{width:22px;text-align:center;font-size:19px}.sidebar-nav a:hover{background:#192535;color:white}.sidebar-nav a[aria-current="page"]{background:#b6ef6414;color:var(--green);box-shadow:inset 3px 0 var(--green)}
.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-bottom>a{display:block;margin:0 12px 24px;color:var(--muted);font-size:13px;text-decoration:none}.admin-user{border-top:1px solid var(--line);padding:22px 8px;display:flex;gap:12px;align-items:center}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#263741;color:var(--green);font-weight:700}.admin-user strong{display:block;font-size:13px}.admin-user small{display:block;font-size:11px}.sidebar-bottom button{width:100%;text-align:left;background:transparent;border:1px solid var(--line);color:var(--muted)}
.workspace{margin-left:var(--sidebar-width);min-height:100vh;min-width:0}.workspace-header{height:88px;padding:0 38px;background:#0d1520;justify-content:space-between;position:sticky;top:0;z-index:10}.workspace-header>div{display:flex;flex-direction:column;gap:2px}.workspace-label{color:var(--muted);font-size:9px;letter-spacing:1.8px}.workspace-header strong{font-size:15px;font-weight:600}.workspace-header .workspace-domain{font-size:12px;letter-spacing:0;color:#8193aa}.workspace main{max-width:1500px;padding:32px 38px;margin:0 auto}.workspace-section{margin:0 0 32px}.workspace-section>h2{margin-top:0;font-size:28px;letter-spacing:-.7px}.workspace-section>p{margin-bottom:26px}.heading h1{font-size:clamp(28px,3vw,40px)}.heading>a{border:1px solid var(--line);padding:10px 16px;border-radius:8px;text-decoration:none;white-space:nowrap;font-size:13px}.stats article{position:relative;padding:24px}.stats strong{font-size:34px}.stats span{font-size:13px}.welcome-note{margin-top:24px}.welcome-note p{margin-bottom:20px}.welcome-note a{text-decoration:none;font-weight:600}.workspace footer{margin-top:40px}.guest-header{padding:22px max(24px,calc((100vw - 1280px)/2))}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(min-width:1500px){.workspace .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.admin-shell{--sidebar-width:220px}.sidebar{padding:26px 14px}.workspace main{padding:28px 24px}.workspace-header{padding:0 24px}.matchform{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:20px 16px;overflow:visible}.sidebar .brand{padding:0 4px}.sidebar-caption{padding:18px 4px 12px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sidebar-nav a{padding:10px;font-size:13px}.sidebar-bottom{padding-top:16px;display:flex;gap:12px;align-items:center;justify-content:space-between}.sidebar-bottom>a{margin:0;font-size:12px}.sidebar-bottom .admin-user{display:none}.sidebar-bottom button{padding:8px 12px;font-size:12px}.workspace{margin-left:0}.workspace-header{position:relative;height:70px;padding:0 18px}.workspace-header .workspace-domain{display:block;font-size:11px}.workspace main{padding:24px 16px}.workspace .grid{grid-template-columns:1fr}.workspace-section>h2{font-size:24px}.stats{gap:10px;margin:24px 0}.stats article{padding:18px}.heading>a{margin-top:4px}.guest-header>span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.leagues-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:24px;margin-top:28px;align-items:start}.league-count{border:1px solid var(--line);border-radius:8px;padding:8px 16px;color:var(--muted)}.league-list-heading h3{margin-bottom:16px}.league-item{padding:16px;margin:10px 0;background:#0e1723}.league-item summary{overflow-wrap:anywhere}.league-edit{margin-top:20px}.league-delete{border-top:1px solid var(--line);margin-top:22px;padding-top:4px}.league-delete small{display:block;margin-top:10px}@media(max-width:1000px){.leagues-layout{grid-template-columns:1fr}}
