@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@500;600;700;800&display=swap";:root{--background:#0a0a0a;--foreground:#fafafa;--card:#161617;--card-2:#1d1d1f;--secondary:#111214;--muted-foreground:#a3a3a3;--border:#ffffff1f;--primary:#fafafa;--primary-foreground:#0a0a0a;--primary-soft:#fafafa16;--amber:#d4d4d4;--amber-hover:#a3a3a3;--pos:#d4d4d4;--era:#fafafa;--radius:.5rem;--win:#22c55e;--draw:#f59e0b;--loss:#ef4444;--link:#6cb4d4;--link-hover:#8ac4dc}:root.light{--background:#fff;--foreground:#111827;--card:#fff;--card-2:#f8fafc;--secondary:#f1f5f9;--muted-foreground:#6b7280;--border:#e5e7eb;--primary:#111827;--primary-foreground:#fff;--primary-soft:#11182716;--amber:#111827;--amber-hover:#374151;--link:#004c64;--link-hover:#005b7a;--pos:#2563eb;--era:#7c3aed}*{box-sizing:border-box}body{color:var(--foreground);background:var(--background);min-height:100vh;margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Arial}button{font:inherit}a{color:inherit}main{flex-direction:column;max-width:1100px;min-height:100vh;margin:auto;padding:0 16px 8px;display:flex}.appBar{z-index:10;background:var(--background);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin:0 -16px 6px;padding:11px 16px;display:flex;position:sticky;top:0}.appBrand{align-items:center;gap:10px;min-width:0;display:flex}.appBrand strong{white-space:nowrap;font-size:16px;font-weight:800}.appPos{background:var(--primary);color:var(--primary-foreground);border-radius:999px;flex-shrink:0;padding:3px 11px;font-size:12px;font-weight:800}.appIcons{flex-shrink:0;align-items:center;gap:8px;display:flex}.appNew{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.appNew:hover{border-color:var(--primary);color:var(--foreground)}@media (width<=480px){.appNew span,.appNew{font-size:0}.appNew svg{font-size:initial}.appNew{gap:0;padding:8px}}.siteHeader{text-align:center;padding:62px 0 10px;position:relative}.brand{flex-direction:column;align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:-.02em;margin:2px 0 0;font-size:clamp(26px,5vw,34px);font-weight:800}.brand p{max-width:640px;color:var(--muted-foreground);margin:0 auto;font-size:16px;line-height:1.45}.headerIcons{gap:6px;display:flex;position:absolute;top:24px;right:0}.iconBtn{border:1px solid var(--border);width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:10px;place-items:center;transition:all .15s;display:grid}.iconBtn:hover{background:var(--secondary);color:var(--foreground)}.menuWrap{display:flex;position:relative}.menuBackdrop{z-index:55;position:fixed;inset:0}.menuPanel{z-index:60;background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;min-width:190px;padding:6px;animation:.14s menuIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #00000010}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.menuPanel button{text-align:left;width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .12s;display:flex}.menuPanel button:hover{background:var(--secondary)}.menuPanel button svg{color:var(--muted-foreground);flex-shrink:0}.menuPanel button.active{color:var(--primary);background:var(--primary-soft)}.menuPanel button.active svg{color:var(--primary)}.record{background:var(--card);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;margin:18px auto 0;padding:9px 22px;font-size:22px;font-weight:800;display:inline-flex}.record b{color:var(--primary)}.content{width:100%;max-width:760px;margin:18px auto 0;padding-bottom:86px}.panel{background:var(--card);border-radius:var(--radius);padding:22px}.mode{max-width:680px;margin:0 auto}.mode h2,.draft h2,.squad h2{margin:0 0 16px;font-weight:700}.modeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modeCard{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-2);min-height:190px;color:var(--foreground);cursor:pointer;flex-direction:column;gap:12px;padding:22px;transition:transform .16s,border-color .16s;display:flex}.modeCard:hover{border-color:var(--primary);transform:translateY(-3px)}.modeCard svg{color:var(--primary);width:34px;height:34px}.modeCard strong{font-size:24px}.modeCard span{color:var(--muted-foreground);line-height:1.45}.rulesWrap{margin-top:16px}.rules{border-radius:var(--radius);background:var(--card-2);border:1px solid var(--border);color:var(--muted-foreground);margin-top:8px;padding:16px;line-height:1.5}.rules b{color:var(--foreground)}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;max-width:1040px;margin:0 auto;display:grid}.topbar{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.ghost,.skipRow button,.share{border:1px solid var(--border);background:var(--secondary);color:var(--foreground);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;transition:all .15s;display:inline-flex}.ghost:hover,.skipRow button:hover:not(:disabled){border-color:var(--primary)}.pill{background:var(--primary);color:var(--primary-foreground);border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.draft h2 em{color:var(--primary);margin-left:6px;font-size:16px;font-style:normal}.slotMachine{gap:14px;width:100%;max-width:520px;margin:28px auto 6px;display:flex}.slotMachine div{background:var(--card-2);text-align:center;box-sizing:border-box;border-radius:14px;flex-direction:column;flex:0 0 calc(50% - 7px);justify-content:center;align-items:center;gap:6px;width:calc(50% - 7px);min-width:0;min-height:118px;padding:22px 14px;display:flex;overflow:hidden}.slotMachine .slotTeam,.slotMachine .slotEra{min-width:0}.slotMachine small{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.slotMachine .slotTeam small{color:var(--primary)}.slotMachine .slotEra small{color:var(--era)}.slotMachine strong{white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:0 4px;font-size:clamp(24px,5vw,36px);font-weight:800;line-height:1.05;display:block;overflow:hidden}.slotMachine strong.idle{opacity:.32}.spinWrap{flex-direction:column;align-items:center;gap:12px;margin-top:18px;display:flex}.spin{background:var(--primary);color:var(--primary-foreground);letter-spacing:.02em;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 48px;font-size:19px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 8px 24px #0000001a}.spin:hover{filter:brightness(1.08);transform:translateY(-1px)}.spinHint{color:var(--muted-foreground);margin:0;font-size:13px;font-weight:600}.slotMachine.rolling strong:not(.locked){animation:90ms linear infinite reel}.slotMachine.rolling strong.locked{opacity:1;animation:none}@keyframes reel{0%{opacity:.55;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spinning{text-align:center;letter-spacing:.14em;color:var(--muted-foreground);padding:16px;font-weight:700;animation:1.1s ease-in-out infinite spinPulse}@keyframes spinPulse{0%,to{opacity:1}50%{opacity:.4}}.drawBar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:4px 0 18px;animation:.25s drawIn;display:flex}@keyframes drawIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.drawInfo{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex;overflow:hidden}.drawTeam{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.drawYear{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.skipInline{white-space:nowrap;flex:none;align-items:center;gap:6px;display:flex}.skipInline button{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.skipInline button:first-child:not(:disabled){color:var(--primary)}.skipInline button:last-child:not(:disabled){color:var(--era)}.skipInline button:hover:not(:disabled){border-color:currentColor}.skipInline button:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.respinsLeft{color:var(--muted-foreground);text-align:center;justify-content:center;align-self:center;align-items:center;min-width:32px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.skipRow{gap:10px;margin:0 0 14px;display:flex}.skipRow button:disabled{opacity:.4;cursor:not-allowed}.availCount{color:var(--muted-foreground);margin:0 0 10px;font-size:13px}.filterChips{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.chip{border:1px solid var(--border);background:var(--secondary);color:var(--muted-foreground);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--primary);color:var(--foreground)}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.chipCount{opacity:.85;font-size:11px;font-weight:700}.listTools{gap:8px;margin:0 0 10px;display:flex}.searchBox{background:var(--card-2);border:1px solid var(--border);border-radius:999px;flex:auto;align-items:center;gap:8px;min-width:0;padding:0 14px;transition:border-color .15s;display:flex}.searchBox:focus-within{border-color:var(--primary)}.searchBox svg{color:var(--muted-foreground);flex-shrink:0}.searchBox input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;padding:9px 0;font-size:14px}.searchBox input::placeholder{color:var(--muted-foreground)}.searchClear{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 2px;font-size:19px;line-height:1}.searchClear:hover{color:var(--foreground)}.sortSelect{background:var(--card-2);border:1px solid var(--border);max-width:42%;color:var(--foreground);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:999px;outline:none;flex-shrink:0;padding:9px 30px 9px 14px;font-size:13px;font-weight:600;transition:border-color .15s}.sortSelect:hover{border-color:var(--primary)}.candidateList{flex-direction:column;gap:11px;display:flex}.playerRow{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-2);color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,transform .15s;display:flex}@media (hover:hover){.playerRow:hover{border-color:var(--primary);transform:translateY(-1px)}}.playerRow:active{border-color:var(--primary);background:var(--primary-soft)}.playerMeta{flex-direction:column;gap:3px;min-width:0;display:flex}.playerMeta strong{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;line-height:1.1;display:block;overflow:hidden}.playerMeta .playerPos{color:var(--pos);white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;align-items:baseline;gap:2px;margin:0;font-size:13px;font-weight:600;line-height:1.1;display:flex;overflow:hidden}.playerMetaTeam{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:400;line-height:1.1;overflow:hidden}.playerMeta .playerPos .playerMetaTeam{min-width:0}.playerMeta small{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.1;display:block;overflow:hidden}.rowStats{flex-shrink:0;gap:11px;display:flex}.rowStats span{letter-spacing:.04em;min-width:42px;color:var(--muted-foreground);text-transform:uppercase;flex-direction:column;align-items:center;font-size:9px;display:flex}.rowStats b{color:var(--primary);font-size:20px}.rowHidden{color:var(--muted-foreground);flex-shrink:0;align-items:center;gap:7px;font-size:13px;display:flex}.lineup{z-index:5;padding:11px 14px calc(11px + env(safe-area-inset-bottom,0px));background:var(--background);border-top:1px solid var(--border);scrollbar-width:thin;flex-wrap:nowrap;justify-content:safe center;align-items:flex-start;gap:9px;margin-top:18px;display:flex;position:sticky;bottom:0;overflow-x:auto}.slot{flex-direction:column;flex:none;align-items:center;gap:5px;display:flex}.badge{border:2px dashed var(--border);width:42px;height:42px;color:var(--muted-foreground);background:0 0;border-radius:50%;place-items:center;font-size:13px;font-weight:800;transition:all .15s;display:grid}.slot.filled .badge{border-style:solid;border-color:#0000}.badge.overallHigh{border-color:var(--win);color:#166534;background:#16a34a29}.badge.overallStrong{color:#1d4ed8;background:#2563eb29;border-color:#2563eb}.badge.overallGood{color:#b45309;background:#d977062e;border-color:#ca8a04}.badge.overallMid{border-color:var(--border);background:var(--secondary);color:var(--foreground)}.badge.overallLow{border-color:var(--loss);color:#991b1b;background:#dc262629}.slot small{color:var(--muted-foreground);font-size:11px}main.playing{height:100dvh;overflow:hidden}main.playing .content{flex-direction:column;flex:1;min-height:0;margin-top:0;padding-bottom:0;display:flex;overflow:hidden}main.playing .panel.draft{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}main.playing .panel.draft>*{flex:none}main.playing .panel.draft>.candidateList{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 0;min-height:0;padding-right:2px;overflow-y:auto}main.playing .lineup{flex-shrink:0;margin-top:12px;position:static}main.playing .siteFooter{display:none}@media (width<=700px){main.hasLineup{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}main.hasLineup .lineup{z-index:45;margin:0;position:fixed;bottom:0;left:6px;right:6px;box-shadow:0 -8px 24px #00000014}main.playing .lineup{margin:0;position:fixed;left:6px;right:6px}}.posModal{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001f;justify-content:center;align-items:flex-end;animation:.18s sheetFade;display:flex;position:fixed;inset:0}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}.posSheet{background:var(--card);border:1px solid var(--border);width:100%;max-width:560px;padding:26px 22px calc(28px + env(safe-area-inset-bottom,0px));text-align:center;border-bottom:0;border-radius:20px 20px 0 0;animation:.24s cubic-bezier(.2,.8,.2,1) sheetUp;position:relative;box-shadow:0 -16px 50px #0002}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.posClose{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1;position:absolute;top:16px;right:16px}.posClose:hover{color:var(--foreground)}.posName{margin:0 0 4px;padding:0 24px;font-size:20px;font-weight:800;display:block}.posName span{color:var(--muted-foreground);font-weight:700}.posSub{color:var(--muted-foreground);margin-bottom:22px;font-size:13px;display:block}.posBtns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.posBtn{background:var(--pos);color:#fff;cursor:pointer;border:0;border-radius:14px;flex-direction:column;flex:74px;justify-content:center;align-items:center;gap:2px;min-width:74px;max-width:110px;min-height:74px;padding:12px 8px;font-weight:800;transition:all .15s;display:flex}.posBtn b{font-size:19px}.posBtn:hover{filter:brightness(1.08);transform:translateY(-2px)}.posBtn:disabled{background:var(--card-2);border:1px solid var(--border);color:var(--muted-foreground);cursor:not-allowed;filter:none;transform:none}.posBtn i{letter-spacing:.06em;opacity:.7;text-transform:uppercase;font-size:10px;font-style:normal}.resultHead{flex-direction:column;align-items:center;gap:10px;margin-bottom:2px;display:flex}.resultHead h2{margin:0;font-size:22px;font-weight:800}.recordLabel{text-align:center;color:var(--muted-foreground);letter-spacing:.14em;margin:14px 0 2px;font-size:13px;font-weight:700}.bigRecord{text-align:center;letter-spacing:-.01em;font-size:clamp(44px,11vw,64px);font-weight:800;line-height:1}.bigRecord span{color:var(--muted-foreground);margin:0 4px;font-weight:600}.recordSub{text-align:center;color:var(--muted-foreground);letter-spacing:.22em;margin:7px 0 8px;font-size:12px;font-weight:600}.gradeLine{text-align:center;color:var(--muted-foreground);margin:0 0 18px;font-size:15px;font-weight:700}.gradeLine b{vertical-align:-1px;margin-right:6px;font-size:20px}.gradeLine.gradeHi b{color:var(--win)}.gradeLine.gradeMid b{color:var(--amber)}.gradeLine.gradeLo b{color:var(--loss)}.shareRow{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.shareRow .share{flex:150px}.share{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-weight:700;transition:all .15s;display:inline-flex}.share:hover{filter:brightness(1.08)}.shareGhost{border:1px solid var(--border);color:var(--foreground);background:0 0}.shareGhost:hover{filter:none;border-color:var(--primary)}.xiList{flex-direction:column;gap:10px;display:flex}.xiCard{border:1px solid var(--border);background:var(--card-2);border-radius:14px;align-items:center;gap:13px;padding:11px 14px;display:flex}.xiBadge{color:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;line-height:1;display:flex}.gGK .xiBadge{background:var(--amber)}.gDEF .xiBadge{background:var(--pos)}.gMID .xiBadge{background:var(--win)}.gFWD .xiBadge{background:var(--primary)}.xiBadge b{font-size:15px;font-weight:800}.xiBadge.flagBadge b{font-size:24px;line-height:1}.xiBadge i{opacity:.9;margin-top:2px;font-size:9px;font-style:normal;font-weight:700}.xiInfo{flex:1;min-width:0}.xiInfo strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.xiInfo small{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.xiStats{flex-shrink:0;gap:10px;display:flex}.xiStats span{letter-spacing:.04em;min-width:38px;color:var(--muted-foreground);text-transform:uppercase;flex-direction:column;align-items:center;font-size:9px;display:flex}.xiStats b{color:var(--primary);font-size:18px}.totalsRow{background:var(--card-2);border:1px solid var(--border);border-radius:14px;justify-content:space-between;gap:6px;margin:14px 0;padding:16px 12px;display:flex}.totalsRow span{letter-spacing:.06em;color:var(--muted-foreground);text-transform:uppercase;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.totalsRow b{color:var(--foreground);font-size:22px}.copyBtn{justify-content:center;width:100%;margin-bottom:4px}.result h3,.personalSectionTitle{margin:20px 0 10px}.modeLeaderboards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.personalLeaderboard{margin:20px 0}.personalLeaderboard h3{margin:0 0 10px}.personalRows{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.personalRows li{margin:0;padding:0;list-style:none}.personalRow{border:0;border-radius:0;align-items:flex-start;gap:8px;padding:2px 0 4px;font-size:12px;display:flex}.personalRow .personalMode{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.personalRank{color:var(--foreground);min-width:26px;font-weight:800}.personalText{white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:1.35;display:block;overflow:hidden}.personalEmpty{color:var(--muted-foreground);margin:0;font-size:12px}.fixtures{border:1px solid var(--border);background:var(--card-2);border-radius:12px;overflow:hidden}.fixtureRow{border-top:1px solid var(--border);grid-template-columns:58px 32px minmax(0,1fr) 60px 52px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;display:grid}.fixtures .fixtureRow:first-child{border-top:0}.fixtureRow.w,.fixtureRow.d,.fixtureRow.l{background:#00000005}.fixtureMw{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.fixtureVenue{color:#fff;background:var(--muted-foreground);border-radius:999px;justify-self:center;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.fixtures .w .fixtureVenue,.fixtures .d .fixtureVenue,.fixtures .l .fixtureVenue{background:var(--card)}.fixtureTeam{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.fixtureTeam strong.fixtureSeason{color:var(--muted-foreground);margin-left:8px;font-size:11px;font-style:normal;font-weight:700}.fixtureTeam strong.fixtureSeason:before{content:"("}.fixtureTeam strong.fixtureSeason:after{content:")"}.fixtureScore{color:var(--foreground);justify-self:end;font-size:18px}.fixtureResult{color:#fff;background:var(--loss);text-align:center;border-radius:999px;justify-self:center;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.fixtureHeader{background:var(--card);letter-spacing:.06em;color:var(--muted-foreground);text-transform:uppercase;font-size:11px;font-weight:800}.fixtureHeader .fixtureVenue,.fixtureHeader .fixtureResult,.fixtureHeader .fixtureScore{min-width:0;color:var(--muted-foreground);background:0 0;font-size:10px}.fixtureHeader .fixtureScore{justify-self:end}.w .fixtureResult{background:var(--win)}.d .fixtureResult{background:var(--draw)}.l .fixtureResult{background:var(--loss)}.wcMatches{flex-direction:column;gap:10px;display:flex}.wcMatch{border:1px solid var(--border);border-left:4px solid var(--draw);background:var(--card-2);border-radius:12px;padding:11px 13px}.wcMatch.w{border-left-color:var(--win)}.wcMatch.d{border-left-color:var(--draw)}.wcMatch.l{border-left-color:var(--loss)}.wcMatchHead{grid-template-columns:70px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.wcMatchHead span{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.wcMatchHead b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.wcMatchHead strong{color:var(--primary);font-size:18px}.wcGoals{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.wcGoals span{background:var(--secondary);color:var(--foreground);border-radius:999px;padding:5px 9px;font-size:12px}.wcGoals .oppGoal{color:var(--loss)}.siteFooter{margin-top:auto}.support{text-align:center;color:var(--muted-foreground);padding:22px 6px 4px;font-size:14px}.support a{text-underline-offset:2px;color:var(--link);text-decoration:underline;transition:all .15s}.support a:hover{color:var(--link-hover)}.support .sep{opacity:.5;margin:0 8px}.disclaimer{text-align:center;color:var(--muted-foreground);opacity:.7;margin:0;padding:0 12px 16px;font-size:12px}.disclaimer a{color:var(--link)}.disclaimer a:hover{color:var(--link-hover)}.footerBar{border-top:1px solid var(--border)}.footerInner{max-width:1100px;color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:auto;padding:18px 16px;font-size:12px;display:flex}.footerInner nav{align-items:center;gap:10px;display:flex}.footerInner nav a{transition:all .15s}.footerInner nav a:hover{color:var(--foreground)}.footerInner nav span{opacity:.4}@media (width<=900px){.layout{grid-template-columns:1fr}.squad{position:static}.modeGrid{grid-template-columns:1fr}}@media (width<=700px){.modeLeaderboards{grid-template-columns:1fr}}@media (width<=560px){.metricGrid,.candidateGrid{grid-template-columns:1fr}.skipRow{flex-direction:column}.score strong{font-size:34px}.modeCard{min-height:136px;padding:10px 11px}.headerIcons{top:18px}body{font-size:13px}main{padding:0 8px 6px}.content{margin-top:8px}.appBar{gap:8px;margin:0 -8px 5px;padding:7px 10px}.appBrand{gap:7px}.appBrand strong{font-size:13px}.appPos{padding:2px 8px;font-size:10px}.iconBtn{width:32px;height:32px}.panel{padding:10px}.siteHeader{padding:22px 0 6px}.brand p{font-size:12px}.brand h1{font-size:clamp(24px,8vw,30px)}.modeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modeCard strong{font-size:16px}.draft h2{margin-bottom:10px;font-size:17px}.drawBar{gap:8px;margin-bottom:12px}.playerRow{gap:8px;padding:10px 11px}.playerMeta strong{font-size:12px}.playerMeta .playerPos,.playerMeta small{font-size:10px}.rowStats{gap:6px}.rowStats b{font-size:16px}.rowStats span{min-width:32px;font-size:7px}.filterChips{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;padding-bottom:2px;padding-right:8px;scroll-padding-inline-end:8px;overflow-x:auto}.filterChips::-webkit-scrollbar{display:none}.chip{flex:none;padding:3px 7px;font-size:10px}.mode .filterChips{white-space:normal;flex-wrap:wrap;gap:6px;padding-right:0;scroll-padding-inline-end:0;overflow-x:visible}.mode .filterChips .chip{padding:6px 11px;font-size:12px}.skipInline{gap:6px}.skipInline button{padding:5px 10px;font-size:11px}.availCount{margin-bottom:8px;font-size:11px}.listTools{gap:6px;margin-bottom:8px}.searchBox{padding:0 11px}.searchBox input{padding:7px 0;font-size:13px}.sortSelect{padding:7px 26px 7px 11px;font-size:11px}.candidateList{gap:8px}.slotMachine small{font-size:10px}.slotMachine strong{font-size:clamp(16px,4.6vw,26px)}.lineup{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));justify-content:space-between;gap:3px;overflow-x:hidden}.slot{gap:2px}.badge{width:24px;height:24px;font-size:9px}.slot small{font-size:8px}.posName{font-size:16px}.posSub{font-size:11px}.posBtn{min-width:56px;min-height:60px;padding:9px 6px}.posBtn b{font-size:16px}.slotMachine{gap:10px;margin:18px auto 4px}.slotMachine div{min-height:92px;padding:16px 10px}.spin{padding:13px 40px;font-size:16px}.fixtures{margin-top:2px}.fixtureRow{grid-template-columns:52px 27px minmax(0,1fr) 52px 30px;font-size:12px}.fixtureMw{font-size:10px}.fixtureVenue{width:20px;height:20px}.fixtureTeam strong.fixtureSeason{display:none}.fixtureScore{font-size:15px}.fixtureResult{min-width:26px;height:26px;font-size:11px}}.worldCupSkin{--poster-blue:#5b5e8b;--poster-violet:#5f4f70;--poster-plum:#52334f;--poster-dark:#291f25;--poster-brown:#4b2b32;--poster-rust:#985621;--poster-ochre:#998f6a;--poster-paper:#d0d7df;--poster-soft-white:#f2f1e8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root:not(.light) .worldCupSkin{--background:var(--poster-dark);--foreground:var(--poster-soft-white);--card:var(--poster-plum);--card-2:var(--poster-brown);--secondary:#291f25bd;--muted-foreground:#f2f1e8b8;--border:#f2f1e838;--primary:var(--poster-rust);--primary-foreground:var(--poster-soft-white);--primary-soft:#98562138;--amber:var(--poster-ochre);--amber-hover:var(--poster-paper);--pos:#000;--era:var(--poster-ochre);--win:#a7b88a;--draw:#c29a54;--loss:#b36a61;--link:var(--poster-paper);--link-hover:var(--poster-soft-white);--draft-surface:var(--poster-paper);--draft-surface-active:var(--poster-soft-white);--draft-control:var(--poster-soft-white);--draft-text:#111;--draft-muted:#52334f;--draft-border:#11111138;--draft-pos:#000;--draft-stat:#000;background:linear-gradient(180deg,var(--poster-blue) 0%,var(--poster-violet) 42%,var(--poster-plum) 72%,var(--poster-dark) 100%)}:root.light .worldCupSkin{--background:#ece5d7;--foreground:#291f25;--card:#f2f1e8;--card-2:#e2d6c5;--secondary:#e8ddce;--muted-foreground:#6e5962;--border:#4b2b323d;--primary:var(--poster-rust);--primary-foreground:var(--poster-soft-white);--primary-soft:#98562121;--amber:#746a49;--amber-hover:#52334f;--pos:#fff;--era:#746a49;--win:#526e46;--draw:#8b642b;--loss:#8b423b;--link:#5f4f70;--link-hover:#52334f;--draft-surface:#52334f;--draft-surface-active:#5f4f70;--draft-control:#4b2b32;--draft-text:#fff;--draft-muted:#d0d7df;--draft-border:#f2f1e842;--draft-pos:#fff;--draft-stat:#fff;background:linear-gradient(#d0d7df 0%,#c8bdd0 45%,#e2d6c5 100%)}:root:not(.light) body.worldCupBody{background:#291f25}:root.light body.worldCupBody{color:#291f25;background:#ece5d7}.worldCupSkin .brand h1,.worldCupSkin .resultHead h2,.worldCupSkin .bigRecord,.worldCupSkin .personalSectionTitle,.worldCupSkin .result h3,.worldCupSkin .modeCard strong,.worldCupSkin .slotMachine strong,.worldCupSkin .appBrand strong{text-transform:uppercase;letter-spacing:.035em;font-family:Anton,Archivo Black,Arial Narrow,Impact,sans-serif;font-weight:400}.worldCupSkin .brand p,.worldCupSkin .recordLabel,.worldCupSkin .recordSub,.worldCupSkin .chip,.worldCupSkin .share,.worldCupSkin .skipInline button,.worldCupSkin .appNew,.worldCupSkin .slotMachine small{letter-spacing:.1em;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.worldCupSkin .badge.overallHigh,.worldCupSkin .badge.overallStrong,.worldCupSkin .badge.overallGood,.worldCupSkin .badge.overallMid,.worldCupSkin .badge.overallLow{color:var(--foreground)}:root.light .worldCupSkin .rowStats b{color:#fff}:root:not(.light) .worldCupSkin .rowStats b{color:#000}:root:not(.light) .worldCupSkin .sortSelect{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}:root.light .worldCupSkin .sortSelect{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23F2F1E8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.worldCupSkin.playing .playerRow,.worldCupSkin.playing .searchBox,.worldCupSkin.playing .sortSelect{background:var(--draft-surface);color:var(--draft-text);border-color:var(--draft-border)}.worldCupSkin.playing .playerRow:active{background:var(--draft-surface-active)}.worldCupSkin.playing .playerMeta strong,.worldCupSkin.playing .drawTeam,.worldCupSkin.playing .searchBox input,.worldCupSkin.playing .sortSelect{color:var(--draft-text)}.worldCupSkin.playing .playerMeta .playerPos{color:var(--draft-pos)}.worldCupSkin.playing .playerMetaTeam,.worldCupSkin.playing .rowStats span,.worldCupSkin.playing .searchBox svg,.worldCupSkin.playing .searchBox input::placeholder,.worldCupSkin.playing .searchClear{color:var(--draft-muted)}.worldCupSkin.playing .rowStats b{color:var(--draft-stat)}.worldCupSkin.playing .chip{background:var(--draft-control);color:var(--draft-muted);border-color:var(--draft-border)}.worldCupSkin.playing .chip:hover{color:var(--draft-text)}.worldCupSkin.playing .chip.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.worldCupSkin .posBtn:not(:disabled){color:#fff;background:#000}:root.light .worldCupSkin .posBtn:not(:disabled){color:#fff;background:#52334f}
