.sonar-ring{border:1.5px solid color-mix(in oklab, var(--color-accent-soft) 70%, transparent);opacity:0;animation:3s cubic-bezier(.2,.6,.35,1) infinite sonar;animation-delay:var(--d,0s);border-radius:999px;position:absolute;inset:0}@keyframes sonar{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.9)}}.radial-bar{width:3px;height:var(--len);transform-origin:50% 0;transform:rotate(var(--a)) translateY(var(--r));margin-left:-1.5px;position:absolute;top:50%;left:50%}.radial-bar>span{background:linear-gradient(180deg, var(--color-accent-soft), color-mix(in oklab, var(--color-accent) 40%, transparent));transform-origin:50% 0;width:100%;height:100%;animation:1.3s ease-in-out infinite alternate radial-breathe;animation-delay:var(--dl);border-radius:999px;display:block}@keyframes radial-breathe{0%{opacity:.45;transform:scaleY(.25)}to{opacity:1;transform:scaleY(1)}}.radar-sweep{background:conic-gradient(from 0deg, transparent 0deg 250deg, color-mix(in oklab, var(--color-accent) 12%, transparent) 300deg, color-mix(in oklab, var(--color-accent-soft) 55%, transparent) 358deg, transparent 360deg);animation:radar-spin var(--sweep,2.4s) linear infinite;pointer-events:none;border-radius:999px;position:absolute;inset:-34px;-webkit-mask:radial-gradient(circle,#0000 49%,#000 50% 70%,#0000 71%);mask:radial-gradient(circle,#0000 49%,#000 50% 70%,#0000 71%)}@keyframes radar-spin{to{transform:rotate(1turn)}}.radar-scan .radial-bar{animation:radar-flare var(--sweep,2.4s) linear infinite;animation-delay:calc(var(--sw,0s) - var(--sweep,2.4s) * .12)}@keyframes radar-flare{0%{opacity:.4;filter:none;scale:1}6%{opacity:.7;scale:1.05}12%{opacity:1;filter:drop-shadow(0 0 1.5px var(--color-accent-soft)) brightness(1.15);scale:1.12}16%{scale:1.02}20%{opacity:1;filter:drop-shadow(0 0 1px var(--color-accent-soft)) brightness(1.08);scale:1.08}30%{scale:1}40%,to{opacity:.4;filter:none;scale:1}}.range-ring{border:1px dashed color-mix(in oklab, var(--color-warm) 65%, transparent);transform:scale(var(--k,1));transition:transform 1.2s var(--ease-out-expo);border-radius:999px;position:absolute;inset:0}.queue-in{animation:settle .7s var(--ease-out-expo) both}.chip{height:2.25rem;color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line);transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .3s var(--ease-spring);border-radius:999px;align-items:center;padding:0 .95rem;font-size:.875rem;font-weight:500;display:inline-flex}.chip:hover{color:var(--color-fg)}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{color:#fff;background:color-mix(in oklab, var(--color-accent) 30%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-accent-soft) 70%, transparent)}.chip[data-tier]{gap:.45rem}.chip[data-tier]:before{content:"";background:var(--tier);width:.45rem;height:.45rem;box-shadow:0 0 0 1px var(--tier-line), var(--tier-glow);border-radius:999px}.chip[data-tier][aria-pressed=true]{background:color-mix(in oklab, var(--tier) 24%, var(--color-surface));box-shadow:inset 0 0 0 1px var(--tier-line), var(--tier-glow)}.fo-backdrop{animation:.4s ease-out both fade-plain}.fo-left{animation:fo-left .9s var(--ease-spring) .12s both}.fo-right{animation:fo-right .9s var(--ease-spring) .12s both}.fo-vs{animation:fo-vs .7s var(--ease-spring) .62s both}.fo-streak{transform-origin:50%;animation:fo-streak .9s var(--ease-out-expo) .56s both}.fo-meta{animation:fade .7s var(--ease-out-expo) .9s both}@keyframes fade-plain{0%{opacity:0}to{opacity:1}}@keyframes fo-left{0%{opacity:0;transform:translate(-60vw)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes fo-right{0%{opacity:0;transform:translate(60vw)rotate(8deg)}to{opacity:1;transform:none}}@keyframes fo-vs{0%{opacity:0;transform:scale(2.6)}to{opacity:1;transform:none}}@keyframes fo-streak{0%{opacity:0;transform:scaleX(0)}40%{opacity:1}to{opacity:.5;transform:scaleX(1)}}.count-num{animation:count 1s var(--ease-out-expo) both}@keyframes count{0%{opacity:0;transform:scale(1.9)}30%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(.82)}}.pip{background:var(--color-line);position:relative;overflow:hidden}.pip:after{content:"";border-radius:inherit;background:var(--pip,var(--color-accent-soft));transform-origin:0;transition:transform .7s var(--ease-spring);position:absolute;inset:0;transform:scaleX(0)}.pip[data-on=true]:after{transform:none}.hp{background:color-mix(in oklab, var(--color-line) 85%, transparent);border-radius:999px;height:.7rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.hp-fill,.hp-lag,.hp-impact{border-radius:inherit;transform-origin:0;position:absolute;inset:0}.hp-fill,.hp-lag{transform:scaleX(var(--hp,1))}.hp[data-side=right] .hp-fill,.hp[data-side=right] .hp-lag{transform-origin:100%}.hp-fill{--c:var(--color-hit);background:linear-gradient(180deg, color-mix(in oklab, var(--c) 80%, #fff), var(--c) 55%, color-mix(in oklab, var(--c) 75%, #000));box-shadow:0 0 12px -2px color-mix(in oklab, var(--c) 70%, transparent);transition:transform .45s var(--ease-out-expo), background-color .4s ease}.hp[data-level=mid] .hp-fill{--c:var(--color-tier-medium)}.hp[data-level=low] .hp-fill{--c:var(--color-tier-hard);animation:1.1s ease-in-out infinite alternate hp-low}.hp[data-level=low]{box-shadow:inset 0 1px 2px #00000059, 0 0 0 1px color-mix(in oklab, var(--color-tier-hard) 45%, transparent);animation:1.1s ease-in-out infinite alternate hp-low-glow}.hp-lag{background:linear-gradient(180deg, #fff, color-mix(in oklab, var(--color-tier-hard) 75%, #fff) 35%, var(--color-tier-hard));box-shadow:0 0 10px color-mix(in oklab, var(--color-tier-hard) 80%, transparent);transition:transform 1s cubic-bezier(.4,0,.2,1) .65s}.hp-impact{opacity:0;background:#fff;animation:.7s ease-out hp-impact}@keyframes hp-impact{0%{opacity:.95}25%{opacity:.2;background:var(--color-tier-hard)}45%{opacity:.7;background:var(--color-tier-hard)}to{opacity:0;background:var(--color-tier-hard)}}@keyframes hp-low{to{filter:brightness(1.35)}}@keyframes hp-low-glow{to{box-shadow:inset 0 1px 2px #00000059, 0 0 0 1px color-mix(in oklab, var(--color-tier-hard) 80%, transparent), 0 0 14px -2px var(--color-tier-hard)}}.hp-heart{color:var(--color-warm)}.hp-heart[data-level=low]{color:var(--color-tier-hard)}.hp-heart-hit{animation:heart-hit .9s var(--ease-out-expo)}@keyframes heart-hit{0%{color:#fff;transform:scale(1)}18%{color:var(--color-tier-hard);filter:drop-shadow(0 0 6px var(--color-tier-hard));transform:scale(1.8)}40%{transform:scale(.9)}60%{transform:scale(1.3)}to{transform:scale(1)}}.hit-flash{pointer-events:none;background:radial-gradient(130% 150% at 0% 50%, color-mix(in oklab, var(--color-tier-hard) 80%, transparent), transparent 75%);box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--color-tier-hard) 75%, transparent);opacity:0;animation:hit-flash 1.4s var(--ease-out-expo);border-radius:1.25rem;position:absolute;inset:-.75rem -.5rem}.hit-flash-right{background:radial-gradient(130% 150% at 100% 50%, color-mix(in oklab, var(--color-tier-hard) 80%, transparent), transparent 75%)}@keyframes hit-flash{0%{opacity:0}6%{opacity:1}20%{opacity:.45}30%{opacity:.95}to{opacity:0}}.dmg-pop{z-index:3;font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#ff5a5a;-webkit-text-stroke:1px #2800008c;text-shadow:0 3px 0 #0000008c, 0 0 22px color-mix(in oklab, var(--color-tier-hard) 85%, transparent);pointer-events:none;white-space:nowrap;opacity:0;animation:dmg-fly 1.9s var(--ease-out-expo) both;font-size:clamp(1.9rem,8vw,2.6rem);font-weight:800;line-height:1;position:absolute;top:-.2rem}.dmg-pop-left{left:2.25rem}.dmg-pop-right{right:2.25rem}@keyframes dmg-fly{0%{opacity:0;transform:translateY(.6rem)scale(.4)}12%{opacity:1;transform:translateY(-.3rem)scale(1.45)}26%{transform:translateY(-.7rem)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-3.2rem)scale(.95)}}.hurt-vignette{z-index:60;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%, transparent 55%, color-mix(in oklab, var(--color-tier-hard) 45%, transparent) 100%);box-shadow:inset 0 0 90px 10px color-mix(in oklab, var(--color-tier-hard) 55%, transparent);opacity:0;animation:1.1s ease-out hurt;position:fixed;inset:0}@keyframes hurt{0%{opacity:0}10%{opacity:1}30%{opacity:.55}42%{opacity:.85}to{opacity:0}}.intermission-in{animation:.5s ease-out .2s both fade-only}@keyframes fade-only{0%{opacity:0}}.intermission-bar{background:var(--color-line);border-radius:999px;height:.25rem;overflow:hidden}.intermission-bar>span{border-radius:inherit;background:var(--color-accent-soft);transform-origin:0;height:100%;transform:scaleX(var(--left,1));transition:transform .26s linear;display:block}.ready-dot{transition:background-color .25s,box-shadow .25s}.ready-dot[data-ready=true]{background:var(--color-hit);box-shadow:0 0 10px -1px var(--color-hit)}.ready-in{animation:ready-in .42s var(--ease-spring)}@keyframes ready-in{0%{opacity:0;transform:scale(.6)}}.stake-chip{height:1.6rem;color:var(--tier-fg);text-shadow:var(--tier-text-glow);background:color-mix(in oklab, var(--tier) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tier-line) 70%, transparent), var(--tier-glow);border-radius:999px;align-items:center;gap:.4rem;padding:0 .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.stake-chip:before{content:"";background:var(--tier);width:.45rem;height:.45rem;box-shadow:0 0 0 1px var(--tier-line);border-radius:999px}.stake-x{min-width:2.1rem;height:1.6rem;font-family:var(--font-display);color:#1a1206;animation:stake-in .7s var(--ease-spring) both;background:linear-gradient(#ffd66b,#ff9f43);border-radius:999px;place-items:center;padding:0 .5rem;font-size:.8rem;font-weight:800;display:inline-grid;box-shadow:0 0 16px -4px #ff9f43}@keyframes stake-in{0%{opacity:0;transform:scale(1.8)rotate(-8deg)}to{opacity:1;transform:none}}.skip-btn{height:2.5rem;color:var(--color-fg);background:color-mix(in oklab, var(--color-surface) 80%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);transition:background-color .2s ease, box-shadow .2s ease, opacity .2s ease, transform .3s var(--ease-spring);border-radius:999px;align-items:center;gap:.55rem;padding:0 .9rem 0 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.skip-btn:not(:disabled):hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-accent-soft) 60%, transparent)}.skip-btn:not(:disabled):active{transform:scale(.96)}.skip-btn:disabled{opacity:.55}.skip-btn[data-voted=true]{background:color-mix(in oklab, var(--color-accent) 22%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-accent-soft) 60%, transparent);opacity:1}.skip-btn[data-them=true]:not([data-voted=true]){box-shadow:inset 0 0 0 1.5px var(--color-accent-soft), 0 0 18px -6px var(--color-accent-soft);animation:1.4s ease-in-out infinite skip-nudge}@keyframes skip-nudge{50%{transform:scale(1.04)}}.skip-dot{width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--color-faint);border-radius:999px;transition:background-color .25s,box-shadow .25s}.skip-dot[data-on=true]{background:var(--color-accent-soft);box-shadow:0 0 8px var(--color-accent-soft)}.skip-fill{border-radius:inherit;transform-origin:0;background:color-mix(in oklab, var(--color-accent-soft) 14%, transparent);animation:skip-open var(--ms,3s) linear both;pointer-events:none;position:absolute;inset:0}@keyframes skip-open{0%{transform:scaleX(0)}to{opacity:0;transform:scaleX(1)}}.find-window{animation:attempt-in .4s var(--ease-out-expo)}.miss-flash,.found-ring{pointer-events:none;opacity:0;border-radius:999px;position:absolute;inset:-4px}.miss-flash{box-shadow:0 0 0 2px var(--color-warm), 0 0 18px 2px color-mix(in oklab, var(--color-warm) 60%, transparent);animation:ring-out .7s var(--ease-out-expo)}.found-ring{box-shadow:0 0 0 2px var(--color-hit), 0 0 22px 4px color-mix(in oklab, var(--color-hit) 60%, transparent);animation:ring-out 1.1s var(--ease-out-expo)}@keyframes ring-out{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.45)}}.mini-burst .spark{width:3px;height:9px;animation-duration:.8s;animation-delay:calc(var(--i) * 10ms)}.round-rail>span{border-radius:inherit;transform-origin:0;height:100%;transform:scaleX(var(--left,1));background:var(--color-muted);transition:background-color .4s;display:block}.round-rail[data-late=true]>span{background:var(--color-warm)}.lock-bar{transform-origin:0;animation:drain var(--ms,2s) linear both}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.miss-chip{animation:attempt-in .4s var(--ease-out-expo)}.funny-line .rise-word{animation-duration:.8s;animation-delay:calc(60ms + var(--w) * 55ms)}.rank-new{animation:rank-in .9s var(--ease-spring) .9s both}.rank-old{animation:rank-out .5s var(--ease-out-expo) .7s both}@keyframes rank-in{0%{opacity:0;transform:translateY(60%)scale(.6)}to{opacity:1;transform:none}}@keyframes rank-out{to{opacity:0;transform:translateY(-60%)scale(.8)}}.rank-burst .spark{animation-delay:calc(1s + var(--i) * 12ms)}.rank-burst.burst:before{animation-delay:.95s}.leave-dialog{animation:settle .35s var(--ease-out-expo)}.leave-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050508b3}@media (prefers-reduced-motion:reduce){.chip{transition:none}.sonar-ring{opacity:.25;animation:none}.radar-sweep{opacity:0;animation:none}.radial-bar>span{animation:none;transform:scaleY(.6)}.range-ring{transition:none}.queue-in,.fo-backdrop,.fo-left,.fo-right,.fo-vs,.fo-streak,.fo-meta,.count-num,.miss-flash,.found-ring,.miss-chip,.rank-new,.rank-old,.leave-dialog{animation:none}.rank-old{display:none}.pip:after,.hp-fill,.hp-lag,.intermission-bar>span{transition:none}.hp[data-level=low] .hp-fill,.hp[data-level=low],.intermission-in,.stake-x,.skip-btn,.skip-fill,.find-window,.ready-in{animation:none}.dmg-pop{animation:1.9s ease-out both dmg-fade}.hp-heart-hit{animation:.9s ease-out heart-flash}.hit-flash,.hp-impact,.hurt-vignette{animation-timing-function:ease-out}.lock-bar{opacity:.6;animation:none}}.streamer-blur{filter:blur(5px);-webkit-user-select:none;user-select:none}@keyframes dmg-fade{0%{opacity:0}10%,70%{opacity:1}to{opacity:0}}@keyframes heart-flash{0%,40%{color:var(--color-tier-hard)}}