.ui-pill:focus-visible,.ui-card.is-interactive:focus-visible,.ui-section-label-action:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}.ui-pill{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font:800 var(--fs-12) / 1 var(--font-ui), sans-serif;letter-spacing:.01em;cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:999px;display:inline-flex}.ui-pill:hover{background:var(--surface-3);color:var(--text)}.ui-pill.is-meta{background:color-mix(in srgb, var(--brand) 14%, transparent);border-color:var(--brand);color:var(--text)}.ui-pill.is-active{background:color-mix(in srgb, var(--fr-accent) 16%, transparent);border-color:var(--fr-accent);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--fr-accent) 40%, transparent), 0 6px 18px -10px var(--fr-accent)}.ui-pill-mark{display:inline-flex}.ui-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card)}.ui-card.is-interactive{cursor:pointer;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.ui-card.is-interactive:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line));box-shadow:var(--sh-pop);transform:translateY(-2px)}.ui-section-label{justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-3);display:flex}.ui-section-label-text{font:800 var(--fs-12) / 1 var(--font-ui), sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-strong)}.ui-section-label-action{font:700 var(--fs-12) / 1 var(--font-ui), sans-serif;color:var(--faint);transition:color var(--dur) var(--ease);align-items:center;gap:4px;display:inline-flex}.ui-section-label-action:hover{color:var(--brand-strong)}.ui-live-dot{align-items:center;gap:var(--sp-2);font:800 var(--fs-12) / 1 var(--font-ui), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--live);display:inline-flex}.ui-live-dot-pulse{background:var(--live);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 60%, transparent);animation:ui-live-pulse 1.8s var(--ease) infinite;border-radius:50%}.ui-live-dot-count{background:color-mix(in srgb, var(--live) 18%, transparent);min-width:16px;color:var(--text);text-align:center;border-radius:999px;padding:2px 5px}@keyframes ui-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.ui-live-dot-pulse{animation:none}}.ui-fmark{border-radius:var(--r-chip);background:color-mix(in srgb, var(--fr-accent) 22%, var(--surface-3));color:var(--text);font:800 var(--fs-12) / 1 var(--font-display), sans-serif;letter-spacing:.02em;place-items:center;display:grid;overflow:hidden}.ui-fmark.has-logo{background:color-mix(in srgb, var(--fr-accent) 14%, var(--surface-3));padding:12%}.ui-fmark img{object-fit:contain;width:100%;height:100%}.ui-stat{font:800 var(--fs-20) / 1 var(--font-display), sans-serif;letter-spacing:-.02em;color:var(--text)}.ui-stat.is-mono{font-family:var(--font-mono), ui-monospace, monospace;font-weight:600}.sidebar .nav-link.active{background:var(--brand-glow);color:var(--text);box-shadow:inset 3px 0 0 var(--brand)}.sidebar .nav-link.active svg{color:var(--brand-strong)}.sidebar.compact{padding-inline:0}.sidebar.compact .nav,.sidebar.compact .nav-group{justify-items:center;width:100%}.sidebar.compact .brand{justify-content:center;padding-inline:0}.sidebar.compact .nav-link{justify-content:center;gap:0;width:46px;margin-inline:auto}.sidebar.compact .nav-link.active{box-shadow:none}.topbar-live{border:1px solid var(--line);background:var(--panel);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:999px;align-items:center;gap:9px;padding:5px 13px 5px 7px;display:inline-flex}.topbar-live:hover{border-color:color-mix(in srgb, var(--brand) 55%, var(--line));background:color-mix(in srgb, var(--brand) 8%, var(--panel))}.topbar-live-avatars{display:inline-flex}.topbar-live-avatar{border:2px solid var(--panel);color:#fff;width:24px;height:24px;font:800 9px / 1 var(--font-display), sans-serif;letter-spacing:.02em;background:linear-gradient(135deg,#2d9bff,#0a3a8c);border-radius:50%;place-items:center;margin-left:-8px;display:grid}.topbar-live-avatar:first-child{margin-left:0}.topbar-live-text{color:var(--text);font:700 var(--fs-12) / 1 var(--font-ui), sans-serif;align-items:center;gap:6px;display:inline-flex}.topbar-live-text:before{content:"";background:var(--live);border-radius:50%;width:7px;height:7px}.topbar-live:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}.search-kbd{border:1px solid var(--line);border-radius:var(--r-chip);background:var(--surface-3);color:var(--faint);font:600 var(--fs-12) / 1 var(--font-mono), ui-monospace, monospace;flex:none;margin-left:auto;padding:2px 6px}@media (min-width:769px){.topbar-right .global-search{width:clamp(300px,32vw,460px)}}.bottom-nav{display:none}.bottom-nav-item:focus-visible{outline:2px solid var(--brand-strong);outline-offset:-2px}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.app-shell .sidebar{display:none}.main{padding-bottom:72px}.search-kbd{display:none}.bottom-nav{z-index:50;gap:var(--sp-1);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface-1) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;position:fixed;inset:auto 0 0}.bottom-nav-item{padding:var(--sp-1);color:var(--muted);font:700 10px / 1 var(--font-ui), sans-serif;text-transform:uppercase;letter-spacing:.04em;transition:color var(--dur) var(--ease);flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.bottom-nav-item.is-active{color:var(--brand-strong)}}.home-hub{gap:var(--sp-5);flex-direction:column;display:flex}.home-enter{animation:home-enter var(--dur-slow) var(--ease) both}@keyframes home-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.home-enter{animation:none}}.game-dropdown{width:max-content;position:relative}.game-dropdown-trigger{justify-content:space-between;align-items:center;gap:var(--sp-4);min-width:230px;padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);color:var(--text);font:800 var(--fs-14) / 1 var(--font-ui), sans-serif;cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);display:inline-flex}.game-dropdown-trigger:hover{background:var(--surface-3);border-color:color-mix(in srgb, var(--fr-accent) 45%, var(--line))}.game-dropdown-trigger[aria-expanded=true]{border-color:var(--fr-accent)}.game-dropdown-trigger:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}.game-dropdown-current{align-items:center;gap:var(--sp-2);display:inline-flex}.game-dropdown-current>svg{color:var(--fr-accent)}.game-dropdown-caret{color:var(--faint);transition:transform var(--dur) var(--ease)}.game-dropdown-trigger[aria-expanded=true] .game-dropdown-caret{transform:rotate(180deg)}.game-dropdown-menu{z-index:30;min-width:270px;padding:var(--sp-2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-pop);flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.game-dropdown-head{padding:var(--sp-2) var(--sp-2) var(--sp-1);color:var(--faint);font:800 var(--fs-12) / 1 var(--font-ui), sans-serif;text-transform:uppercase;letter-spacing:.08em}.game-dropdown-item{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-chip);color:var(--muted);font:700 var(--fs-14) / 1 var(--font-ui), sans-serif;text-align:left;cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;display:flex}.game-dropdown-item:hover{background:var(--surface-3);color:var(--text)}.game-dropdown-item.is-active{background:color-mix(in srgb, var(--fr-accent) 14%, transparent);color:var(--text)}.game-dropdown-item>svg{color:var(--fr-accent)}.game-dropdown-item:focus-visible{outline:2px solid var(--brand-strong);outline-offset:-2px}.home-featured,.home-game-stack{gap:var(--sp-4);flex-direction:column;display:flex}.game-hero{align-items:center;gap:var(--sp-6);min-height:320px;padding:var(--sp-8);border:1px solid var(--line);border-radius:var(--r-card);background:repeating-linear-gradient(118deg, transparent 0 40px, color-mix(in srgb, var(--fr-accent) 5%, transparent) 40px 42px), radial-gradient(120% 170% at 92% 0%, color-mix(in srgb, var(--fr-accent) 30%, transparent), transparent 56%), linear-gradient(180deg, var(--surface-2), var(--surface-1));grid-template-columns:minmax(0,1fr) clamp(160px,24%,320px);display:grid;position:relative;overflow:hidden}.game-hero-copy{z-index:2;max-width:640px;position:relative}.game-hero-art{z-index:1;align-self:stretch;place-items:center;display:grid;position:relative;overflow:hidden}.game-hero-glyph{font:400 clamp(120px, 15vw, 230px) / .8 var(--font-display), sans-serif;letter-spacing:-.02em;color:#0000;background:linear-gradient(155deg, color-mix(in srgb, var(--fr-accent) 92%, #fff), color-mix(in srgb, var(--fr-accent) 45%, transparent));filter:drop-shadow(0 0 46px color-mix(in srgb, var(--fr-accent) 35%, transparent));-webkit-background-clip:text;background-clip:text;transform:translate(12%)}.game-hero.has-art{background-position:100%;background-repeat:no-repeat;background-size:cover;grid-template-columns:1fr}.game-hero.has-art:before{content:"";z-index:1;background:linear-gradient(90deg,#030303f7 0%,#030303e6 30%,#0303038c 55%,#0303031a 100%);position:absolute;inset:0}.game-hero.has-art:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(65% 130% at 100% 50%, color-mix(in srgb, var(--fr-accent) 55%, transparent) 0%, color-mix(in srgb, var(--fr-accent) 22%, transparent) 38%, transparent 66%);position:absolute;inset:0}.game-hero-eyebrow{font:800 var(--fs-12) / 1 var(--font-ui), sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-strong)}.game-hero-title{margin:var(--sp-3) 0;max-width:18ch;font:400 clamp(34px, 4.4vw, 56px) / .94 var(--font-display), sans-serif;text-transform:uppercase;letter-spacing:.01em;color:var(--text)}.game-hero-lead{max-width:52ch;color:var(--muted)}.game-hero-meta{gap:var(--sp-4);margin:var(--sp-4) 0;color:var(--text);font:700 var(--fs-13) / 1 var(--font-ui), sans-serif;flex-wrap:wrap;display:flex}.game-hero-meta span{align-items:center;gap:6px;display:inline-flex}.game-hero-meta svg{color:var(--brand-strong)}.game-hero-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.home-rail{gap:var(--sp-3);scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:var(--sp-2);display:flex;overflow-x:auto}.home-rail::-webkit-scrollbar{display:none}.home-rail>*{scroll-snap-align:start;flex:0 0 300px;max-width:82%}.match-card-link{gap:var(--sp-2);padding:var(--sp-4);flex-direction:column;display:flex}.match-card-head{justify-content:space-between;align-items:center;display:flex}.match-card-teams{align-items:center;gap:var(--sp-2);color:var(--text);font:800 var(--fs-14) / 1.1 var(--font-ui), sans-serif;display:flex}.match-card-teams span{color:var(--faint);font-weight:600}.match-card-link small{color:var(--faint);font-family:var(--font-mono), ui-monospace, monospace}.home-card-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.event-card-link{gap:var(--sp-3);padding:var(--sp-4);flex-direction:column;display:flex}.event-card-link header{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.event-card-cover{border-radius:var(--r-card);background-color:var(--surface-2);align-items:flex-end;gap:var(--sp-2);background-position:50%;background-size:cover;height:92px;padding:10px;display:flex;position:relative;overflow:hidden}.event-card-cover:before{content:"";background:linear-gradient(#0000001a 30%,#000000c7);position:absolute;inset:0}.event-card-cover>*{z-index:1;position:relative}.event-card-cover .event-card-game{color:#f4f7fb}.event-card-game{color:var(--muted);font:700 var(--fs-12) / 1 var(--font-ui), sans-serif;text-transform:uppercase;letter-spacing:.06em}.event-card-link h3{color:var(--text);font:800 var(--fs-16) / 1.2 var(--font-ui), sans-serif}.event-card-meta{gap:var(--sp-3);color:var(--muted);font:600 var(--fs-12) / 1 var(--font-ui), sans-serif;flex-wrap:wrap;display:flex}.event-card-meta span{align-items:center;gap:5px;display:inline-flex}.home-ranking-panel{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-ranking-col{padding:var(--sp-4)}.home-ranking-col .ui-section-label{margin-top:0}.home-ranking-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-ranking-list li{align-items:center;gap:var(--sp-3);grid-template-columns:auto 1fr auto;display:grid}.home-ranking-pos{color:var(--brand-strong);font:800 var(--fs-13) / 1 var(--font-mono), ui-monospace, monospace}.home-ranking-list strong{color:var(--text);font:700 var(--fs-13) / 1.2 var(--font-ui), sans-serif;display:block}.home-ranking-list small{color:var(--faint);font-size:var(--fs-12)}.home-news-list{gap:var(--sp-3);flex-direction:column;display:flex}.home-news-list article{flex-direction:column;gap:4px;display:flex}.home-news-list span{color:var(--brand-strong);font:800 var(--fs-12) / 1 var(--font-ui), sans-serif;text-transform:uppercase;letter-spacing:.06em}.home-news-list h4{color:var(--text);font:700 var(--fs-13) / 1.25 var(--font-ui), sans-serif}.home-news-list small{color:var(--faint);font-size:var(--fs-12)}.home-empty{padding:var(--sp-7);text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.home-empty svg{color:var(--faint)}.home-empty strong{color:var(--text);font:700 var(--fs-14) / 1.2 var(--font-ui), sans-serif}.home-empty small{color:var(--faint);font-size:var(--fs-12)}.home-empty-col{padding:var(--sp-5)}@media (max-width:768px){.game-hero{min-height:0;padding:var(--sp-5);grid-template-columns:1fr}.game-hero-art{display:none}.game-dropdown,.game-dropdown-trigger{width:100%}.home-ranking-panel{grid-template-columns:1fr}}