:root{font-family:Inter,system-ui,sans-serif;color:#eef2ff;background:#080d19}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#17325a 0,transparent 34%),#080d19}header,main,footer{max-width:1100px;margin:auto}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.brand{display:flex;gap:10px;align-items:center;font-size:20px}.ball{color:#f59e0b}select,input{background:#101827;color:#eef2ff;border:1px solid #334155;border-radius:10px;padding:12px;font-size:16px}main{padding:40px 22px 70px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;min-height:390px}.hero h1{font-size:clamp(42px,7vw,76px);line-height:.96;margin:8px 0 18px;max-width:760px}.hero p{color:#aebbd0;font-size:18px}.eyebrow{color:#f59e0b!important;font-weight:800;letter-spacing:.15em;font-size:12px!important}.primary,.ghost{border:0;border-radius:12px;padding:13px 18px;font-weight:800;font-size:15px;cursor:pointer}.primary{background:#f59e0b;color:#15100a;margin-top:18px}.ghost{background:#172033;color:#eef2ff}.court{height:280px;border:2px solid #334155;border-radius:20px;position:relative;background:linear-gradient(90deg,#111827 49.5%,#334155,#111827 50.5%);display:grid;place-items:center}.court span{font-size:70px}.net{position:absolute;height:80%;width:2px;background:#94a3b8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.cards article,.panel,details,.alert{background:#101827;border:1px solid #263247;border-radius:16px;padding:20px}.cards b{font-size:28px;display:block}.cards small,.muted{color:#94a3b8}.panel{max-width:620px;margin:auto}.panel h1{font-size:36px}.panel form{display:grid;gap:16px;margin:25px 0}.panel label{display:grid;gap:7px;color:#cbd5e1}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.alert{border-color:#a16207;background:#241b0b;margin:20px 0}.alert b{color:#fbbf24}.dashHead{display:flex;justify-content:space-between;align-items:center}.dashHead h1{font-size:44px;margin:4px 0}details{margin-top:20px}summary{cursor:pointer;font-weight:800}details p{color:#b6c2d5;line-height:1.65}footer{padding:30px 22px;color:#64748b;border-top:1px solid #1e293b}@media(max-width:700px){.hero{grid-template-columns:1fr}.court{height:190px}.cards{grid-template-columns:1fr}.dashHead{align-items:flex-start;gap:16px}.hero h1{font-size:46px}}.panel.wide{max-width:none}.cards.six{grid-template-columns:repeat(6,1fr)}.cards.six b{font-size:22px}.small{font-size:13px}.muted{color:#94a3b8}.warn{color:#fbbf24!important}.msg{border-radius:12px;padding:12px 16px;margin:14px 0;font-weight:700}.msg.error{background:#3b0d12;border:1px solid #7f1d1d;color:#fecaca}.msg.ok{background:#052e1a;border:1px solid #166534;color:#bbf7d0}.countdown{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#101827;border:1px solid #a16207;border-radius:16px;padding:16px 20px;margin:18px 0}.countdown small{display:block;color:#94a3b8}.countdown b{font-size:32px;font-variant-numeric:tabular-nums;color:#fbbf24}.alert.locked{border-color:#7f1d1d;background:#2a0e12}.alert.locked b{color:#fca5a5}.tabs{display:flex;gap:6px;margin:22px 0 12px;flex-wrap:wrap}.tabs button{background:#101827;color:#cbd5e1;border:1px solid #263247;border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:14px}.tabs button.active{background:#f59e0b;color:#15100a;border-color:#f59e0b}.slotGroup{margin-bottom:18px}.slotGroup h3{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#f59e0b;margin:6px 0 8px}.rosterRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #1e293b}.rosterRow.starter .who b:before{content:"★ ";color:#f59e0b}.rosterRow .who{display:grid;gap:2px;min-width:0}.rosterRow .who small{color:#94a3b8;font-size:13px}.controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.controls select{padding:7px 8px;font-size:14px}.controls button,.primary.small{padding:8px 12px;font-size:13px;margin:0}.danger{background:#b91c1c;color:#fff;border:0;border-radius:12px;font-weight:800;cursor:pointer}button:disabled,select:disabled{opacity:.5;cursor:not-allowed}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.filters select,.filters input{padding:9px 10px;font-size:14px}.tableWrap{overflow-x:auto}table.market{width:100%;border-collapse:collapse;font-size:14px}table.market th{text-align:left;color:#94a3b8;font-weight:700;padding:8px 6px;border-bottom:1px solid #263247}table.market td{padding:9px 6px;border-bottom:1px solid #1e293b;vertical-align:middle}table.market td small{display:block;color:#94a3b8;font-size:12px}table.market .num{text-align:right;white-space:nowrap}table.market tr.me td{background:#1f2937}.rules h2{margin-top:0}.rules h3{color:#f59e0b;margin-top:26px}.rules li,.rules p{color:#cbd5e1;line-height:1.6}.rulesTable{border-collapse:collapse;width:100%}.rulesTable th{text-align:left;vertical-align:top;padding:8px 12px 8px 0;white-space:nowrap;color:#eef2ff}.rulesTable td{padding:8px 0;color:#cbd5e1;border-bottom:1px solid #1e293b}@media(max-width:900px){.cards.six{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){main{padding:20px 16px 50px}header{padding:0 16px}.cards.six{grid-template-columns:repeat(2,1fr)}.rosterRow{flex-direction:column;align-items:stretch}.controls{justify-content:flex-start}.countdown b{font-size:26px}.rulesTable th{white-space:normal}}.oracle .oraclePost{margin-bottom:18px}.oracle h2{margin:4px 0 10px;font-size:26px}.oracleBody h3{color:#f59e0b;font-size:15px;letter-spacing:.04em;text-transform:uppercase;margin:20px 0 6px}.oracleBody p,.oracleBody li{color:#cbd5e1;line-height:1.6}.oracleBody ul{padding-left:20px;margin:6px 0}details.oraclePost{background:transparent;border:0;border-top:1px solid #1e293b;border-radius:0;padding:12px 0;margin:0}.sources{margin-top:12px;font-size:13px}.sources ul{padding-left:18px;margin:4px 0}.sources a{color:#93c5fd}.ideaForm{display:grid;gap:10px;margin-top:22px;border-top:1px solid #263247;padding-top:18px}.ideaForm label{display:grid;gap:8px;color:#cbd5e1}.ideaForm textarea{background:#101827;color:#eef2ff;border:1px solid #334155;border-radius:10px;padding:12px;font:inherit;font-size:15px;resize:vertical}.ideaForm button{justify-self:start}.installBanner{display:flex;align-items:center;gap:12px;background:#101827;border:1px solid #f59e0b;border-radius:16px;padding:12px 14px;margin:0 0 18px}.installBanner img{border-radius:10px;flex:none}.installBanner div{display:grid;gap:2px;flex:1;min-width:0}.installBanner small{color:#cbd5e1;line-height:1.4}.installBanner .primary{margin:0;white-space:nowrap}.installBanner .ghost.small{padding:6px 10px;font-size:14px}.board{background:#101827;border:1px solid #263247;border-radius:16px;padding:16px;max-width:640px;margin:0 auto}.boardLabel{margin:4px 2px 8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f59e0b}.courtBoard{position:relative;background:#1d4e89;border-radius:14px;padding:14px 18px 18px;box-shadow:inset 0 0 0 2px #ffffff14}.courtBoard:before{content:"";position:absolute;inset:14px 18px 18px;background:#d97b2c;border:3px solid #f8fafc;border-top:0;border-radius:2px}.netLine{position:relative;height:12px;margin:0 -6px;border-radius:3px;z-index:1;background:repeating-linear-gradient(90deg,#e2e8f0 0 2px,transparent 2px 8px),repeating-linear-gradient(0deg,#e2e8f0 0 2px,transparent 2px 6px),#0f172a;border-top:3px solid #fff;border-bottom:2px solid #fff;box-shadow:0 3px 6px #00000059}.attackLine{position:relative;z-index:1;height:0;border-top:3px solid #f8fafc;margin:2px 0}.courtRow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;padding:12px 0}.courtRow.front{padding:18px 0 16px}.courtRow.back{padding:16px 0 4px}.courtRow.libero{padding:2px 0 8px}.boardPlayer{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:0;color:#fff;cursor:pointer;padding:4px 6px 6px;border-radius:12px;min-width:0;max-width:110px;font:inherit;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background .12s ease}.boardPlayer:hover{background:#ffffff1a}.boardPlayer:active{transform:scale(.96)}.boardPlayer .jersey{display:block;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.boardPlayer .pName{font-weight:800;font-size:13px;line-height:1.15;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.7)}.boardPlayer .pMeta{font-size:11px;font-weight:700;color:#fde68a;text-shadow:0 1px 2px rgba(0,0,0,.7)}.boardPlayer.selected{background:#f59e0b47;box-shadow:0 0 0 3px #f59e0b}.boardPlayer.wrong .pMeta{color:#fecaca}.boardPlayer.empty{color:#ffffffbf}.boardPlayer.empty .pMeta{color:#ffffffb3}.boardPlayer.empty.onBench,.boardPlayer.empty.onBench .pMeta{color:#94a3b8}.benchBoard{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 2px;padding:12px 8px 16px;border-radius:14px;background:linear-gradient(180deg,#7c4a24 0,#5b3418 70%,#3b2210);box-shadow:inset 0 -6px #00000040,inset 0 2px #ffffff1f}.benchBoard .boardPlayer{width:92px}.boardHint{text-align:center;margin:12px 4px 0}button.boardPlayer:disabled{opacity:.6}.panel.wide.details{max-width:640px;margin:14px auto 0}.detailsHead{display:flex;gap:12px;align-items:flex-start}.detailsHead .who{display:grid;gap:3px;flex:1;min-width:0}.detailsHead .who small{color:#94a3b8;font-size:13px}.closeBtn{padding:6px 10px!important;margin:0}.details .controls{margin-top:12px;justify-content:flex-start;align-items:flex-end}.details .controls label{display:grid;gap:4px;font-size:12px;color:#94a3b8}@media(max-width:520px){.board{padding:10px}.courtBoard{padding:10px 10px 14px}.courtBoard:before{inset:10px 10px 14px}.boardPlayer{padding:3px 2px 5px}.boardPlayer .jersey{width:46px;height:46px}.boardPlayer .pName{font-size:12px;max-width:84px}.benchBoard .boardPlayer{width:76px}}.courtRow .spot{display:flex;justify-content:center;min-width:0;width:100%}.boardPlayer.onCourt:not(.empty) .pName,.boardPlayer.onCourt:not(.empty) .pMeta{background:#0f172a9e;padding:1px 6px;border-radius:6px}.boardPlayer.onCourt:not(.empty) .pName{border-radius:6px 6px 0 0}.boardPlayer.onCourt:not(.empty) .pMeta{margin-top:-2px;border-radius:0 0 6px 6px}.leagueChips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.leagueChips button{background:#0d1422;color:#cbd5e1;border:1px solid #263247;border-radius:10px;padding:8px 12px;font-weight:700;font-size:14px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leagueChips button small{color:#f59e0b;font-weight:800;margin-left:4px}.leagueChips button.active{border-color:#f59e0b;color:#fff;background:#1a2336}.leagueChips button.addLeague{border-style:dashed;color:#fbbf24}.leagueHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.leagueHead h2{margin:4px 0;font-size:26px;overflow-wrap:anywhere}.inviteBox{display:grid;gap:4px;justify-items:start;background:#0b1220;border:1px dashed #f59e0b;border-radius:14px;padding:10px 14px}.inviteBox small{color:#94a3b8;font-size:12px}.inviteBox .code{font-size:26px;letter-spacing:.12em;color:#fbbf24;font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace}.inviteBox .primary{margin:4px 0 0}table.market td small.badge{display:inline;color:#f59e0b;font-size:13px}.leagueActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.leagueActions button,.leagueCard td button{padding:7px 11px;font-size:13px;margin:0}.danger.small{padding:7px 11px;font-size:13px}.leagueForms{display:grid;gap:8px}.leagueForms form{display:grid;gap:10px;margin:0;padding:14px 0;border-bottom:1px solid #1e293b}.leagueForms h3{margin:0;font-size:17px}.leagueForms label{display:grid;gap:6px;color:#cbd5e1}.leagueForms .primary{margin:0;justify-self:start}#leagueCode{text-transform:uppercase;letter-spacing:.12em;font-family:ui-monospace,Consolas,monospace;max-width:220px}.alert.invite{margin:0 0 6px;border-color:#f59e0b}.alert.invite p{margin:4px 0 0;color:#fde68a}.inviteNote{background:#241b0b;border:1px solid #a16207;border-radius:12px;padding:10px 14px;color:#fde68a!important;font-size:15px!important}@media(max-width:520px){.inviteBox{width:100%}.leagueHead h2{font-size:22px}}