:root{color:#16201a;background:#eaf0e9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app{background:radial-gradient(circle at 18% 10%,#e7ffd2 0,#eaf0e9 18%,#f7f8f4 58%,#edf2ec);min-height:100vh;padding-bottom:72px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #dbe1db;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex;position:sticky;top:0}.brand{color:#111;background:0 0;border:0;align-items:center;gap:10px;font-weight:900;display:flex}.pLogo{color:#071007;background:#ccff18;border-radius:12px;place-items:center;width:40px;height:40px;font-size:24px;font-weight:950;display:grid}.brand b{letter-spacing:.02em;display:block}.brand em{letter-spacing:.22em;text-transform:uppercase;color:#6c736e;font-size:10px;font-style:normal;display:block}nav{gap:8px;display:flex}nav button,.actions button{color:#1b211d;background:#fff;border:1px solid #d5dcd3;border-radius:999px;padding:9px 12px;font-weight:800}nav button.active{color:#fff;background:#111}.screen{max-width:980px;margin:0 auto;padding:18px}.scoreboard{grid-template-columns:1fr 1.3fr;align-items:center;gap:16px;margin:14px 0 18px;display:grid}.scoreboard>div:first-child{color:#fff;background:#102017;border-radius:24px;padding:22px;box-shadow:0 10px 30px #091c0f29}.scoreboard p,.ruleHero p,.universeHero p,.draftHero p{text-transform:uppercase;letter-spacing:.25em;color:#ccff18;margin:0 0 5px;font-weight:900}.scoreboard h1{margin:0;font-size:34px}.scoreboard span{color:#c9d2c9}.match{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.match>b{color:#ccff18;background:#102017;border-radius:999px;padding:8px 10px}.scoreBox{text-align:center;background:#fff;border:1px solid #dfe5dc;border-radius:22px;padding:18px;box-shadow:0 10px 25px #121c1214}.scoreBox span{color:#707871;font-size:13px;display:block}.scoreBox b{font-size:44px;line-height:1}.scoreBox small{color:#818983}.lineupCard,.ruleHero,.universeHero,.draftHero{background:#fff;border:1px solid #d9dfd7;border-radius:26px;overflow:hidden;box-shadow:0 14px 40px #1f2a1f1c}.lineupTop{border-bottom:1px solid #e0e4df;grid-template-columns:auto auto auto 1fr;align-items:center;gap:12px;padding:16px;display:grid}.lineupTop h2{text-underline-offset:7px;margin:0;font-size:30px;text-decoration:underline}.chev{color:#171b18;background:0 0;border:0;font-size:30px}.lineupTop label{color:#343a36;justify-self:end;font-size:18px}.lineupTop select{background:0 0;border:0;font-size:18px}.sectionTitle{text-align:center;border-bottom:1px solid #e0e4df;margin:0;padding:18px 10px;font-size:28px}.benchTitle{background:#f0f2f1}.lineupRowWrap{border-bottom:1px solid #e0e4df}.lineupRow{text-align:left;color:#171b18;background:#fff;border:0;grid-template-columns:74px 82px minmax(0,1fr) 74px 110px 22px;align-items:center;gap:16px;width:100%;padding:16px 18px;display:grid}.lineupRowWrap.bench .lineupRow{background:#f4f5f4}.roleBadge{color:#e77337;border:4px solid #e77337;border-radius:50%;place-items:center;width:66px;height:66px;font-size:18px;font-weight:950;display:grid}.roleBadge.bn{color:#182a4a;border-color:#182a4a}.logo{color:#fff;letter-spacing:-.02em;border-radius:50%;place-items:center;width:72px;height:72px;font-size:18px;font-weight:950;display:grid;box-shadow:inset 0 0 0 2px #ffffff40}.info{min-width:0}.info b{font-size:26px;line-height:1.05;display:block}.info b span{color:#303632;font-size:23px}.info small{color:#8a908b;margin:3px 0;font-size:17px;display:block}.info em{color:#2a944b;font-size:16px;font-style:normal;display:block}.info em span{margin-left:6px}.on{color:#e77337}.off{color:#d9ddda}.side{color:#1b7f39;background:#e9f5e5;border-radius:999px;justify-self:center;padding:8px 12px;font-size:12px;font-weight:950}.side.short{color:#b3262c;background:#ffe3e3}.bigVal{text-align:right;font-size:30px;font-weight:950}.pos{color:#269447}.neg{color:#c9333a}.expanded{background:#fbfcfa;border-top:1px solid #e4e8e2;padding:16px 22px 18px}.xpTop{grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin-bottom:12px;display:grid}.xpTop small,.xpTop span{color:#707771;display:block}.xpTop div:not(:first-child){text-align:center;background:#eef5e9;border-radius:16px;padding:9px 14px}.xpTop div:not(:first-child) b{font-size:26px}.boxTable{background:#fff;border:1px solid #dfe5dc;border-radius:16px;overflow:hidden}.grid{border-bottom:1px solid #edf0ec;grid-template-columns:1.2fr repeat(5,1fr) 1fr;gap:0;display:grid}.grid>*{text-align:center;padding:8px 10px}.grid span{text-align:left;color:#5f6760}.grid.head{background:#ccff18;font-weight:950}.grid.total{background:#f5f7f3;font-weight:950}.grid.return{background:#eef6ed}.boxTable p{color:#687069;margin:0;padding:10px;font-size:13px}.legend{color:#8a908b;background:#fff;padding:16px 20px}.orangeStars{color:#e77337;letter-spacing:.05em;font-size:21px}.actions{flex-wrap:wrap;gap:10px;padding:0 20px 20px;display:flex}.actions button{align-items:center;gap:7px;display:flex}.ruleHero,.universeHero,.draftHero{margin-bottom:16px;padding:28px}.ruleHero{color:#fff;background:#111c15}.ruleHero h1,.universeHero h1,.draftHero h1{margin:0 0 12px;font-size:44px;line-height:.95}.ruleHero span,.universeHero span,.draftHero span{color:#6b736e;font-size:18px}.ruleHero span{color:#cbd5ce}.ruleGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.rule{background:#fff;border:1px solid #dfe5dc;border-radius:20px;padding:18px}.rule b{color:#ccff18;text-shadow:0 0 #111;font-size:34px}.rule h3{margin:6px 0}.rule p{color:#677067}.universeHero input{border:1px solid #d4dcd3;border-radius:999px;width:100%;margin-top:18px;padding:14px 18px;font-size:18px}.universeList{gap:8px;display:grid}.universeList>div{background:#fff;border:1px solid #dfe5dc;border-radius:18px;grid-template-columns:42px 56px 1fr 80px 1.3fr 90px;align-items:center;gap:12px;padding:10px;display:grid}.universeList .logo{width:52px;height:52px;font-size:13px}.universeList b{color:#8b928c}.universeList strong{font-size:21px}.universeList span{color:#e77337;font-weight:900}.universeList em{color:#5d655f;font-style:normal}.universeList small{color:#269447;text-align:right;font-weight:900}.draftHero{color:#fff;background:#102017}.draftGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.draftGrid button{text-align:left;background:#fff;border:1px solid #dfe5dc;border-radius:22px;padding:18px}.draftGrid .logo{margin-bottom:12px}.draftGrid b{font-size:30px;display:block}.draftGrid small{color:#6d756f}.modal{z-index:30;background:#0000008c;padding:20px;position:fixed;inset:0;overflow:auto}.modal>div{max-width:980px;margin:auto;position:relative}.close{float:right;color:#fff;z-index:4;background:#111;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:sticky;top:8px}footer{color:#55605a;gap:8px;max-width:980px;margin:18px auto;padding:0 18px 30px;display:grid}footer b{color:#111}footer nav{flex-wrap:wrap;gap:12px;display:flex}footer a{color:#1b7f39;font-weight:800;text-decoration:none}@media (width<=760px){.app{padding-bottom:20px}.topbar{align-items:flex-start}.brand em{display:none}nav{max-width:58vw;overflow:auto}.screen{padding:10px}.scoreboard{grid-template-columns:1fr}.scoreboard h1{font-size:26px}.match{grid-template-columns:1fr auto 1fr}.scoreBox{padding:12px}.scoreBox b{font-size:32px}.lineupTop{grid-template-columns:auto auto auto}.lineupTop label{grid-column:1/-1;justify-self:stretch}.sectionTitle{font-size:24px}.lineupRow{grid-template-columns:54px 58px 1fr 68px;gap:10px;padding:14px 10px}.roleBadge{border-width:3px;width:50px;height:50px;font-size:14px}.logo{width:56px;height:56px;font-size:13px}.info b{font-size:21px}.info b span{font-size:18px}.info small{font-size:14px}.info em{font-size:13px}.bigVal{font-size:24px}.lineupRow>svg{display:none}.side{grid-area:2/4}.xpTop{grid-template-columns:1fr}.grid{grid-template-columns:1fr repeat(5,.8fr) .9fr;font-size:12px}.ruleGrid{grid-template-columns:1fr 1fr}.ruleHero h1,.universeHero h1,.draftHero h1{font-size:36px}.universeList>div{grid-template-columns:30px 44px 1fr 60px}.universeList em,.universeList small{display:none}.universeList .logo{width:42px;height:42px}.draftGrid{grid-template-columns:1fr}.topbar{padding:10px}.pLogo{width:34px;height:34px}.brand b{font-size:16px}}.landingHero{color:#fff;background:linear-gradient(135deg,#0e2418,#142016 55%,#261912);border:1px solid #314138;border-radius:30px;max-width:720px;margin:28px auto;padding:34px;box-shadow:0 24px 80px #0000001f}.landingHero p{color:#ccff18;letter-spacing:.16em;border:1px solid #5f7d40;border-radius:999px;margin:0 8px 14px 0;padding:8px 13px;font-size:12px;font-weight:900;display:inline-block}.landingHero h1{max-width:560px;margin:12px 0 16px;font-size:58px;line-height:.92}.landingHero span{color:#dfe7df;max-width:620px;font-size:20px;line-height:1.45;display:block}.landingActions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.landingActions button{border:0;border-radius:999px;padding:16px 22px;font-size:16px;font-weight:950}.landingActions button:first-child{color:#071007;background:#ccff18}.landingActions button:last-child{color:#111;background:#fff}.landingExplain{background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;gap:6px;padding:18px;display:grid}.landingExplain b{font-size:22px}.landingExplain small{color:#d9e0db;font-size:15px;line-height:1.45}@media (width<=760px){.landingHero{border-radius:24px;margin:16px auto;padding:24px}.landingHero h1{font-size:44px}.landingHero span{font-size:18px}}.fieldShowcase{color:#fff;background:linear-gradient(135deg,#08140d,#0d1f14 55%,#1f140d);border:1px solid #ccff182e;border-radius:28px;margin:16px auto 18px;padding:22px;box-shadow:0 18px 60px #0000002e}.fieldHead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.fieldHead p{text-transform:uppercase;letter-spacing:.32em;color:#b9c7b9;margin:0 0 4px;font-size:13px;font-weight:950}.fieldHead h3{color:#dce9dc;margin:0;font-size:20px}.fieldHead b{color:#d7ff31;font-size:18px}.sceneDots{justify-content:center;gap:10px;margin-top:16px;display:flex}.sceneDots button{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:40px;height:40px;font-weight:950}.sceneDots button.active{color:#071007;background:#ccff18;border-color:#ccff18}.bigMac,.roleField,.countsField,.laneField{gap:9px;display:grid}.zone,.roleLane,.laneField>div,.countsField>div{letter-spacing:.04em;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;min-height:38px;font-weight:950;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.zone.green,.roleLane,.laneField>div,.countsField>div{background:linear-gradient(90deg,#16661f,#205c19)}.zone.red,.roleLane.red,.laneField>div.red,.countsField>div.red{background:linear-gradient(90deg,#aa2b31,#cf373d)}.zone.orange,.roleLane.orange,.laneField>div.orange,.countsField>div.orange{background:linear-gradient(90deg,#d75c24,#ee7b2b)}.zone.bun{color:#081108;background:linear-gradient(90deg,#5b8d2b,#95b84a);border:2px solid #ccff18;position:relative}.zone.bun:before,.zone.bun:after{content:"";background:#08110859;height:2px;position:absolute;left:22px;right:22px}.zone.bun:before{top:10px}.zone.bun:after{bottom:10px}.countsField>div{justify-content:space-between;padding:0 20px}.countsField span{color:#dbe7dc}.countsField b{color:#ccff18}.laneField>div{grid-template-columns:58px 80px 1fr 80px;justify-content:normal;gap:8px;padding:0 16px;display:grid}.laneField label{color:#fff;font-weight:950}.laneField span,.laneField b{color:#ccff18}.laneField em{text-align:center;color:#050805;letter-spacing:.5em;font-style:normal}.identityWrap{justify-content:center;gap:12px;display:grid}.identityCube{grid-template-columns:repeat(3,96px);gap:10px;display:grid}.identityCube div,.benchStrip span{color:#fff;background:linear-gradient(135deg,#0f7a35,#174f27);border:1px solid #ccff1852;border-radius:18px;place-items:center;height:74px;font-weight:950;display:grid}.benchStrip{grid-template-columns:repeat(3,96px);gap:10px;display:grid}.benchStrip span{background:linear-gradient(135deg,#30401d,#1d2917);height:46px}.draftScreen{background:radial-gradient(circle at 50% 0,#ccff1829,#0000 30%)}.draftHero.neon{background:linear-gradient(135deg,#08170e,#102017 55%,#291711);border-color:#ccff1840;position:relative;box-shadow:0 18px 70px #0000002e}.backMini{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px;font-weight:900;display:inline-flex}.backMini:disabled{opacity:.35}.draftToggle{gap:8px;margin-top:18px;display:flex}.draftToggle button{color:#e7f2e6;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:10px 14px;font-weight:950}.draftToggle button.active{color:#071007;background:#ccff18;border-color:#ccff18}.draftGrid.sexy{grid-template-columns:repeat(3,1fr)}.draftGrid.sexy button{color:#fff;background:linear-gradient(145deg,#102017,#0b150f);border:1px solid #ccff1838;min-height:176px;transition:transform .16s,box-shadow .16s,border .16s;position:relative;overflow:hidden}.draftGrid.sexy button:hover{border-color:#ccff18;transform:translateY(-3px);box-shadow:0 18px 45px #00000038}.draftGrid.sexy button.picked{border-color:#ccff18;transform:scale(.98);box-shadow:0 0 0 3px #ccff1838}.draftRank{color:#ccff18;letter-spacing:.06em;font-weight:950;position:absolute;top:12px;right:14px}.pickFlash{color:#071007;background:#ccff18eb;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:950;display:flex;position:absolute;inset:0}.draftGrid.sexy small{color:#bdd0bf}.draftGrid.sexy .logo{box-shadow:0 0 0 3px #ffffff14,0 12px 30px #00000040}.expanded.shortMode .xpTop div:not(:first-child){background:#ffe9e9}.expanded.shortMode .boxTable{border-color:#f0bbbb}.grid.return{background:#edf8e9;font-style:italic}.lineupRow:hover{background:#f7fbf4}.lineupRowWrap.bench .lineupRow:hover{background:#eef3ec}@media (width<=760px){.fieldShowcase{border-radius:22px;padding:18px}.fieldHead h3{font-size:17px}.zone,.roleLane,.laneField>div,.countsField>div{min-height:34px;font-size:13px}.laneField>div{grid-template-columns:48px 62px 1fr 58px;padding:0 10px}.identityCube{grid-template-columns:repeat(3,1fr);width:100%}.benchStrip{grid-template-columns:repeat(3,1fr)}.draftGrid.sexy{grid-template-columns:1fr}.draftGrid.sexy button{min-height:128px}.fieldHead p{font-size:11px}.sceneDots button{width:34px;height:34px}}.lineupCard{max-width:760px}.lineupRow{grid-template-columns:50px 54px 1fr 64px 70px 24px;min-height:72px;padding:10px 14px}.roleBadge{width:46px;height:46px;font-size:14px}.logo{width:50px;height:50px;font-size:12px}.info b{font-size:20px;line-height:1}.info b span{font-size:17px}.info small,.info em{font-size:13px}.side{padding:7px 10px;font-size:10px}.bigVal{font-size:24px}.expanded{padding:12px 18px 16px}.xpTop{grid-template-columns:1.5fr .75fr .75fr}.xpTop b{font-size:21px}.boxTable{font-size:12px}.grid{min-height:24px}.sectionTitle{padding:16px 18px;font-size:24px}.lineupTop{padding:12px 16px}.lineupTop h2{font-size:27px}.scoreboard,.topbar{max-width:760px}.sortPills{flex-wrap:wrap;gap:8px;margin:16px 0 2px;display:flex}.sortPills button{background:#fff;border:1px solid #d4dcd3;border-radius:999px;padding:9px 12px;font-weight:900}.sortPills button.active{color:#fff;background:#111}.posCounts{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.posCounts b{background:#f7fbf4;border:1px solid #d4dcd3;border-radius:999px;padding:6px 9px;font-size:12px}.compactGuide>div{grid-template-columns:36px 44px 78px 60px 1fr 84px;padding:8px 10px}.compactGuide .logo{width:40px;height:40px}.compactGuide strong{font-size:18px}.compactGuide em{font-size:14px}.compactGuide small{font-size:13px}.universeHero h1{font-size:36px}.universeHero span{font-size:17px;line-height:1.35}@media (width<=760px){.lineupRow{grid-template-columns:42px 46px 1fr 56px;min-height:68px;padding:9px}.roleBadge{border-width:2px;width:40px;height:40px;font-size:12px}.logo{width:44px;height:44px}.info b{font-size:18px}.info b span{font-size:14px}.info small,.info em{font-size:12px}.bigVal{font-size:20px}.side{padding:5px 8px;font-size:9px}.compactGuide>div{grid-template-columns:26px 38px 70px 52px 1fr}.compactGuide small{display:none}.compactGuide .logo{width:34px;height:34px}.compactGuide strong{font-size:16px}.compactGuide em{font-size:12px;display:block}.universeHero h1{font-size:31px}.universeHero span{font-size:15px}.posCounts b{font-size:11px}}