:root{--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-display:"Red Hat Display","Manrope","Inter",sans-serif;--font-logo:"JetBrains Mono",monospace;--color-logo-red:#ef4444;--color-logo-red-hover:#dc2626;--color-logo-red-muted:rgba(239,68,68,0.15);--color-logo-orange:#f97316;--color-logo-orange-hover:#ea580c;--color-logo-orange-muted:rgba(249,115,22,0.15);--color-logo-yellow:#fbbf24;--color-logo-yellow-hover:#f59e0b;--color-logo-yellow-muted:rgba(251,191,36,0.15);--color-brand-primary:var(--color-logo-orange);--color-brand-primary-hover:var(--color-logo-orange-hover);--color-brand-primary-muted:var(--color-logo-orange-muted);--color-bg-primary:#09090b;--color-bg-secondary:#0f0f12;--color-bg-tertiary:#18181b;--color-bg-card:#141416;--color-bg-elevated:#1c1c1f;--color-bg-darker:#0e0e0e;--color-bg-hover:#27272a;--color-border-default:#27272a;--color-border-subtle:#1f1f23;--color-border-strong:#3f3f46;--color-border-hover:#52525b;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-disabled:#52525b;--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-muted:rgba(34,197,94,0.15);--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-muted:rgba(239,68,68,0.25);--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-muted:rgba(245,158,11,0.15);--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-muted:rgba(59,130,246,0.15);--color-rank-gold:var(--color-logo-yellow);--color-rank-gold-muted:var(--color-logo-yellow-muted);--color-rank-silver:#c0c0c0;--color-rank-silver-muted:rgba(192,192,192,0.15);--color-rank-bronze:var(--color-logo-orange);--color-rank-bronze-muted:var(--color-logo-orange-muted);--color-outcome-a:#10b981;--color-outcome-a-hover:#34d399;--color-outcome-a-muted:rgba(16,185,129,0.15);--color-outcome-b:#64748b;--color-outcome-b-hover:#94a3b8;--color-outcome-b-muted:rgba(100,116,139,0.15);--color-outcome-c:#f43f5e;--color-outcome-c-hover:#fb7185;--color-outcome-c-muted:rgba(244,63,94,0.15);--color-team-ct:#3b82f6;--color-team-ct-hover:#60a5fa;--color-team-ct-muted:rgba(59,130,246,0.15);--color-team-t:#eab308;--color-team-t-hover:#facc15;--color-team-t-muted:rgba(234,179,8,0.15);--color-team-radiant:#84cc16;--color-team-radiant-hover:#a3e635;--color-team-radiant-muted:rgba(132,204,22,0.15);--color-team-dire:#ef4444;--color-team-dire-hover:#f87171;--color-team-dire-muted:rgba(239,68,68,0.15);--color-timing-freezetime:var(--color-success);--color-timing-freezetime-muted:var(--color-success-muted);--color-timing-live:var(--color-danger);--color-timing-live-muted:var(--color-danger-muted);--color-timing-mapwide:var(--color-brand-primary);--color-timing-mapwide-muted:var(--color-brand-primary-muted);--color-twitch:#9146ff;--color-twitch-hover:#a855f7;--glass-bg:rgba(255,255,255,0.03);--glass-bg-hover:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.08);--glass-border-strong:rgba(255,255,255,0.12);--glass-blur:16px;--gradient-mapwide-border:linear-gradient(135deg,rgba(249,115,22,0.5),rgba(234,179,8,0.4));--gradient-card-shine:linear-gradient(135deg,rgba(255,255,255,0.03),rgba(255,255,255,0) 50%,rgba(255,255,255,0.02));--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--shadow-card:0 4px 16px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.03);--shadow-glow-brand:0 0 30px rgba(249,115,22,0.25);--shadow-glow-success:0 0 20px rgba(34,197,94,0.3);--shadow-glow-danger:0 0 20px rgba(239,68,68,0.3);--shadow-glow-outcome-a:0 0 20px rgba(16,185,129,0.3);--shadow-glow-outcome-b:0 0 20px rgba(100,116,139,0.3);--shadow-glow-outcome-c:0 0 20px rgba(244,63,94,0.3);--shadow-glow-team-ct:0 0 20px rgba(59,130,246,0.3);--shadow-glow-team-t:0 0 20px rgba(234,179,8,0.3);--shadow-glow-info:0 0 20px rgba(59,130,246,0.3);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out-smooth:cubic-bezier(0.4,0,0.2,1);--transition-fast:150ms var(--ease-in-out-smooth);--transition-default:200ms var(--ease-in-out-smooth);--transition-slow:300ms var(--ease-out-expo);--timing-live-pulse:0.8s ease-in-out infinite;--timing-mapwide-glow:4s ease-in-out infinite;--timing-entry-stagger:60ms;--spring-bounce:cubic-bezier(0.34,1.56,0.64,1);--spring-smooth:cubic-bezier(0.16,1,0.3,1);--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--color-rarity-common:#94a3b8;--color-rarity-rare:#3b82f6;--color-rarity-epic:#a855f7;--color-rarity-legendary:var(--color-logo-yellow)}.cosmetic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rarity-color) 8%,transparent),transparent 70%);pointer-events:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.cosmetic-card[data-rarity=legendary]:before{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rarity-color) 14%,transparent),transparent 70%)}.cosmetic-thumb{position:relative;overflow:hidden}.cosmetic-thumb:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rarity-color) 10%,transparent),transparent 80%);pointer-events:none}.cosmetic-thumb[data-rarity=rare]:before{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rarity-color) 14%,transparent),transparent 80%)}.cosmetic-thumb[data-rarity=epic]:before{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rarity-color) 18%,transparent),transparent 80%)}.cosmetic-thumb[data-rarity=legendary]:before{height:28px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rarity-color) 24%,transparent),transparent 80%)}@keyframes cosmetic-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes avatar-effect-pulse{0%,to{box-shadow:0 0 0 2px var(--avatar-effect-color),0 0 6px 1px var(--avatar-effect-glow)}50%{box-shadow:0 0 0 2px var(--avatar-effect-color),0 0 10px 3px var(--avatar-effect-glow)}}.avatar-effect-pulse{animation:avatar-effect-pulse 2s ease-in-out infinite}@keyframes draw{to{stroke-dashoffset:0}}@keyframes toast-enter{0%{opacity:0;transform:translateY(100%) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-enter{animation:toast-enter .4s cubic-bezier(.16,1,.3,1) forwards}.toast-exit{animation:toast-exit .3s ease-in forwards}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-subtle{animation:pulse-subtle 2.5s ease-in-out infinite}@keyframes waiting-bars-load{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.waiting-loader{display:flex;align-items:flex-end;gap:3px;height:20px}.waiting-loader__bar{width:4px;border-radius:2px;transform-origin:bottom;animation:waiting-bars-load 1s ease-in-out infinite}.waiting-loader__bar:first-child{height:60%;background:var(--color-logo-red);animation-delay:0s}.waiting-loader__bar:nth-child(2){height:80%;background:var(--color-logo-orange);animation-delay:.15s}.waiting-loader__bar:nth-child(3){height:100%;background:var(--color-logo-yellow);animation-delay:.3s}@keyframes bar-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) drop-shadow(0 0 4px var(--color-logo-yellow))}}@layer base{h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2}}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.font-logo{font-family:var(--font-logo)}.text-mono-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-stat{font-variant-numeric:tabular-nums}.text-stat,.text-stat-lg{font-family:var(--font-mono);letter-spacing:-.02em}.text-stat-lg{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}@layer components{.card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:all var(--transition-default)}.card:hover{border-color:var(--color-border-strong)}}.glow-success{box-shadow:var(--shadow-glow-success)}.glow-danger{box-shadow:var(--shadow-glow-danger)}.glow-outcome-a{box-shadow:var(--shadow-glow-outcome-a)}.glow-outcome-b{box-shadow:var(--shadow-glow-outcome-b)}.glow-outcome-c{box-shadow:var(--shadow-glow-outcome-c)}.glow-team-ct{box-shadow:var(--shadow-glow-team-ct)}.glow-team-t{box-shadow:var(--shadow-glow-team-t)}.prediction-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);transition:all var(--transition-default);overflow:hidden}.prediction-card:before{content:"";position:absolute;inset:0;background:var(--gradient-card-shine);pointer-events:none;opacity:0;transition:opacity var(--transition-default)}.prediction-card:hover:before{opacity:1}.prediction-card--mapwide{background:linear-gradient(135deg,rgba(249,115,22,.04) 0,var(--color-bg-card) 50%);border:2px solid transparent;background-clip:padding-box;position:relative}.prediction-card--mapwide:after{content:"";position:absolute;inset:-2px;background:var(--gradient-mapwide-border);border-radius:calc(var(--radius-xl) + 2px);z-index:-1;opacity:.4;transition:opacity var(--transition-default)}.prediction-card--mapwide:hover:after{opacity:.6}.prediction-card--mapwide.animate-glow{animation:mapwide-glow var(--timing-mapwide-glow)}.prediction-card--live{border-color:var(--color-timing-live);background:linear-gradient(135deg,rgba(239,68,68,.05) 0,var(--color-bg-card) 30%)}.prediction-card--live.animate-urgency{animation:live-urgency-pulse var(--timing-live-pulse)}.prediction-card--freezetime{border-color:var(--color-border-default)}.prediction-card--freezetime.is-open{border-color:var(--color-timing-freezetime)}.prediction-card--locked{opacity:.85;border-color:var(--color-border-subtle)}.prediction-card--locked:before{background:linear-gradient(135deg,rgba(0,0,0,.1),transparent);opacity:1}.prediction-card--live.prediction-card--locked{border-color:color-mix(in srgb,var(--color-timing-live) 40%,var(--color-border-subtle));background:linear-gradient(135deg,rgba(239,68,68,.02) 0,var(--color-bg-card) 30%);animation:live-locked-pulse 2s ease-in-out infinite}@keyframes live-locked-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 8px 2px rgba(239,68,68,.1)}}.prediction-card--resolved{opacity:.7;border-color:var(--color-border-subtle)}.vote-button{position:relative;overflow:visible;isolation:isolate}.vote-distribution{display:flex;height:6px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tertiary)}.vote-distribution__segment{transition:width var(--transition-slow)}.vote-distribution__segment--a{background:var(--color-outcome-a)}.vote-distribution__segment--b{background:var(--color-outcome-b)}.vote-distribution__segment--c{background:var(--color-outcome-c)}.vote-distribution__segment--ct{background:var(--color-team-ct)}.vote-distribution__segment--t{background:var(--color-team-t)}.timing-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.timing-badge--mapwide{background:var(--color-timing-mapwide-muted);color:var(--color-timing-mapwide);border:1px solid var(--color-timing-mapwide)}.timing-badge--live{background:var(--color-timing-live-muted);color:var(--color-timing-live);border:1px solid var(--color-timing-live)}.timing-badge--live.animate-pulse{animation:new-indicator 1s ease-in-out infinite}.timing-badge--freezetime{background:var(--color-timing-freezetime-muted);color:var(--color-timing-freezetime);border:1px solid var(--color-timing-freezetime)}.result-badge-win{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success)}.result-badge-lose{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger)}.result-badge-neutral{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}@keyframes live-urgency-pulse{0%,to{box-shadow:0 0 0 0 var(--color-timing-live-muted)}50%{box-shadow:0 0 20px 8px rgba(239,68,68,.25)}}.animate-live-urgency{animation:live-urgency-pulse var(--timing-live-pulse)}@keyframes mapwide-glow{0%,to{box-shadow:0 0 0 0 var(--color-timing-mapwide-muted)}50%{box-shadow:0 0 25px 10px rgba(249,115,22,.2)}}.animate-mapwide-glow{animation:mapwide-glow var(--timing-mapwide-glow)}@keyframes new-indicator{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.animate-new-indicator{animation:new-indicator 1.5s ease-in-out infinite}@keyframes win-glow-pulse{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4);border-color:var(--color-success)}50%{box-shadow:0 0 30px 15px rgba(34,197,94,.6);border-color:var(--color-success)}}@keyframes win-scale-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes countup-glow{0%{text-shadow:0 0 0 rgba(34,197,94,0);transform:scale(1)}50%{text-shadow:0 0 20px rgba(34,197,94,.8),0 0 40px rgba(34,197,94,.4);transform:scale(1.05)}to{text-shadow:0 0 10px rgba(34,197,94,.4);transform:scale(1)}}.animate-countup-glow{display:inline-block;animation:countup-glow 3s ease-out forwards}@keyframes lose-fade{0%{filter:grayscale(0) brightness(1);opacity:1}to{filter:grayscale(.3) brightness(.9);opacity:.85}}@keyframes glitch{0%{transform:translate(0);text-shadow:none;filter:none}10%{transform:translate(-3px,2px);text-shadow:3px 0 0 rgba(255,0,0,.7),-3px 0 0 rgba(0,255,255,.7);filter:brightness(1.1)}20%{transform:translate(3px,-2px);text-shadow:-3px 0 0 rgba(255,0,0,.7),3px 0 0 rgba(0,255,255,.7)}30%{transform:translate(-2px);clip-path:inset(30% 0 40% 0)}40%{transform:translate(2px,2px);clip-path:inset(60% 0 10% 0);text-shadow:2px 0 0 rgba(255,0,0,.5),-2px 0 0 rgba(0,255,255,.5)}50%{transform:translate(-1px,-1px);clip-path:inset(10% 0 70% 0)}60%{transform:translate(1px,1px);clip-path:none;text-shadow:none}to{transform:translate(0);text-shadow:none;filter:none;clip-path:none}}@keyframes result-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-win{animation:win-glow-pulse .6s ease-out 3,win-scale-bounce .6s ease-out 3;border-color:var(--color-success)!important;overflow:visible!important}.animate-lose{animation:glitch .35s ease-out 1,lose-fade .8s ease-out .35s forwards;border-color:var(--color-danger)!important}.animate-result-reveal{animation:result-reveal .3s var(--ease-out-expo) forwards}.card.animate-win{animation:win-glow-pulse .6s ease-out 3;border-color:var(--color-success)!important}.card.animate-lose{animation:glitch .35s ease-out 1}@keyframes prediction-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-prediction-enter{animation:prediction-enter .4s var(--spring-smooth) forwards}@keyframes slide-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slide-in-up .3s var(--ease-out-expo) forwards}.animate-slide-in-down{animation:slide-in-down .3s var(--ease-out-expo) forwards}.prediction-card-group{position:relative}.prediction-card-group--inline{display:flex;flex-direction:column;gap:.5rem}.prediction-card-group__nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.prediction-card-group__nav--open{border-color:var(--color-timing-freezetime)}.prediction-card-group__nav--live{border-color:var(--color-timing-live)}.prediction-card-group__nav--mapwide{border:2px solid transparent;border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(var(--color-bg-card),var(--color-bg-card)) padding-box,linear-gradient(135deg,rgba(249,115,22,.35),rgba(234,179,8,.3)) border-box}.prediction-card-group__card .prediction-card{border-top-left-radius:0;border-top-right-radius:0;border-top-color:var(--color-border-subtle)}.prediction-card-group__card .prediction-card--mapwide{border-top-left-radius:0;border-top-right-radius:0;border-top:none}.prediction-card-group__card .prediction-card--mapwide:after{border-top-left-radius:0;border-top-right-radius:0;top:0}.prediction-card-group__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.prediction-card-group__arrow:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.prediction-card-group__arrow:active{transform:scale(.9)}.prediction-card-group__indicator{display:flex;align-items:center;gap:.75rem;min-width:0}.prediction-card-group__dots{display:flex;align-items:center;gap:.5rem}.prediction-card-group__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong);border:none;padding:0;cursor:pointer;transition:all var(--transition-fast)}.prediction-card-group__dot:hover{background:var(--color-text-muted);transform:scale(1.25)}.prediction-card-group__dot--active{background:var(--color-brand-primary);transform:scale(1.25)}.prediction-card-group__dot--voted{background:var(--color-success)}.prediction-card-group__dot--voted:not(.prediction-card-group__dot--active){opacity:.5}.prediction-card-group__count-separator{margin:0 .5rem}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.prediction-card-group__dot:not(.prediction-card-group__dot--voted):not(.prediction-card-group__dot--active){animation:dot-pulse 2s ease-in-out infinite}.prediction-card-group__count{font-size:.75rem;color:var(--color-text-muted)}.prediction-card-group__unvoted{color:var(--color-brand-primary);font-weight:500;font-family:var(--font-sans)}.prediction-card-group__card--slide-left{animation:card-slide-from-right .25s var(--ease-out-expo)}.prediction-card-group__card--slide-right{animation:card-slide-from-left .25s var(--ease-out-expo)}@keyframes card-slide-from-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes card-slide-from-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes activity-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.activity-item-new{animation:activity-slide-in .5s var(--ease-out-expo) forwards;will-change:transform,opacity}@keyframes activity-won{0%{background-color:color-mix(in srgb,var(--color-success) 15%,transparent)}to{background-color:transparent}}.activity-item-won{animation:activity-won 1.2s ease-out forwards}@keyframes activity-lost{0%{background-color:color-mix(in srgb,var(--color-error) 15%,transparent)}to{background-color:transparent}}.activity-item-lost{animation:activity-lost 1s ease-out forwards}@keyframes spark-float{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(20px) scale(1.05)}to{opacity:0;transform:translateY(32px) scale(.95)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.leaderboard-row:hover{background:var(--glass-bg-hover)}.leaderboard-row.highlighted{background:var(--color-success-muted)}.leaderboard-rank-col{display:flex;align-items:center;justify-content:center}.leaderboard-rank,.leaderboard-rank-col{width:1.5rem;font-weight:600;color:var(--color-text-muted)}.leaderboard-rank{text-align:center}.leaderboard-rank.gold{color:var(--color-logo-yellow)}.leaderboard-rank.silver{color:#c0c0c0}.leaderboard-rank.bronze{color:var(--color-logo-orange)}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}