*{box-sizing:border-box}body{color:#fff;background:#061009;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial}button,input{font:inherit}.appShell{min-height:100vh;position:relative;overflow-x:hidden}.stadiumGlow{pointer-events:none;background:radial-gradient(circle at 20% 0,#3eff6838,#0000 30%),radial-gradient(circle at 90% 10%,#ff30302b,#0000 28%),linear-gradient(#ffffff0f,#0000 24%);position:fixed;inset:0}main{max-width:1180px;margin:auto;padding:12px 12px 42px;position:relative}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000c2;border:1px solid #ffffff1f;border-radius:24px;justify-content:space-between;align-items:center;gap:10px;max-width:1180px;margin:8px auto 0;padding:10px;display:flex;position:sticky;top:8px;box-shadow:0 20px 50px #00000057}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.logoBox{color:#050505;background:#c8ff30;border-radius:15px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:1000;display:grid}.brand b{letter-spacing:-.03em;font-size:20px;display:block}.brand small{color:#ffffff85;letter-spacing:.24em;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.topbar nav{gap:6px;display:flex}.topbar nav button{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:900}.topbar nav button.active{color:#050505;background:#fff}.homeGrid{grid-template-columns:1.08fr .92fr;gap:14px;margin-top:14px;display:grid}.heroCard,.matchupCard,.wideCard,.draftScreen,.tenqScreen,.teamPage,.scoringPage{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0006;border:1px solid #ffffff1f;border-radius:34px;box-shadow:0 24px 70px #00000061}.brightCard{background:linear-gradient(135deg,#cdff3021,#ffffff0d 42%,#00000073)}.heroCard{padding:28px}.kickers{flex-wrap:wrap;gap:8px;display:flex}.kickers span,.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#d8ff62;font-size:10px;font-weight:1000}.kickers span{background:#d8ff6214;border:1px solid #d8ff6238;border-radius:999px;padding:7px 10px}h1,h2,h3,p{margin:0}.heroCard h1{letter-spacing:-.075em;max-width:780px;margin-top:20px;font-size:clamp(45px,7vw,84px);line-height:.9}.lead{color:#ffffffbd;max-width:650px;margin-top:18px;font-size:18px;line-height:1.55}.ctaRow,.toolRow{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}button.primary,button.secondary,button.ghost,.toolRow button,.scoringTeaser button{cursor:pointer;border:0;border-radius:18px;align-items:center;gap:8px;padding:14px 17px;font-weight:1000;display:inline-flex}button.primary{color:#050505;background:#d8ff32}button.secondary{color:#050505;background:#fff}button.ghost,.toolRow button,.scoringTeaser button{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}.scoringTeaser{background:#ffffff14;border:1px solid #ffffff21;border-radius:24px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex}.scoringTeaser b{font-size:18px}.scoringTeaser p{color:#ffffffab;margin-top:4px;font-size:14px;line-height:1.45}.matchupCard{padding:20px}.cardHeader{color:#fff9;text-transform:uppercase;letter-spacing:.18em;justify-content:space-between;align-items:center;font-size:12px;font-weight:1000;display:flex}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:18px;display:grid}.teamScore{text-align:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:26px;padding:18px}.teamScore small,.teamScore em{color:#ffffff94;font-size:12px;font-style:normal;display:block}.teamScore b{letter-spacing:-.06em;font-size:40px;display:block}.versus{color:#d8ff32;font-weight:1000}.miniCube{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.miniCube span{background:linear-gradient(135deg,#1a963fb8,#0f5824b8);border-radius:22px;place-items:center;min-height:78px;font-weight:1000;display:grid}.hint{color:#ffffff94;margin-top:14px;font-size:13px;line-height:1.5}.wideCard{grid-column:1/-1;padding:20px}.rules{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.rules div{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:22px;padding:16px}.rules svg{color:#d8ff32}.rules b{margin-top:10px;display:block}.rules p{color:#ffffff9e;margin-top:6px;font-size:13px;line-height:1.45}.progress{align-items:center;gap:10px;max-width:760px;margin:18px auto 10px;display:flex}.progress span{color:#d8ff32;font-size:12px;font-weight:1000}.progress div{background:#ffffff1f;border-radius:999px;flex:1;height:9px;overflow:hidden}.progress i{border-radius:inherit;background:#d8ff32;height:100%;display:block}.draftScreen,.tenqScreen{margin-top:14px;padding:18px}.draftLayout{grid-template-columns:1fr 330px;gap:18px;display:grid}.draftMain,.draftAside,.questionCard{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:28px;padding:22px}.draftMain h1,.questionCard h1{letter-spacing:-.06em;margin-top:8px;font-size:clamp(34px,6vw,62px);line-height:.94}.draftRule{color:#ffffffad;margin-top:12px;line-height:1.55}.tileGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.draftTiles{margin-top:20px}.draftTile{text-align:left;color:#fff;cursor:pointer;background:linear-gradient(135deg,#16943773,#ffffff0f);border:1px solid #ffffff1f;border-radius:26px;min-height:142px;padding:15px;transition:all .15s}.draftTile:hover{border-color:#d8ff32;transform:translateY(-2px)}.draftTile small,.draftTile span,.draftTile em{color:#fff9;font-size:12px;font-style:normal;display:block}.draftTile b{letter-spacing:-.06em;margin:7px 0;font-size:34px;display:block}.draftTile em{color:#d8ff32;font-weight:1000}.miniDraftCube{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.miniDraftCube div{aspect-ratio:1;color:#fff6;border:1px dashed #ffffff2e;border-radius:20px;place-items:center;font-weight:1000;display:grid}.miniDraftCube .filled{color:#fff;background:#1f9a49;border-style:solid}.questionCard{max-width:780px;margin:28px auto}.abChoices{gap:12px;margin-top:26px;display:grid}.abChoices button{text-align:left;color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff21;border-radius:24px;align-items:center;gap:14px;padding:18px;display:flex}.abChoices span{color:#050505;background:#d8ff32;border-radius:15px;place-items:center;width:42px;height:42px;font-weight:1000;display:grid}.abChoices b{font-size:22px}.teamPage{margin-top:14px;padding:18px}.teamHero{background:linear-gradient(135deg,#d8ff321c,#ffffff0a);border:1px solid #ffffff1a;border-radius:28px;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.teamHero input{letter-spacing:-.06em;color:#fff;background:0 0;border:0;outline:none;max-width:100%;font-size:42px;font-weight:1000}.teamHero p{color:#ffffff9e;margin-top:8px}.scorePill{color:#050505;text-align:right;background:#d8ff32;border-radius:24px;padding:16px}.scorePill small,.scorePill em{font-style:normal;font-weight:900;display:block}.scorePill b{font-size:30px;display:block}.teamGrid{grid-template-columns:1fr 410px;gap:16px;margin-top:16px;display:grid}.cubePanel,.opponentPanel{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:28px;padding:18px}.rosterCube{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.rosterCard{color:#fff;text-align:left;cursor:pointer;border:1px solid #ffffff21;border-radius:26px;flex-direction:column;justify-content:space-between;min-height:145px;padding:14px;display:flex}.rosterCard.long{background:linear-gradient(135deg,#159742c2,#09381acc)}.rosterCard.short{background:linear-gradient(135deg,#d92e2ecc,#460d0dd4)}.rosterCard small,.rosterCard span,.rosterCard em{color:#ffffffad;font-size:12px;font-style:normal;display:block}.rosterCard b{letter-spacing:-.06em;font-size:32px}.rosterCard em{background:#ffffff29;border-radius:999px;align-self:flex-start;padding:5px 8px;font-weight:1000}.emptyCell{color:#ffffff61;border:1px dashed #fff3;border-radius:26px;place-items:center;display:grid}.benchRow{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.rosterCard.bench{background:#ffffff14;min-height:105px}.rosterList{gap:8px;max-height:590px;margin-top:14px;display:grid;overflow:auto}.rosterList .rosterCard{border-radius:20px;min-height:86px}.rosterList .rosterCard b{font-size:24px}.scoringPage{margin-top:14px;padding:24px}.scoringHero h1{letter-spacing:-.07em;margin-top:8px;font-size:clamp(38px,7vw,70px);line-height:.92}.scoringHero p{color:#ffffffb3;max-width:760px;margin-top:14px;font-size:18px;line-height:1.55}.scoreCards{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;display:grid}.scoreRule{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;padding:18px}.scoreRule b{color:#d8ff32;font-size:38px}.scoreRule h3{margin-top:10px}.scoreRule p{color:#ffffff9e;margin-top:8px;font-size:14px;line-height:1.45}.boxScore{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;margin-top:16px;padding:18px}.boxRows{grid-template-columns:1fr auto;gap:10px;margin-top:14px;display:grid}.boxRows span{color:#ffffffa3}.boxRows b{color:#d8ff32}@media (width<=860px){main{padding:10px}.topbar{border-radius:20px;top:4px}.topbar nav button{padding:9px 10px;font-size:12px}.brand small{display:none}.homeGrid,.draftLayout,.teamGrid{grid-template-columns:1fr}.heroCard{padding:22px}.heroCard h1{font-size:52px}.scoreboard{grid-template-columns:1fr}.versus{text-align:center}.rules,.scoreCards{grid-template-columns:1fr}.tileGrid{grid-template-columns:repeat(2,1fr)}.draftAside{order:-1}.teamHero{display:block}.teamHero input{font-size:32px}.scorePill{text-align:left;margin-top:14px}.rosterCube{gap:7px}.rosterCard{border-radius:20px;min-height:116px;padding:11px}.rosterCard b{font-size:24px}.benchRow{grid-template-columns:1fr 1fr 1fr;gap:7px}.scoringTeaser{display:block}.scoringTeaser button{margin-top:12px}.wideCard{display:none}.matchupCard{order:-1}.miniCube span{min-height:58px}.scoreCards{gap:10px}}@media (width<=520px){.heroCard h1{font-size:44px}.ctaRow button{justify-content:center;width:100%}.tileGrid{grid-template-columns:1fr}.miniDraftCube{max-width:230px}.rosterCard small{font-size:10px}.rosterCard b{font-size:20px}.rosterCard span{font-size:10px}.topbar nav button:nth-child(2){display:none}.scorePill b{font-size:24px}}.fieldStory{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000061;border:1px solid #ffffff1f;border-radius:34px;grid-column:1/-1;padding:18px;box-shadow:0 24px 70px #0000004d}.fieldStory p{color:#ffffffa3;margin-top:8px;font-weight:700}.fieldRows{gap:7px;margin-top:14px;display:grid}.fieldRows button{color:#fff;letter-spacing:.06em;background:linear-gradient(90deg,#208a26ad,#0f531dbf);border:1px solid #ffffff24;border-radius:14px;min-height:36px;font-weight:1000}.fieldRows button:first-child{background:#ab272d}.fieldRows button:last-child{background:#d45d25}.fieldRows button.mid{box-shadow:inset 0 0 0 2px #d8ff3257}.sceneDots{justify-content:center;gap:8px;margin-top:12px;display:flex}.sceneDots button{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;width:34px;height:34px;font-weight:1000}.sceneDots button.active{color:#050505;background:#d8ff32}.matchupToggle{margin-top:15px}.compactScore{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.compactScore button{color:#fff;text-align:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:22px;padding:12px}.compactScore button.active{background:#d8ff321f;border-color:#d8ff32}.compactScore small{color:#ffffff94;font-weight:900;display:block}.compactScore b{letter-spacing:-.05em;font-size:32px;display:block}.compactScore span{color:#d8ff32;font-weight:1000}.viewSwitch{justify-content:center;margin:10px 0;display:flex}.viewSwitch button{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:8px 14px;font-weight:1000}.emptyTeam .teamHero.empty{display:block}.emptyTeam h1{letter-spacing:-.07em;margin-top:10px;font-size:clamp(42px,8vw,72px);line-height:.92}.emptyTeam .teamHero p{max-width:820px;font-size:18px;line-height:1.5}.scoreRule:nth-child(4){background:linear-gradient(135deg,#db2c2c3d,#ffffff0d)}.scoreRule:nth-child(4) b{color:#ff8080}@media (width<=860px){.homeGrid{flex-direction:column;display:flex}.heroCard{order:1}.fieldStory{order:2}.matchupCard{order:3}.wideCard{order:4}.compactScore b{font-size:28px}.fieldStory{border-radius:28px}.fieldRows button{min-height:32px;font-size:12px}.topbar nav button:nth-child(2){display:inline-flex}.scoreCards{grid-template-columns:1fr 1fr}.scoreRule b{font-size:30px}}@media (width<=520px){.scoreCards{grid-template-columns:1fr}.emptyTeam .teamHero p{font-size:15px}.emptyTeam h1{font-size:44px}.compactScore b{font-size:24px}}