@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+0300-036F,U+1E00-1EFF,U+20A0-20CF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+20AC}:root{color-scheme:dark;--bg: #0a0a0b;--surface: #111113;--surface-2: #18181b;--border: #27272a;--text: #f5f5f5;--muted: #a1a1aa;--muted-2: #71717a;--team-primary: #f5f5f5;--team-accent: #22c55e;--team-outline: #737373;--live: #ef4444;--win: #22c55e;--loss: #ef4444;--draw: #f59e0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}:root.light{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: #d4d4d8;--text: #09090b;--muted: #52525b;--muted-2: #71717a;--team-accent: #15803d;--team-outline: #52525b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--team-primary);outline-offset:3px}.pageShell{min-height:100vh;padding-bottom:88px}.skipLink{position:fixed;left:16px;top:-80px;z-index:20;padding:10px 14px;border-radius:8px;background:var(--text);color:var(--bg)}.skipLink:focus{top:16px}.topBar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(16px,env(safe-area-inset-left)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brandButton{display:grid;gap:0;border:0;background:transparent;color:var(--text);text-align:left}.brand{font-weight:800;letter-spacing:0}.brandButton p,.muted,.detailMeta,small{color:var(--muted)}.brandButton p{margin:0;font-size:12px}.headerActions,.authActions,.onboardingActions{display:flex;align-items:center;gap:8px}.contentShell{width:min(960px,100%);margin:0 auto;padding:14px 14px 32px}.shellFooter{width:min(960px,100%);margin:0 auto;padding:0 14px 24px;display:flex;gap:14px;color:var(--muted);font-size:13px}.shellFooter a{text-decoration:underline;text-underline-offset:3px}.btn,.themeToggle,.iconButton,.detailsLink,.chip,.backLink{min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;cursor:pointer;font-weight:700;letter-spacing:0}.btn.primary{background:var(--team-primary);border-color:var(--team-outline);color:#050505}:root.light .btn.primary{color:var(--team-accent);background:color-mix(in srgb,var(--team-primary) 78%,white)}.btn.secondary,.detailsLink{background:var(--surface-2)}.btn.danger{border-color:var(--loss);color:var(--loss)}.themeToggle,.iconButton{width:42px;padding:0}.iconButton svg,.bottomNav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.iconButton.active{border-color:var(--team-outline);color:var(--team-primary)}.status,.errorPanel,.signInCard,.profileHeader,.myRankCard,.matchStateHeader{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px}.statusBanner{display:flex;justify-content:space-between;align-items:center;margin:12px 0;border-color:var(--team-outline)}.statusBanner button{border:0;background:transparent;color:var(--text);font-size:18px}.errorPanel{border-color:var(--loss);margin:12px 0}.matchStrip{display:flex;gap:10px;overflow-x:auto;padding:4px 0 14px;scroll-snap-type:x mandatory}.matchStrip.skeleton div{min-width:240px;height:92px;border-radius:8px;background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface))}.scoreboardLink{min-width:238px;scroll-snap-align:start}.scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px}.scoreboard.compact{min-height:92px}.scoreboard.full{padding:18px;margin:12px 0}.scoreboard.live{border-color:var(--live);box-shadow:0 0 0 1px color-mix(in srgb,var(--live) 32%,transparent)}.teamSide{display:grid;justify-items:center;gap:6px;min-width:0;text-align:center}.teamSide img,.teamSide>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);object-fit:contain}.teamSide strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.scoreCore{display:grid;justify-items:center;gap:4px}.scoreNumbers{display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.scoreNumbers strong{font-size:30px;font-weight:800;line-height:1}.statusPill,.livePill,.badge,.reasonChip{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;border:1px solid var(--border);padding:3px 8px;font-size:12px;font-weight:700;color:var(--muted)}.livePill{color:#fff;background:var(--live);border-color:var(--live);animation:livePulse 1.4s infinite}.badge.dark,.reasonChip{border-color:var(--team-outline);color:var(--team-primary)}.feedTabs{position:sticky;top:67px;z-index:8;display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border-bottom:1px solid var(--border);margin:0 -14px 12px;padding:0 14px}.feedTabs button{border:0;background:transparent;color:var(--muted);padding:14px 8px;font-weight:800;border-bottom:3px solid transparent}.feedTabs button.active{color:var(--text);border-color:var(--team-primary)}.categoryRail{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}.chip.active{border-color:var(--team-outline);background:color-mix(in srgb,var(--team-accent) 16%,var(--surface))}.followChip{color:var(--team-primary);border-color:var(--team-outline)}.mutedChip{cursor:default;color:var(--muted)}.searchPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:10px 0}.searchPanel .categoryRail{grid-column:1 / -1;padding-bottom:0}.searchPanel input,.profileStrip select,.commentComposer textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:11px 12px}.feedStack{display:grid;gap:12px}.votingCard{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px}.votingCard.featured{border-color:var(--team-outline)}.cardTopline,.sectionHeader,.detailMeta,.composerMeta,.votingCard footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.badgeGroup{display:flex;flex-wrap:wrap;gap:6px}.votingCard h3,.detailPanel h1,.screenPage h1,.profileHeader h1,.onboardingPage h1{margin:12px 0 8px;font-size:clamp(22px,4vw,34px);line-height:1.08;font-weight:800;letter-spacing:0}.votingCard p,.detailPanel p{color:var(--muted)}.options{display:grid;gap:8px;margin:12px 0}.optionButton{position:relative;overflow:hidden;min-height:50px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}.optionButton:disabled{cursor:not-allowed;opacity:.74}.optionButton.selected{border-color:var(--option-accent)}.optionButton .bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--option-accent) 24%,transparent);transition:width .38s cubic-bezier(.2,.8,.2,1)}.optionText,.optionMeta{position:relative;z-index:1}.optionText{display:flex;align-items:center;gap:8px;font-weight:800;min-width:0}.optionCrest{width:22px;height:22px;object-fit:contain}.optionMeta{flex:0 0 auto;color:var(--muted);font-size:12px}.signInCard{margin:12px 0;display:grid;gap:8px}.dailyMission{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--team-outline);border-radius:8px;background:var(--surface);padding:9px 10px;margin:12px 0}.dailyMission span{color:var(--muted);font-size:12px;font-weight:700}.dailyMission strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailPanel,.screenPage,.profilePage,.onboardingPage{display:grid;gap:14px}.detailMeta{justify-content:flex-start;flex-wrap:wrap;font-size:13px}.probabilityHeadline,.voteResultReveal,.authPayoffBox,.tribuneRivalry,.statsPanel,.commentsPanel,.leaderboardPanel,.activePredictions,.profileBadgePanel,.themePreference,.profileDangerZone,.hubSection{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px}.voteResultReveal,.authPayoffBox,.themePreference{display:flex;align-items:center;justify-content:space-between;gap:12px}.tribuneList,.commentList,.matchList,.incidentTimeline,.activePredictions{display:grid;gap:10px}.panelTitleRow{display:flex;justify-content:space-between;gap:10px;align-items:center}.segmentedControl{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmentedControl button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:8px 10px;font-weight:700}.segmentedControl button.active{background:color-mix(in srgb,var(--team-accent) 18%,var(--surface));color:var(--text)}.tribuneSide,.commentItem,.leaderboardRow,.predictionRow,.incidentTimeline article{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:12px}.tribuneBar,.missionProgress{height:8px;overflow:hidden;border-radius:999px;background:var(--border);margin:8px 0}.tribuneBar span,.missionProgress span{display:block;height:100%;background:var(--team-primary)}.statsPanel{display:grid;gap:12px}.statsHeader{display:flex;justify-content:space-between;gap:12px}.statsPanel svg{width:100%;min-height:180px;overflow:visible}.gridLine{stroke:var(--border);stroke-width:1}.chartLine{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.statsLegend{display:flex;flex-wrap:wrap;gap:8px}.legendPill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:13px}.legendPill i{width:10px;height:10px;border-radius:999px}.commentComposer{display:grid;gap:8px}.playGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leaderboardRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.reactionBar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.reactionBar button{border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);padding:8px 10px}.profileHeader{border-color:var(--team-outline);background:color-mix(in srgb,var(--team-accent) 16%,var(--surface))}.profileStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto auto;gap:10px;align-items:end}.profileStrip label{display:grid;gap:6px;color:var(--muted);font-weight:700}.badgeShelf,.themeOptions{display:flex;flex-wrap:wrap;gap:8px}.badgeShelf span{border:1px solid var(--border);border-radius:999px;padding:8px 10px;color:var(--muted)}.badgeShelf span.earned{border-color:var(--win);color:var(--win)}.crestGrid,.previewCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.crestGrid button,.previewCards article{min-height:92px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:12px;text-align:left}.crestGrid button.active{border-color:var(--team-outline);background:color-mix(in srgb,var(--team-accent) 18%,var(--surface))}.crestGrid img,.crestFallback{width:38px;height:38px;display:grid;place-items:center;margin:0 auto 8px;object-fit:contain}.incidentTimeline article{display:grid;grid-template-columns:46px 1fr auto;gap:8px;align-items:center}.lineupColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lineupColumns article{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-2)}.lineupColumns article>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.lineupColumns p{display:grid;grid-template-columns:28px 1fr;gap:6px;margin:6px 0;color:var(--muted)}.installCard{width:min(960px,calc(100% - 28px));margin:10px auto 0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.installCard strong,.installCard span{display:block}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:12;display:grid;grid-template-columns:repeat(4,1fr);padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottomNav a{display:grid;justify-items:center;gap:2px;color:var(--muted);font-size:12px}.bottomNav a.active{color:var(--team-primary)}.bottomNav span{display:grid;place-items:center;width:22px;height:22px}.emptyState{border:1px dashed var(--border);border-radius:8px;padding:18px;color:var(--muted)}.goalFlash{animation:goalFlash 1.2s ease-out}@keyframes livePulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--live) 45%,transparent)}50%{box-shadow:0 0 0 8px transparent}}@keyframes goalFlash{0%{box-shadow:0 0 color-mix(in srgb,var(--team-primary) 55%,transparent);transform:scale(1)}40%{box-shadow:0 0 0 10px transparent;transform:scale(1.015)}to{transform:scale(1)}}@media (max-width: 720px){.topBar{padding-inline:12px}.headerActions .btn.secondary{display:none}.profileStrip,.playGrid{grid-template-columns:1fr}.voteResultReveal,.authPayoffBox,.themePreference{align-items:flex-start;flex-direction:column}.leaderboardRow,.incidentTimeline article{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}