:root{color-scheme:light;--ink: #111827;--muted: #667085;--panel: rgba(255, 255, 255, .78);--line: rgba(17, 24, 39, .14);--accent: #1b7cff;--danger: #ff4d6d;--cream: #eee8d6;--charcoal: #151719;--hero-ink: oklch(22% .013 258);--hero-muted: oklch(47% .014 258);--hero-shell: oklch(93% .021 88);--hero-storm: oklch(58% .205 25);--hero-plankton: oklch(72% .156 165);--hero-gold: oklch(78% .133 82);--ink-strong: oklch(20% .018 258);--ink-soft: oklch(36% .014 258 / .74);--danger-red: #ff174f;--points-gold: #ffd166;--surface-milk: oklch(94% .018 88 / .9);--surface-milk-soft: oklch(93% .021 88 / .3);--surface-milk-muted: oklch(91% .018 88 / .64);--surface-matte-dark: rgba(18, 18, 17, .38);--pixel-border: oklch(22% .013 258 / .62);--pixel-shadow: 0 6px 0 oklch(22% .013 258 / .78), 0 20px 42px oklch(22% .013 258 / .14), inset 0 0 0 3px oklch(99% .006 88 / .16);--focus-ring: oklch(42% .015 258 / .72);--focus-ring-shadow: 0 0 0 6px oklch(93% .021 88 / .34);--modal-lift-shadow: 0 8px 0 oklch(22% .013 258 / .42), 0 30px 84px oklch(22% .013 258 / .18), inset 0 0 0 3px oklch(99% .006 88 / .28);--font-display: "Unbounded", ui-sans-serif, system-ui, sans-serif;--font-ui: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-pixel: "Press Start 2P", ui-monospace, SFMono-Regular, Consolas, monospace;--font-pixel-soft: "Silkscreen", ui-monospace, SFMono-Regular, Consolas, monospace;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--ui-reference-width: 1536;--ui-reference-height: 864;--ui-scale: 1;--ui-viewport-width: 100vw;--ui-viewport-height: 100vh;--ui-viewport-offset-x: 0px;--ui-viewport-offset-y: 0px;--ui-layout-width: 100vw;--ui-layout-height: 100vh;--ui-hit-target-min: 48px;--ui-safe-layout-gutter: 32px;--ui-shell-max-inline-size: calc(100vw - 64px) ;--ui-shell-max-block-size: calc(100vh - 64px) ;--ui-safe-gutter-inline: clamp(16px, 2.5vmin, 48px);--ui-safe-gutter-block: clamp(16px, 2.5vmin, 40px);--ui-safe-left: max(env(safe-area-inset-left, 0px), var(--ui-safe-gutter-inline));--ui-safe-right: max(env(safe-area-inset-right, 0px), var(--ui-safe-gutter-inline));--ui-safe-top: max(env(safe-area-inset-top, 0px), var(--ui-safe-gutter-block));--ui-safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--ui-safe-gutter-block));--hud-scale: 1;--game-hud-safe-x: clamp(28px, 3.5vw, 56px);--game-hud-safe-y: clamp(24px, 4vh, 44px);font-family:var(--font-ui)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#f8fbff;color:var(--ink);user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}button{font:inherit}button:focus,input:focus{outline:2px solid transparent;outline-offset:4px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}button:focus-visible,input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;box-shadow:none}#game:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-8px;box-shadow:inset 0 0 0 6px #eee7d857}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.galaxy-background,#game{position:fixed;inset:0;width:100vw;height:100vh;display:block}.galaxy-background{z-index:0;opacity:0;pointer-events:none;transition:opacity .26s ease}.galaxy-background.is-active{opacity:1}#game{z-index:1}.start-screen>.title-lockup,.start-screen>.play-button{scale:var(--ui-scale);transform-origin:center center}.menu-panel:not(.shop-panel),.pause-menu,.summary{max-inline-size:var(--ui-shell-max-inline-size);max-block-size:var(--ui-shell-max-block-size)}.menu-chip,.desktop-gate>div{scale:var(--ui-scale);transform-origin:center center}.shop-panel{zoom:var(--ui-scale)}.hud,.minimap,.leaderboard,.status-tray,.skill-hud,.danger-warning,.showdown-fx,.emote-wheel,.kill-toast,.locked-toast{zoom:var(--hud-scale)}.perf-qa{position:fixed;z-index:70;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:7px 10px;width:min(360px,calc(100vw - 28px));padding:12px;border:1px solid oklch(22% .013 258 / .22);border-radius:10px;background:linear-gradient(180deg,#f6f1e7e0,#dedad1c2),#efebe1d1;color:#171b21;font-family:var(--font-mono);font-size:11px;line-height:1.25;pointer-events:none;box-shadow:0 6px #171b2138,0 18px 44px #171b2129}.perf-qa.is-hidden{display:none}.perf-qa span{display:flex;justify-content:space-between;gap:8px;min-width:0;padding:5px 7px;border-radius:6px;background:#171b210f}.perf-qa strong{color:#005f43;color:oklch(43% .12 165);font-weight:800;text-align:right}.perf-qa-scenario-row,.perf-qa-status-row{grid-column:1 / -1}.perf-qa[data-perf-status=warmup] #perfQaStatus{color:#705b21}.perf-qa[data-perf-status=idle] #perfQaStatus,.perf-qa[data-perf-status=paused] #perfQaStatus{color:#3d434cb8}.perf-qa[data-perf-status=check] #perfQaStatus{color:var(--danger-red)}.perf-qa[data-perf-status=ok] #perfQaStatus{color:#005f43;color:oklch(43% .12 165)}.start-screen,.menu-panel,.summary{position:fixed;z-index:20;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.start-screen.is-open,.menu-panel.is-open,.summary:not(.is-hidden){opacity:1;pointer-events:auto}.start-screen:not(.is-open) *,.menu-panel:not(.is-open) *,.summary.is-hidden *{pointer-events:none}.start-screen{inset:0;display:grid;grid-template-rows:minmax(170px,31vh) 1fr minmax(190px,28vh);justify-items:center;padding:clamp(28px,4vw,56px) 20px clamp(42px,7vh,78px);text-align:center;transform:translateY(8px);isolation:isolate;overflow:hidden}.start-screen.is-open{transform:translateY(0)}.hero-stage{position:absolute;inset:-24px;z-index:-1;pointer-events:none;transform:translate3d(var(--menu-parallax-x, 0),var(--menu-parallax-y, 0),0);transition:transform 90ms linear}.hero-bubble-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-stage:before{content:"";position:absolute;left:50%;top:47%;width:min(84vmin,760px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,transparent 0 43%,oklch(22% .013 258 / .055) 43.2% 43.9%,transparent 44.1%),conic-gradient(from 18deg,transparent 0 7%,oklch(22% .013 258 / .12) 10%,transparent 15% 39%,oklch(93% .021 88 / .18) 42%,transparent 47% 100%);filter:blur(.2px);opacity:.82;animation:heroFieldRotate 36s linear infinite}.hero-stage:after{content:none}.hero-ring{position:absolute;left:50%;top:48%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.hero-ring-outer{width:min(76vmin,690px);border:1px solid oklch(22% .013 258 / .28);box-shadow:inset 0 0 0 1px #eee7d866,0 0 70px #171b2114;animation:heroBreath 8.2s cubic-bezier(.22,1,.36,1) infinite}.hero-ring-inner{width:min(42vmin,390px);border:1px solid oklch(47% .014 258 / .18);box-shadow:0 0 44px #eee7d829;animation:heroBreath 6.4s cubic-bezier(.22,1,.36,1) infinite reverse}.hero-drift{position:absolute;width:148px;height:16px;border-radius:999px;background:#171b2121;box-shadow:0 0 22px #eee7d86b;transform-origin:center;opacity:.6}.hero-drift-one{left:calc(50% - min(36vw,410px));top:56%;transform:rotate(-18deg);animation:heroSwimOne 11.8s cubic-bezier(.22,1,.36,1) infinite}.hero-drift-two{right:calc(50% - min(38vw,430px));top:39%;width:102px;height:12px;transform:rotate(19deg);animation:heroSwimTwo 9.8s cubic-bezier(.22,1,.36,1) infinite}.title-lockup{position:relative;z-index:2;align-self:end;display:grid;justify-items:center;gap:18px;color:var(--hero-ink);text-shadow:0 1px 0 oklch(96% .016 88 / .76),0 24px 60px oklch(22% .013 258 / .16);animation:titleFloat 11.2s cubic-bezier(.22,1,.36,1) infinite}.title-lockup h1{margin:0;display:grid;max-width:min(1120px,calc(100vw - 28px));font-size:clamp(50px,9.7vw,136px);line-height:.82;text-transform:uppercase;transform:translate3d(var(--menu-title-x, 0),var(--menu-title-y, 0),0);transition:transform .12s linear}.title-lockup h1 span{display:block}.title-lockup h1 span+span{margin-left:clamp(40px,9vw,150px);color:#2b3139}.hero-letter{--hero-letter-hover-y: 0px;--hero-letter-rotate: 0deg;--hero-letter-scale: 1;display:inline-block;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-transform:inherit;cursor:pointer;transform:translateY(var(--hero-letter-hover-y, 0px)) rotate(var(--hero-letter-rotate, 0deg)) scale(var(--hero-letter-scale, 1));transform-origin:50% 82%;transition:transform .18s cubic-bezier(.22,1,.36,1),color .18s ease}.hero-letter:hover{--hero-letter-hover-y: -4px;color:var(--hero-storm)}.hero-letter.is-jumping{animation:heroLetterJump .52s cubic-bezier(.16,1,.3,1) var(--jump-delay, 0ms)}.hero-letter-first-ink{position:relative}.hero-ambient-bubble{position:absolute;z-index:1;left:var(--bubble-left, 50%);bottom:-64px;width:var(--bubble-size, 12px);height:var(--bubble-size, 12px);padding:0;border:1px solid oklch(22% .013 258 / .14);border-radius:50%;appearance:none;pointer-events:auto;cursor:crosshair;background:radial-gradient(circle at 34% 28%,oklch(98% .006 88 / .9) 0 17%,transparent 18%),radial-gradient(circle at 66% 70%,oklch(72% .156 165 / .16),transparent 42%),#eee7d842;box-shadow:inset 0 0 0 1px #faf8f46b,inset -7px -9px 18px #171b210b,0 12px 30px #171b2112;animation:heroAmbientBubble var(--bubble-duration, 11.2s) linear forwards}.hero-ambient-bubble.is-popped{pointer-events:none;animation:heroBubblePop .28s steps(3,end) forwards}.hero-gloss-orb{position:absolute;z-index:1;left:var(--orb-left, 12%);top:-104px;width:var(--orb-size, 58px);height:var(--orb-size, 58px);padding:0;border:0;border-radius:50%;appearance:none;background:transparent;pointer-events:auto;cursor:crosshair;opacity:0;animation:heroGlossOrb var(--orb-duration, 4.2s) cubic-bezier(.2,.82,.28,1) forwards}.hero-gloss-orb:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 22%,oklch(99% .006 88 / .92) 0 9%,transparent 10%),radial-gradient(circle at 39% 31%,var(--orb-tint, oklch(88% .012 88 / .34)) 0 18%,transparent 31%),radial-gradient(circle at 66% 74%,var(--orb-shade, oklch(7% .012 258 / .74)) 0 28%,transparent 58%),radial-gradient(circle at 51% 52%,var(--orb-core, oklch(18% .018 258 / .98)) 0 45%,var(--orb-rim, oklch(36% .026 258 / .96)) 72%,var(--orb-shade, oklch(7% .012 258 / .74)) 100%);box-shadow:inset 0 0 0 1px #fdfcf733,inset -13px -16px 25px #0000014d,inset 9px 11px 20px #fdfcf72e,0 12px 22px #04060a1f;filter:saturate(1.12) contrast(1.05);mix-blend-mode:normal}.hero-gloss-orb.is-hit{pointer-events:none}.hero-gloss-orb.is-hit:before{animation:heroGlossOrbHit .26s cubic-bezier(.16,1,.3,1) forwards}.hero-bubble-pop-bit{position:absolute;z-index:2;left:var(--pop-x, 50%);top:var(--pop-y, 50%);width:var(--pop-size, 6px);height:var(--pop-size, 6px);border-radius:50%;pointer-events:none;background:transparent;border:1px solid oklch(98% .006 88 / .5);box-shadow:inset 0 0 0 1px #171b210d,0 0 18px #faf8f438;animation:heroBubbleShard .52s cubic-bezier(.16,1,.3,1) forwards}.hero-title-ink-spray{position:absolute;z-index:0;left:var(--fx-x, 50%);top:var(--fx-y, 50%);pointer-events:none}.hero-title-ink-spray{width:calc(156px * var(--fx-size, 1));height:calc(116px * var(--fx-size, 1));transform:translate(-50%,-50%) rotate(var(--fx-rotate, -8deg)) scale(.18);border-radius:45% 52% 48% 50%;background:radial-gradient(circle at 44% 52%,oklch(4% .006 258 / .98) 0 20%,transparent 20.8%),radial-gradient(circle at 29% 40%,oklch(5% .006 258 / .92) 0 9%,transparent 9.8%),radial-gradient(circle at 21% 73%,oklch(4% .006 258 / .88) 0 6%,transparent 6.8%),radial-gradient(circle at 63% 25%,oklch(4% .006 258 / .82) 0 5%,transparent 5.8%),radial-gradient(circle at 77% 68%,oklch(4% .006 258 / .78) 0 5%,transparent 5.8%),radial-gradient(ellipse at 12% 56%,oklch(4% .006 258 / .82) 0 3.4%,transparent 4%),radial-gradient(ellipse at 89% 44%,oklch(4% .006 258 / .72) 0 2.8%,transparent 3.5%),conic-gradient(from 6deg at 45% 52%,transparent 0 5%,oklch(4% .006 258 / .9) 5% 6%,transparent 6% 13%,oklch(4% .006 258 / .74) 13% 14.2%,transparent 14.2% 24%,oklch(4% .006 258 / .86) 24% 25.1%,transparent 25.1% 38%,oklch(4% .006 258 / .72) 38% 39%,transparent 39% 52%,oklch(4% .006 258 / .82) 52% 53.4%,transparent 53.4% 68%,oklch(4% .006 258 / .78) 68% 69.2%,transparent 69.2% 83%,oklch(4% .006 258 / .84) 83% 84.4%,transparent 84.4% 100%);clip-path:polygon(2% 56%,21% 48%,10% 31%,34% 40%,38% 3%,50% 37%,70% 9%,61% 43%,99% 35%,69% 55%,94% 78%,61% 64%,55% 100%,45% 67%,24% 94%,33% 62%);filter:blur(.12px);opacity:0;animation:heroInkSplatDry 1.56s cubic-bezier(.16,1,.3,1) var(--fx-delay, 0ms) forwards}.hero-title-ink-spray.is-core{filter:blur(.04px)}.menu-panel{left:50%;top:49%;width:min(680px,calc(100vw - 40px));transform:translate(-50%,-44%) scale(.98);padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.menu-panel:not(.shop-panel){transform:translate(-50%,-44%) scale(var(--ui-scale)) scale(.98)}.menu-panel.is-open{transform:translate(-50%,-50%) scale(1)}.menu-panel.is-open:not(.shop-panel){transform:translate(-50%,-50%) scale(var(--ui-scale))}.menu-back-icon{position:absolute;left:calc(clamp(-96px,-8vw,-64px) + 50% - 460px);top:-84px;z-index:3;display:grid;place-items:center;width:46px;height:46px;min-width:46px;min-height:46px;margin:0;padding:0;border-radius:8px;font-size:0;box-shadow:0 4px #111827b3,0 14px 30px #0f172a1f,inset 0 0 0 2px #ffffff29}.menu-back-icon:before{content:"<";position:relative;z-index:1;color:#11161e;font-family:var(--font-pixel);font-size:15px;line-height:1;transform:translate(-1px)}.menu-back-icon .button-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.menu-stack{position:relative;z-index:2;display:grid;gap:20px;margin-top:62px}.brand{position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.menu-panel .brand{display:flex;justify-content:center;width:100%;margin-top:0;color:#101827;font-size:clamp(34px,5vw,64px);transform:translate3d(var(--menu-title-x, 0),var(--menu-title-y, 0),0);transition:transform .12s linear;text-shadow:0 2px 0 rgba(255,255,255,.72),0 18px 44px rgba(17,24,39,.14)}.profile-panel{display:grid;width:min(1220px,78vw);grid-template-columns:minmax(360px,1.1fr) minmax(300px,.92fr) minmax(300px,.9fr);column-gap:20px;row-gap:20px;align-items:stretch}.profile-panel .brand{grid-column:1 / -1;margin-top:-44px;margin-bottom:6px;font-size:clamp(30px,4.2vw,50px)}@media(max-width:820px){.profile-panel{grid-template-columns:1fr;width:min(560px,calc(100vw - 40px))}}#mainMenu .brand{margin-top:-34px}#mainMenu.is-open{pointer-events:none}#mainMenu.is-open .brand,#mainMenu.is-open .menu-stack{pointer-events:auto}#mainMenu .menu-stack{margin-top:74px}h1,h2{margin:16px 0 10px;font-family:var(--font-display);font-size:clamp(38px,7vw,72px);font-weight:700;line-height:.95;letter-spacing:0}h2{font-size:34px}p{margin:0 0 22px;max-width:36rem;color:var(--muted);line-height:1.55}.primary-button,.pixel-button,.control-button,.theme-button{border:1px solid rgba(17,24,39,.14);color:var(--ink);background:#ffffffe6;cursor:pointer}.pixel-button{position:relative;overflow:hidden;min-height:62px;padding:0 24px;border:2px solid transparent;background:linear-gradient(180deg,#ffffff29,#eaf1f906),linear-gradient(90deg,#eee8d61c,#11182706);-webkit-backdrop-filter:blur(1.5px) saturate(1.05);backdrop-filter:blur(1.5px) saturate(1.05);box-shadow:0 6px #111827d1,0 22px 46px #0f172a21,inset 0 0 0 3px #ffffff2e;font-family:var(--font-pixel);font-size:14px;line-height:1.25;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.pixel-button:hover:not(:disabled){transform:translateY(0);filter:brightness(1.025);box-shadow:0 6px #111827d1,0 22px 46px #0f172a21,inset 0 0 0 3px #ffffff2e}.pixel-button:focus-visible:not(:disabled){box-shadow:0 6px #111827d1,0 18px 44px #0f172a29,inset 0 0 0 2px #fff3}.pixel-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #111827d1,0 12px 30px #11182721,inset 0 0 0 3px #fff3}.pixel-button.is-disabled,.pixel-button:disabled{opacity:.48;cursor:help;filter:grayscale(.38)}.pixel-button.is-disabled:hover:not(:disabled){transform:translateY(0);color:var(--ink)}.button-text{position:relative;z-index:1;display:inline-block}.menu-button{width:100%;min-height:78px;justify-content:center}.menu-button .button-text:after,.control-button .button-text:after{content:none}.menu-button:hover .button-text:after,.control-button:hover .button-text:after{animation:none}.menu-button:hover:not(:disabled),.control-button:hover:not(:disabled){color:#11161e;background:linear-gradient(180deg,#f8f5ee3d,#e5e1d70d),#eee7d81f}.back-button{margin-top:18px;border-radius:999px}.menu-button.menu-back-icon{position:absolute;left:calc(clamp(-96px,-8vw,-64px) + 50% - 460px);top:-84px;z-index:3;display:grid;place-items:center;width:46px;max-width:46px;height:46px;min-width:46px;min-height:46px;margin:0;padding:0;border-radius:8px;font-size:0;line-height:1;box-shadow:0 4px #111827b3,0 14px 30px #0f172a1f,inset 0 0 0 2px #ffffff29}.menu-button.menu-back-icon:hover:not(:disabled){transform:translateY(0);box-shadow:0 4px #111827b3,0 14px 30px #0f172a1f,inset 0 0 0 2px #ffffff29}.menu-button.menu-back-icon:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #111827b8,0 10px 24px #0f172a1f,inset 0 0 0 2px #ffffff29}.primary-button{min-width:164px;height:48px;padding:0 22px;color:#fff;background:var(--ink);font-family:var(--font-display);font-weight:800}.primary-button:hover,.control-button:hover,.theme-button:hover{transform:translateY(0);filter:brightness(1.025)}.play-button{position:relative;z-index:2;grid-row:3;align-self:start;width:min(330px,calc(100vw - 56px));min-width:0;height:72px;margin-top:clamp(54px,8vh,76px);color:var(--hero-ink);font-size:clamp(15px,1.8vw,19px);background:linear-gradient(180deg,#fbf8f19e,#dcd7cc47),#efebe161;border-color:#171b2133;box-shadow:0 5px #171b21e0,0 18px 42px #171b2129,inset 0 0 0 2px #fdfcf733}.play-button:hover:not(:disabled){box-shadow:0 5px #171b21e0,0 18px 42px #171b2129,inset 0 0 0 2px #fdfcf733}.play-button .play-text{position:relative;z-index:1;display:inline-block}.play-button .play-text:after{content:none;position:absolute;inset:-10px -18px;background:linear-gradient(var(--hero-storm) 0 0) 0 14px / 4px 4px no-repeat,linear-gradient(var(--hero-gold) 0 0) 16px 3px / 5px 5px no-repeat,linear-gradient(var(--hero-plankton) 0 0) 32px 18px / 4px 4px no-repeat,linear-gradient(var(--hero-storm) 0 0) 48px 7px / 3px 3px no-repeat,linear-gradient(var(--hero-gold) 0 0) 62px 23px / 4px 4px no-repeat,linear-gradient(var(--hero-plankton) 0 0) 78px 11px / 5px 5px no-repeat;opacity:0;pointer-events:none;filter:drop-shadow(0 0 10px oklch(58% .205 25 / .28));transform:translate(-58px);animation:none}.play-button:hover .play-text:after{animation-name:playPixelSweep;animation-duration:3.8s;animation-timing-function:steps(28,end);animation-iteration-count:infinite}.menu-docks{position:fixed;inset:0;z-index:19;width:auto;opacity:0;pointer-events:none;transition:opacity .18s ease}#mainMenu.is-open+.menu-docks{opacity:1;z-index:21}.menu-dock{position:absolute;inset:0;width:auto;pointer-events:none}.menu-chip{position:absolute;display:grid;align-content:center;gap:6px;width:min(224px,22vw);min-height:62px;padding:12px 14px;border:1px solid oklch(22% .013 258 / .22);border-radius:5px;background:linear-gradient(180deg,#f6f1e770,#e3ded138),#eee7d83d;box-shadow:0 4px #171b2142,inset 0 0 0 2px #fdfcf73d;color:#1d2229d1;cursor:help;font-family:var(--font-pixel-soft);opacity:.82;pointer-events:none;text-align:left;text-transform:uppercase;animation:menuChipFloat 7.6s cubic-bezier(.22,1,.36,1) infinite;transform:translateZ(0)}.menu-chip:not(.is-locked){cursor:pointer;opacity:.94}#mainMenu.is-open+.menu-docks .menu-chip{pointer-events:auto}.menu-dock-left .menu-chip:nth-child(1){left:clamp(28px,8vw,128px);top:clamp(86px,17vh,152px);--menu-chip-float-x: 9px;--menu-chip-float-y: -8px;animation-delay:-.9s}.menu-dock-left .menu-chip:nth-child(2){left:clamp(30px,7vw,118px);bottom:clamp(76px,13vh,142px);--menu-chip-float-x: -7px;--menu-chip-float-y: 10px;animation-delay:-2.6s}.menu-dock-right .menu-chip:nth-child(1){right:clamp(28px,8vw,128px);top:clamp(92px,18vh,164px);--menu-chip-float-x: -10px;--menu-chip-float-y: -7px;animation-delay:-1.8s}.menu-dock-right .menu-chip:nth-child(2){right:clamp(30px,7vw,118px);bottom:clamp(74px,13vh,138px);--menu-chip-float-x: 8px;--menu-chip-float-y: 9px;animation-delay:-3.6s}.menu-chip.is-locked:hover{border-color:#76716657;box-shadow:0 4px #171b214d,0 0 20px #c0b7a029,inset 0 0 0 2px #fdfcf747}.menu-chip:not(.is-locked):hover{border-color:#0d5b456b;box-shadow:0 5px #171b2152,0 0 20px #70b59b29,inset 0 0 0 2px #fdfcf752}.menu-chip span{font-size:17px;line-height:1}.menu-chip small{color:#51565db8;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.04em}@media(max-width:760px){.menu-dock{position:static;display:grid;gap:12px;width:100%;margin-top:14px;grid-template-columns:1fr 1fr;pointer-events:auto}.menu-chip{position:static;width:100%;animation:none;min-height:52px}}.onboarding-panel{width:min(760px,calc(100vw - 40px))}.onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}.onboarding-step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:78px;padding:14px 16px;border:1px solid oklch(22% .013 258 / .22);border-radius:5px;background:linear-gradient(180deg,#f6f1e74d,#e3ded11a),#eee7d826;box-shadow:0 4px #171b2138,0 18px 42px #171b2114,inset 0 0 0 2px #fdfcf729;text-align:left}.onboarding-step strong{color:#d92f35;font-family:var(--font-pixel);font-size:14px;line-height:1}.onboarding-step span{color:#171b21e0;font-family:var(--font-pixel-soft);font-size:clamp(14px,1.35vw,18px);font-weight:700;line-height:1.05;text-transform:uppercase;text-shadow:0 1px 0 oklch(99% .006 88 / .58)}.onboarding-actions{display:grid;grid-template-columns:minmax(220px,420px);justify-content:center;gap:16px;margin-top:28px}@media(max-width:760px){.onboarding-steps,.onboarding-actions{grid-template-columns:1fr}}.friends-panel{display:grid;width:min(980px,calc(100vw - 88px));row-gap:16px}.friends-panel .brand{margin-top:-30px;margin-bottom:4px;font-size:clamp(32px,4.4vw,56px)}.friends-panel .menu-back-icon{left:0;top:4px}.friends-shell{display:grid;align-content:start;gap:16px;min-height:430px;padding:22px;border:1px solid rgba(17,24,39,.18);border-radius:8px;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.42),transparent 34%),linear-gradient(180deg,#f0ebdea8,#d9d4c757),#ece8de80;box-shadow:0 6px #11182738,inset 0 0 0 2px #fff3;color:#101827;text-transform:uppercase}.friends-topbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:34px;padding:0 2px;font-family:var(--font-pixel-soft);font-size:11px;color:#111827a8}.friends-topbar strong{padding:7px 10px;border:2px solid rgba(17,24,39,.16);border-radius:5px;background:#ffffff3d;color:#101827;font-family:var(--font-pixel);font-size:12px;font-weight:400;line-height:1}.friends-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(168px,200px);align-items:end;gap:14px}.friends-search-label{display:grid;gap:8px;min-width:0;font-family:var(--font-pixel);font-size:12px}.friends-search-input{width:100%;height:58px;padding:0 14px;border:2px solid rgba(17,24,39,.78);background:linear-gradient(180deg,#ffffff57,#eee8d61a),linear-gradient(90deg,#eee8d62e,#11182709);box-shadow:0 5px #111827c2,inset 0 0 0 3px #fff3;color:#101827;font-family:var(--font-pixel);font-size:13px;text-transform:uppercase}.friends-search-input:focus-visible{outline:none;box-shadow:0 5px #111827c2,inset 0 0 0 2px #ffffff3d}.friends-search-input::placeholder{color:#11182775;font-family:var(--font-pixel-soft);font-size:11px}.friends-add-button{min-height:58px;padding:0 16px;color:#101827;font-size:12px}.friends-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.friends-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:50px;gap:9px;padding:9px 14px;border:2px solid rgba(17,24,39,.24);border-radius:6px;background:#ffffff38;color:#101827;cursor:pointer;font-family:var(--font-pixel);font-size:11px;text-transform:uppercase}.friends-tab:hover{background:#fff6}.friends-tab.is-active{border-color:#111827c2;background:#111827e0;color:#fffaf0;box-shadow:0 4px #11182757}.friends-tab:focus-visible,.friend-profile-button:focus-visible,.friend-more-button:focus-visible,.friends-action-close:focus-visible,.friends-action-option:focus-visible{outline:4px solid var(--focus-ring);outline-offset:3px;box-shadow:var(--focus-ring-shadow)}.friends-tab-envelope{width:22px;height:18px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2}.friends-requests-badge{display:inline-grid;min-width:24px;min-height:24px;place-items:center;padding:2px 5px;border:2px solid currentColor;border-radius:999px;background:#b42337;color:#fffaf0;font-family:var(--font-pixel-soft);font-size:10px;line-height:1}.friends-requests-badge.is-hidden{display:none}.friends-status-line{min-height:17px;margin:-2px 0 0;max-width:none;color:#1118279e;font-family:var(--font-pixel-soft);font-size:10px;line-height:1.25}.friends-empty{display:grid;place-items:center;min-height:220px;border:2px dashed rgba(17,24,39,.26);border-radius:8px;background:#ffffff29;color:#1118279e;font-family:var(--font-pixel);font-size:clamp(13px,1.6vw,18px);line-height:1.2;text-align:center}.friends-empty.is-hidden{display:none}.friends-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;margin-top:8px}.friend-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:10px 12px;border:2px solid rgba(17,24,39,.2);border-radius:7px;appearance:none;background:linear-gradient(180deg,#ffffff47,#eee8d614),#eee8d64d;box-shadow:0 4px #1118273d,inset 0 0 0 2px #ffffff2e;color:#101827;cursor:pointer;text-align:left;text-transform:uppercase}.friend-profile-button{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;min-width:0;min-height:52px;gap:12px;padding:0;border:0;appearance:none;background:transparent;color:inherit;cursor:pointer;text-align:left;text-transform:uppercase}.friend-more-button{display:grid;width:48px;min-width:48px;height:48px;place-items:center;padding:0 0 8px;border:2px solid rgba(17,24,39,.24);border-radius:6px;background:#fff3;color:inherit;cursor:pointer;font-family:var(--font-pixel);font-size:24px;line-height:1}.friend-more-button:hover{background:#ffffff6b}.friend-more-button:disabled{cursor:wait;opacity:.48}.friend-card:hover{border-color:#1665345c;filter:brightness(1.02)}.friend-avatar{display:grid;place-items:center;width:46px;height:46px;border:3px solid rgba(17,24,39,.54);border-radius:8px;background:linear-gradient(180deg,#fffcf094,#d9d2c447),#eee8d685;color:#111827b8;font-family:var(--font-pixel);font-size:15px;line-height:1}.friend-copy{display:grid;gap:6px;min-width:0}.friend-copy strong,.friend-copy em,.friend-open{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-copy strong{color:#101827;font-family:var(--font-pixel);font-size:13px;font-weight:400;line-height:1}.friend-copy em,.friend-open{color:#1118279e;font-family:var(--font-pixel-soft);font-size:9px;font-style:normal;line-height:1}.friend-open{justify-self:end;padding:6px 8px;border:1px solid rgba(17,24,39,.16);border-radius:4px;background:#ffffff2e}html.theme-ui-dark .friends-shell,html.theme-ui-dark .friend-card,html.theme-ui-dark .friends-empty{border-color:#687f9442;background:radial-gradient(circle at 16% 10%,rgba(107,231,255,.08),transparent 34%),linear-gradient(180deg,#091424b8,#01060fc7),#01050dd1;box-shadow:0 6px #000000ad,inset 0 0 0 2px #bfeeff0f}html.theme-ui-dark .friends-shell,html.theme-ui-dark .friends-search-label,html.theme-ui-dark .friend-copy strong{color:#d8ebf6}html.theme-ui-dark .friends-topbar,html.theme-ui-dark .friends-status-line,html.theme-ui-dark .friends-empty,html.theme-ui-dark .friend-copy em,html.theme-ui-dark .friend-open{color:#a5c3d3c7}html.theme-ui-dark .friends-topbar strong,html.theme-ui-dark .friends-search-input,html.theme-ui-dark .friend-avatar,html.theme-ui-dark .friends-tab,html.theme-ui-dark .friend-more-button{border-color:#687f9457;background:linear-gradient(180deg,#121720e6,#02060ef0),#02060ef5;color:#d8ebf6;box-shadow:0 4px #000000b8,inset 0 0 0 2px #bfeeff14}html.theme-ui-dark .friends-search-input::placeholder{color:#8abac899}html.theme-ui-dark .friends-tab.is-active{border-color:#7dd3fcb8;background:#7dd3fceb;color:#07111f}.friends-action-dialog{position:fixed;inset:0;z-index:235;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#020811b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.friends-action-dialog.is-hidden{display:none}.friends-action-card{position:relative;display:grid;width:min(480px,calc(100vw - 36px));max-height:min(680px,calc(100vh - 36px));gap:18px;padding:24px;border:2px solid var(--pixel-border);border-radius:8px;overflow:auto;background:radial-gradient(circle at 12% 10%,var(--surface-milk-soft),transparent 34%),var(--surface-milk);box-shadow:var(--modal-lift-shadow);color:var(--ink-strong)}.friends-action-close{position:absolute;top:12px;right:12px;display:grid;width:48px;height:48px;place-items:center;border:2px solid var(--pixel-border);border-radius:6px;background:var(--surface-milk-muted);color:var(--ink-strong);cursor:pointer;font-size:26px;line-height:1}.friends-action-header{display:grid;min-width:0;gap:7px;padding-right:58px;text-transform:uppercase}.friends-action-header small,.friends-action-header em{color:var(--ink-soft);font-family:var(--font-pixel-soft);font-size:11px;font-style:normal}.friends-action-header strong{overflow:hidden;font-family:var(--font-pixel);font-size:clamp(16px,3.2vw,24px);font-weight:400;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.friends-action-list{display:grid;gap:10px}.friends-action-option{min-height:54px;padding:11px 14px;border:2px solid var(--pixel-border);border-radius:6px;background:var(--surface-milk-muted);color:var(--ink-strong);cursor:pointer;font-family:var(--font-pixel-soft);font-size:12px;line-height:1.35;text-align:left;text-transform:uppercase}.friends-action-option:hover:not(:disabled){background:var(--surface-milk);filter:brightness(1.06)}.friends-action-option:disabled{cursor:not-allowed;opacity:.48}.friends-action-option-danger{border-color:#b91c30b8;color:#9f1239}html.theme-ui-dark .friends-action-option-danger{border-color:#ff7084b8;color:#ffb1bc}@media(max-width:820px){.friends-panel{width:min(560px,calc(100vw - 40px))}.friends-search-row,.friends-list{grid-template-columns:1fr}}@media(max-width:520px){.friends-shell{gap:12px;padding:14px}.friends-tab{min-width:0;padding-inline:8px;font-size:9px}.friends-tab-envelope{width:18px}.friends-action-card{padding:20px 16px 16px}}.leaderboard-panel{display:grid;width:min(1080px,calc(100vw - 80px));gap:10px}.leaderboard-panel .brand{margin-top:-24px;margin-bottom:0;font-size:clamp(36px,4.5vw,58px)}.leaderboard-panel .menu-back-icon{left:0;top:2px}.rankings-shell{display:grid;grid-template-rows:auto 1fr;min-height:420px;height:clamp(420px,60vh,610px);padding:18px;overflow:hidden;border:2px solid rgba(17,24,39,.22);border-radius:8px;background:radial-gradient(circle at 14% 8%,rgba(255,255,255,.48),transparent 34%),linear-gradient(180deg,#f3eee3d1,#dcd7caa8),#e8e4dad1;box-shadow:0 7px #11182742,0 24px 56px #1118271f,inset 0 0 0 2px #ffffff38;color:#101827;text-transform:uppercase}.rankings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;margin-bottom:14px}.rankings-tabs{display:flex;align-items:stretch;gap:8px}.rankings-tab,.rankings-retry{min-height:46px;padding:0 18px;border:2px solid rgba(17,24,39,.26);border-radius:5px;background:#ffffff3d;box-shadow:0 4px #11182757;color:#111827a3;cursor:pointer;font-family:var(--font-pixel);font-size:11px;line-height:1;text-transform:uppercase}.rankings-tab:hover,.rankings-tab:focus-visible,.rankings-retry:hover,.rankings-retry:focus-visible{border-color:#111827a8;color:#101827;outline:3px solid rgba(255,255,255,.72);outline-offset:2px}.rankings-tab.is-active{border-color:#111827c7;background:#101827;box-shadow:0 4px #11182752;color:#fffaf0}.rankings-formula{max-width:none;margin:0;color:#111827a8;font-family:var(--font-pixel-soft);font-size:10px;line-height:1.4;text-align:right}.rankings-live-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.rankings-table,.rankings-state{min-height:0}.rankings-table[hidden],.rankings-state[hidden],.rankings-retry[hidden]{display:none}.rankings-table{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:2px solid rgba(17,24,39,.18);border-radius:6px;background:#ffffff29}.rankings-table-head,.rankings-row{display:grid;grid-template-columns:76px minmax(220px,1.6fr) 140px 150px 170px;align-items:center;gap:0}.rankings-table-head{min-height:50px;border-bottom:2px solid rgba(17,24,39,.26);background:#11182713;color:#111827ad;font-family:var(--font-pixel-soft);font-size:10px}.rankings-table-head>span,.rankings-cell{min-width:0;padding:0 14px}.rankings-table-head>span:not(:nth-child(2)),.rankings-cell:not(.rankings-player){text-align:center}.rankings-table-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(17,24,39,.34) transparent}.rankings-row{position:relative;min-height:58px;border-bottom:1px solid rgba(17,24,39,.14);color:#111827c7;font-family:var(--font-pixel-soft);font-size:11px}.rankings-row:last-child{border-bottom:0}.rankings-row:nth-child(2n){background:#ffffff1f}.rankings-row.is-current{background:linear-gradient(90deg,#ffd25c3d,#ffffff14),#ffffff1f;box-shadow:inset 5px 0 #a87300,inset 0 0 0 2px #a8730047}.rankings-row.is-current:before{content:">";position:absolute;left:8px;top:50%;color:#7a5200;font-family:var(--font-pixel);font-size:9px;transform:translateY(-50%)}.rankings-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankings-player{display:flex;align-items:center;gap:10px;color:#101827;font-family:var(--font-pixel);font-size:12px}.rankings-player>span:first-child{overflow:hidden;text-overflow:ellipsis}.rankings-you-badge{flex:none;padding:5px 6px 4px;border:2px solid #101827;border-radius:4px;background:#fff6d7;color:#101827;font-family:var(--font-pixel);font-size:8px;line-height:1}.rankings-rank strong,.rankings-rating strong{color:#101827;font-family:var(--font-pixel);font-size:12px;font-weight:400}.rankings-state{display:grid;align-self:stretch;place-content:center;justify-items:center;gap:12px;border:0;background:transparent;text-align:center}.rankings-state strong{color:#101827;font-family:var(--font-pixel);font-size:clamp(13px,1.4vw,18px);font-weight:400}.rankings-state>span{color:#111827a3;font-family:var(--font-pixel-soft);font-size:10px}.rankings-retry{margin-top:6px}html.theme-ui-dark .rankings-shell{border-color:#687f944d;background:radial-gradient(circle at 14% 8%,rgba(107,231,255,.08),transparent 34%),linear-gradient(180deg,#091424d1,#01060fe0),#01050de6;box-shadow:0 7px #000000bd,0 24px 56px #00061261,inset 0 0 0 2px #bfeeff0f;color:#d8ebf6}html.theme-ui-dark .rankings-tab,html.theme-ui-dark .rankings-retry{border-color:#687f9457;background:#0d1c30d1;box-shadow:0 4px #000000b8;color:#a5c3d3d1}html.theme-ui-dark .rankings-tab.is-active{border-color:#bfeeff9e;background:#dffaff;color:#06121f}html.theme-ui-dark .rankings-formula,html.theme-ui-dark .rankings-table-head,html.theme-ui-dark .rankings-row,html.theme-ui-dark .rankings-state>span{color:#a5c3d3c7}html.theme-ui-dark .rankings-table{border-color:#687f9447;background:#01060f6b}html.theme-ui-dark .rankings-state{border-color:transparent;background:transparent}html.theme-ui-dark .rankings-table-head{border-color:#687f944d;background:#6be7ff0f}html.theme-ui-dark .rankings-row{border-color:#687f9429}html.theme-ui-dark .rankings-row:nth-child(2n){background:#6be7ff06}html.theme-ui-dark .rankings-row.is-current{background:linear-gradient(90deg,#ffd25c29,#6be7ff09);box-shadow:inset 5px 0 #ffd25c,inset 0 0 0 2px #ffd25c42}html.theme-ui-dark .rankings-row.is-current:before{color:#ffd25c}html.theme-ui-dark .rankings-player,html.theme-ui-dark .rankings-rank strong,html.theme-ui-dark .rankings-rating strong,html.theme-ui-dark .rankings-state strong{color:#dbeff9}html.theme-ui-dark .rankings-you-badge{border-color:#ffd25c;background:#ffd25c24;color:#fff1b8}@media(max-height:760px)and (min-width:821px){.leaderboard-panel .brand{margin-top:-10px;font-size:38px}.rankings-shell{min-height:390px;height:min(480px,calc(100vh - 160px));padding:14px}.rankings-toolbar{min-height:44px;margin-bottom:10px}.rankings-tab{min-height:40px}.rankings-table-head{min-height:42px}.rankings-row{min-height:50px}}@media(max-width:820px){.leaderboard-panel{width:min(620px,calc(100vw - 40px))}.rankings-shell{height:min(620px,calc(100vh - 150px));min-height:390px;padding:12px}.rankings-toolbar{align-items:stretch;flex-direction:column;gap:9px;margin-bottom:10px}.rankings-tabs{display:grid;grid-template-columns:1fr 1fr}.rankings-formula{text-align:left}.rankings-table-head{display:none}.rankings-table{grid-template-rows:minmax(0,1fr)}.rankings-table-body{display:grid;align-content:start;gap:8px;padding:8px}.rankings-row{grid-template-columns:64px minmax(0,1fr) 1fr 1fr;grid-template-areas:"rank player player rating" "rank matches winrate rating";min-height:84px;border:2px solid rgba(17,24,39,.15);border-radius:5px}.rankings-cell{padding:5px 10px}.rankings-cell:before{content:attr(data-label);display:block;margin-bottom:4px;color:#11182785;font-family:var(--font-pixel-soft);font-size:7px}.rankings-rank{grid-area:rank}.rankings-player{grid-area:player}.rankings-row>:nth-child(3){grid-area:matches}.rankings-row>:nth-child(4){grid-area:winrate}.rankings-rating{grid-area:rating}.rankings-row .rankings-rank,.rankings-row .rankings-rating{align-self:stretch;display:grid;place-content:center}html.theme-ui-dark .rankings-row{border-color:#687f9438}html.theme-ui-dark .rankings-cell:before{color:#8caabab3}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-chip-shop{cursor:pointer;opacity:.94}.menu-chip-shop:hover,.menu-chip-shop:focus-visible{border-color:#56838961;box-shadow:0 4px #171b2152,0 0 24px #5cadb729,inset 0 0 0 2px #fdfcf74d}.shop-panel{width:min(760px,calc(100vw - 40px))}.shop-panel .brand{font-size:clamp(30px,4vw,46px)}.shop-panel .menu-back-icon{left:max(0px,calc((100% - min(560px,100%))/2 - 56px));top:76px}.shop-shell{position:relative;display:grid;place-items:center;margin-top:20px;color:#11161e;font-family:var(--font-pixel);text-transform:uppercase}.shop-wallet{position:absolute;z-index:5;top:16px;right:18px;display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:7px 11px 6px;border:1px solid oklch(22% .013 258 / .18);border-radius:6px;background:linear-gradient(180deg,#f8f5ec94,#e2ded459),#f1eee76b;box-shadow:0 3px #171b2133,inset 0 0 0 2px #fdfcf729;pointer-events:none}.shop-wallet span,.shop-reveal-rarity{color:#4d535cbd;font-family:var(--font-mono);font-size:10px;font-weight:900}.shop-wallet strong{color:#31236c;font-size:21px;line-height:1}.shop-chest-card{--shop-rarity-core: oklch(86% .02 90);--shop-rarity-soft: oklch(94% .014 88 / .2);--shop-rarity-line: oklch(72% .012 88 / .36);--shop-rarity-text: oklch(29% .016 258);position:relative;display:grid;grid-template-rows:minmax(380px,1fr) auto;gap:18px;width:min(560px,100%);min-height:500px;padding:18px;border:1px solid oklch(22% .013 258 / .18);border-radius:7px;background:linear-gradient(180deg,#f5f1e980,#dbd7cd47),#ebe8df59;box-shadow:0 5px #171b213d,0 18px 44px #171b211a,inset 0 0 0 2px #fdfcf729}.shop-chest-card[data-rarity=common]{--shop-rarity-core: oklch(95% .012 90);--shop-rarity-soft: oklch(100% .006 90 / .38);--shop-rarity-line: oklch(88% .018 90 / .7);--shop-rarity-text: oklch(35% .018 258)}.shop-chest-card[data-rarity=uncommon]{--shop-rarity-core: oklch(78% .09 206);--shop-rarity-soft: oklch(78% .09 206 / .22);--shop-rarity-line: oklch(72% .12 206 / .72);--shop-rarity-text: oklch(33% .08 216)}.shop-chest-card[data-rarity=rare]{--shop-rarity-core: oklch(70% .12 258);--shop-rarity-soft: oklch(70% .12 258 / .22);--shop-rarity-line: oklch(64% .14 258 / .72);--shop-rarity-text: oklch(32% .1 258)}.shop-chest-card[data-rarity=epic]{--shop-rarity-core: oklch(71% .16 316);--shop-rarity-soft: oklch(71% .16 316 / .24);--shop-rarity-line: oklch(64% .18 316 / .76);--shop-rarity-text: oklch(35% .12 316)}.shop-chest-card[data-rarity=legendary]{--shop-rarity-core: oklch(82% .16 86);--shop-rarity-soft: oklch(82% .16 86 / .28);--shop-rarity-line: oklch(73% .16 78 / .82);--shop-rarity-text: oklch(38% .1 72)}.shop-chest-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;border:1px solid oklch(22% .013 258 / .1);border-radius:6px;background:radial-gradient(circle at 50% 36%,var(--shop-rarity-soft),transparent 38%),linear-gradient(180deg,#f8f5ec47,#d5d1c724),#eeebe233}.shop-chest-stage:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 44%,oklch(8% .018 258 / .26),transparent 44%),#0102056b;opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.22,1,.36,1)}.shop-chest-card.has-reward .shop-chest-stage:after{opacity:1}.shop-rarity-aura{position:absolute;left:50%;top:46%;width:260px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--shop-rarity-soft),transparent 68%);opacity:0;transform:translate(-50%,-50%) scale(.72);pointer-events:none}.shop-chest-card.has-reward .shop-rarity-aura{opacity:.16;transform:translate(-50%,-50%) scale(1.12)}.shop-chest{position:relative;z-index:1;width:176px;height:114px;margin-top:54px;border:4px solid oklch(16% .02 258);border-radius:4px;background:linear-gradient(90deg,transparent 46%,oklch(15% .02 258 / .34) 47% 53%,transparent 54%),linear-gradient(180deg,#545183,#1c1b37);box-shadow:0 8px #090d147a,0 18px 34px #171b2124,inset 0 0 0 4px #d7cbe724;transition:filter .18s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.shop-chest-card:not(.has-reward):not(.is-opening):hover .shop-chest{animation:shopChestIdle .98s steps(2,end) infinite;filter:saturate(1.05)}.shop-chest-card.has-reward .shop-chest{opacity:.38;filter:saturate(.7) brightness(.76);transform:translateY(10px) scale(.92)}.shop-chest-lid{position:absolute;left:-5px;right:-5px;top:-38px;height:48px;border:4px solid oklch(16% .02 258);border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,transparent 46%,oklch(15% .02 258 / .28) 47% 53%,transparent 54%),linear-gradient(180deg,#7672ad,#2e2e51);transform-origin:50% 100%}.shop-chest-lock{position:absolute;left:50%;top:36px;width:30px;height:32px;border:3px solid oklch(16% .02 258);border-radius:3px;background:linear-gradient(180deg,#ecbd4a,#aa7e1a);transform:translate(-50%)}.shop-chest-prizes{position:absolute;inset:0;z-index:3;pointer-events:none}.shop-chest-prizes span{position:absolute;left:50%;top:56%;width:10px;height:10px;border:2px solid oklch(17% .018 258 / .72);border-radius:2px;background:var(--shop-rarity-core);opacity:0;transform:translate(-50%,-50%) scale(.4)}.shop-chest-prizes span:nth-child(2){background:#908bd6}.shop-chest-prizes span:nth-child(3){background:#76c7cf}.shop-chest-prizes span:nth-child(4){background:#eae4d6}.shop-chest-prizes span:nth-child(5){background:#8e6099}.shop-reveal{position:absolute;z-index:4;display:grid;inset:0;place-items:center;opacity:1;pointer-events:none}.shop-reveal.is-hidden{opacity:0}.shop-reveal.is-hidden .shop-reward-card{pointer-events:none}.shop-reward-card{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;width:min(250px,calc(100% - 60px));min-height:322px;padding:18px 18px 16px;overflow:hidden;border:2px solid var(--shop-rarity-line);border-radius:10px;background:linear-gradient(180deg,#f8f5ecf0,#dfdacfeb),#eeebe2;box-shadow:0 7px #0d121a9e,0 20px 56px #0103096b,inset 0 0 0 2px #ffffff38;box-shadow:0 7px #0d121a9e,0 20px 56px #0103096b,inset 0 0 0 2px oklch(100% .006 88 / .22);color:#0b1017;contain:paint;pointer-events:auto;transform:translateY(0) scale(1)}.shop-card-pixel-grid,.shop-card-edge-light,.shop-card-spotlight{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.shop-card-pixel-grid{z-index:1;background:linear-gradient(90deg,var(--shop-rarity-line) 0 2px,transparent 2px 100%),linear-gradient(180deg,var(--shop-rarity-line) 0 2px,transparent 2px 100%);background-size:18px 18px;opacity:0;mix-blend-mode:multiply}.shop-card-edge-light{z-index:2;inset:-12px;border:2px solid var(--shop-rarity-line);box-shadow:0 0 18px var(--shop-rarity-soft),0 0 34px var(--shop-rarity-soft),inset 0 0 20px var(--shop-rarity-soft);opacity:.42}.shop-card-spotlight{z-index:0;background:radial-gradient(circle at 50% 24%,var(--shop-rarity-soft),transparent 46%),radial-gradient(circle at 52% 76%,oklch(100% .006 88 / .26),transparent 38%);opacity:.78}.shop-reveal-rarity{position:relative;z-index:3;color:var(--shop-rarity-text);font-size:10px;letter-spacing:0;text-shadow:0 1px 0 oklch(99% .006 88 / .55)}.shop-reveal-rarity:after{content:"";position:absolute;left:-22px;right:-22px;bottom:-7px;height:1px;background:linear-gradient(90deg,transparent,var(--shop-rarity-line),transparent);opacity:.7}.shop-reward-icon{position:relative;z-index:3;display:grid;place-items:center;align-self:center;width:92px;height:92px;margin-top:12px;border:2px solid oklch(18% .018 258 / .72);border-radius:8px;background:radial-gradient(circle at 34% 26%,oklch(100% .006 88 / .52),transparent 34%),linear-gradient(180deg,var(--shop-rarity-core),oklch(20% .045 282));box-shadow:0 5px #080d1594,0 14px 28px var(--shop-rarity-soft),inset 0 0 0 3px #ffffff29;box-shadow:0 5px #080d1594,0 14px 28px var(--shop-rarity-soft),inset 0 0 0 3px oklch(100% .006 88 / .16);color:#fbf8f2;font-size:20px;line-height:1;text-shadow:0 2px 0 oklch(12% .018 258 / .76),0 0 12px oklch(100% .006 88 / .24)}.shop-reward-icon:after{content:attr(data-kind);position:absolute;left:50%;bottom:8px;color:#f4f2ecad;font-family:var(--font-mono);font-size:8px;font-weight:900;text-transform:uppercase;transform:translate(-50%)}.shop-reveal strong{position:relative;z-index:3;color:#0b1017;max-width:14ch;margin-top:14px;font-size:17px;line-height:1.16;text-align:center;text-shadow:0 2px 0 oklch(99% .006 88 / .42),0 0 18px var(--shop-rarity-soft)}.shop-reveal-rarity:empty,.shop-reveal strong:empty,#shopRevealDetail:empty{display:none}.shop-reveal span:last-child{position:relative;z-index:3;max-width:24ch;margin-top:9px;color:#3d434bc7;font-family:var(--font-mono);font-size:10px;font-weight:900;line-height:1.45;text-align:center;text-transform:none}.shop-chest-card.is-opening .shop-reward-card{animation:shopCardReveal .62s cubic-bezier(.16,1,.3,1) both}.shop-chest-card.is-opening .shop-card-pixel-grid{animation:shopPixelUnveil .56s steps(6,end) both}.shop-reward-card[data-rarity=rare] .shop-card-edge-light,.shop-reward-card[data-rarity=epic] .shop-card-edge-light,.shop-reward-card[data-rarity=legendary] .shop-card-edge-light{opacity:.62;animation:shopElectricSweep 2.4s linear infinite}.shop-open-button{justify-self:center;width:min(360px,100%);min-height:58px}.shop-open-button:disabled{cursor:default;opacity:.58}.shop-chest-card.is-opening .shop-chest{animation:shopChestShake .56s steps(2,end)}.shop-chest-card.is-opening .shop-rarity-aura{animation:shopChestGlow .9s cubic-bezier(.16,.9,.18,1) forwards}.shop-chest-card.is-opening .shop-chest-lid{animation:shopChestLidPop .72s cubic-bezier(.18,.9,.18,1)}.shop-chest-card.is-opening .shop-chest-prizes span{animation:shopPrizePop .82s cubic-bezier(.14,.82,.18,1) forwards}.shop-chest-card.is-opening .shop-reveal:not(.is-hidden){animation:shopRevealPop .62s cubic-bezier(.14,.82,.18,1) both}.shop-chest-card.is-opening .shop-chest-prizes span:nth-child(1){--prize-x: -92px;--prize-y: -96px}.shop-chest-card.is-opening .shop-chest-prizes span:nth-child(2){--prize-x: -42px;--prize-y: -126px;animation-delay:50ms}.shop-chest-card.is-opening .shop-chest-prizes span:nth-child(3){--prize-x: 12px;--prize-y: -134px;animation-delay:80ms}.shop-chest-card.is-opening .shop-chest-prizes span:nth-child(4){--prize-x: 58px;--prize-y: -108px;animation-delay:.11s}.shop-chest-card.is-opening .shop-chest-prizes span:nth-child(5){--prize-x: 96px;--prize-y: -74px;animation-delay:.14s}@keyframes shopChestShake{0%,to{transform:translate(0)}18%{transform:translate(-6px)}36%{transform:translate(5px)}54%{transform:translate(-3px)}72%{transform:translate(3px)}}@keyframes shopChestIdle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}@keyframes shopChestGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}34%{opacity:.92;transform:translate(-50%,-50%) scale(1.1)}to{opacity:.18;transform:translate(-50%,-50%) scale(1.18)}}@keyframes shopCardReveal{0%,28%{opacity:0;transform:translateY(30px) scale(.86)}66%{opacity:1;transform:translateY(-4px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shopPixelUnveil{0%{opacity:.95;background-position:0 0,0 0}54%{opacity:.48}to{opacity:0;background-position:18px 18px,18px 18px}}@keyframes shopElectricSweep{0%{filter:hue-rotate(0deg) blur(0);transform:scale(1)}50%{filter:hue-rotate(18deg) blur(1px);transform:scale(1.018)}to{filter:hue-rotate(0deg) blur(0);transform:scale(1)}}@keyframes shopChestLidPop{0%,38%{transform:translateY(0) rotate(0)}58%{transform:translateY(-16px) rotate(-7deg)}to{transform:translateY(0) rotate(0)}}@keyframes shopPrizePop{0%,32%{opacity:0;transform:translate(-50%,-50%) scale(.4)}46%{opacity:1}78%{opacity:.95;transform:translate(calc(-50% + var(--prize-x)),calc(-50% + var(--prize-y))) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--prize-x)),calc(-50% + var(--prize-y) + 18px)) scale(.72)}}@keyframes shopRevealPop{0%,36%{opacity:0;transform:translate(-50%,-42%) scale(.9)}68%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}html.theme-ui-dark .menu-chip-shop:hover,html.theme-ui-dark .menu-chip-shop:focus-visible{border-color:#72dee87a;box-shadow:0 4px #00040ca3,0 0 26px #6be7ff33,0 18px 42px #00061257,inset 0 0 0 2px #bfeeff24}html.theme-ui-dark .shop-wallet,html.theme-ui-dark .shop-chest-card{border-color:#687f9438;background:radial-gradient(circle at 18% 8%,rgba(107,231,255,.08),transparent 34%),linear-gradient(180deg,#06101fd6,#01050ddb),#01050de6;box-shadow:var(--modal-lift-shadow);color:#d5e8f3}html.theme-ui-dark .shop-wallet span,html.theme-ui-dark .shop-reveal-rarity,html.theme-ui-dark .shop-reveal span:last-child{color:#9ec5d2c7}html.theme-ui-dark .shop-wallet strong{color:#6be7ff;text-shadow:0 2px 0 rgba(0,4,12,.72),0 0 16px rgba(107,231,255,.24)}html.theme-ui-dark .shop-chest-stage{border-color:#687f9433;background:radial-gradient(circle at 50% 36%,var(--shop-rarity-soft),transparent 38%),linear-gradient(180deg,#0e19286b,#020711a3),#020711d6}html.theme-ui-dark .shop-reward-card{border-color:var(--shop-rarity-line);background:radial-gradient(circle at 50% 18%,var(--shop-rarity-soft),transparent 42%),linear-gradient(180deg,#0b1626f5,#01050df7),#01050df5;box-shadow:0 7px #00040cc7,0 20px 62px #00040c94,inset 0 0 0 2px #bfeeff14}html.theme-ui-dark .shop-card-pixel-grid{mix-blend-mode:screen;opacity:0}html.theme-ui-dark .shop-card-spotlight{opacity:.52}html.theme-ui-dark .shop-reward-icon{border-color:#bfeeff47;box-shadow:0 5px #00040cbd,0 14px 30px var(--shop-rarity-soft),inset 0 0 0 3px #bfeeff1a}html.theme-ui-dark .shop-reveal strong{color:#dbeff9;text-shadow:0 2px 0 rgba(0,4,12,.74),0 0 18px var(--shop-rarity-soft)}@media(prefers-reduced-motion:reduce){.shop-chest-card:not(.has-reward):not(.is-opening):hover .shop-chest,.shop-chest-card.is-opening .shop-reward-card,.shop-chest-card.is-opening .shop-card-pixel-grid,.shop-reward-card[data-rarity=rare] .shop-card-edge-light,.shop-reward-card[data-rarity=epic] .shop-card-edge-light,.shop-reward-card[data-rarity=legendary] .shop-card-edge-light{animation:none}}@media(max-width:720px){.shop-panel{width:min(560px,calc(100vw - 34px))}.shop-chest-card{min-height:460px}.shop-wallet{top:12px;right:12px}}.lobby-panel{width:min(780px,calc(100vw - 40px))}.lobby-shell{display:grid;gap:14px;margin-top:30px;padding:16px;border:1px solid oklch(22% .013 258 / .18);border-radius:6px;background:linear-gradient(180deg,#f5f1e980,#dbd7cd47),#ebe8df5c;box-shadow:0 6px #171b2138,0 20px 48px #171b211a,inset 0 0 0 2px #fdfcf72e;color:#11161e;font-family:var(--font-pixel);text-transform:uppercase}.lobby-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin-top:26px}.lobby-network-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:9px 11px;border:1px solid oklch(22% .013 258 / .16);background:#fdfcf76b;font-size:9px;line-height:1.45;text-align:left}.lobby-network-panel[hidden]{display:none}.lobby-network-panel[data-state=ready]{border-color:#24824d6b}.lobby-network-panel[data-state=error],.lobby-network-panel[data-state=unavailable]{border-color:#a52a2480}.lobby-retry-button{min-height:32px;padding:0 12px;border:1px solid oklch(22% .013 258 / .44);background:#f3eee1;color:inherit;font:inherit;text-transform:uppercase;cursor:pointer}.lobby-panel[data-lobby-mode=online] .lobby-party-row{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(18px,3vw,32px);padding:10px 12px;border-bottom:1px solid oklch(22% .013 258 / .12)}.lobby-panel[data-lobby-mode=online] .lobby-party-row[hidden]{display:none}.lobby-panel[data-lobby-mode=online] .lobby-party-row>span{white-space:nowrap}.lobby-panel[data-lobby-mode=online] .lobby-party-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,156px),1fr));width:100%}.lobby-panel[data-lobby-mode=online] .lobby-party-slot{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;padding:8px 10px;font-size:8px}.lobby-panel[data-lobby-mode=online] .lobby-party-slot em{grid-row:auto;display:block;width:auto;height:auto;overflow:visible;background:none;color:#3c434db8;font-style:normal;font-weight:400;white-space:nowrap}@media(max-width:760px){.lobby-actions,.lobby-network-panel,.lobby-panel[data-lobby-mode=online] .lobby-party-row{grid-template-columns:1fr}}.lobby-identity,.lobby-mode-row,.lobby-party-row,.lobby-row{display:grid;align-items:center;gap:12px}.lobby-identity{grid-template-columns:auto minmax(0,1fr) auto;min-height:72px}.lobby-avatar{width:54px;height:54px;border:2px solid oklch(22% .013 258 / .84);background:radial-gradient(circle at 38% 32%,oklch(99% .006 88 / .72) 0 16%,transparent 17%),linear-gradient(180deg,var(--lobby-avatar, oklch(82% .04 172)),oklch(35% .03 258 / .72));box-shadow:0 4px #171b21b8,inset 0 0 0 3px #fdfcf738;clip-path:polygon(16% 0,84% 0,100% 20%,100% 74%,82% 100%,18% 100%,0 74%,0 20%)}.lobby-player{display:grid;gap:6px;min-width:0;text-align:left}.lobby-player strong{overflow:hidden;color:#11161e;font-size:16px;font-weight:400;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.lobby-player span,.lobby-mode-row span,.lobby-row>span,.lobby-ready-state{color:#393d45c2;font-size:11px;line-height:1}.lobby-identity em{min-width:92px;padding:8px 9px;border:1px solid oklch(22% .013 258 / .12);background:#fdfcf76b;color:#852f28;font-family:var(--font-pixel);font-size:9px;font-style:normal;line-height:1;text-align:center}.lobby-mode-row{grid-template-columns:74px minmax(0,1fr);padding:11px 12px;border-block:1px solid oklch(22% .013 258 / .12)}.lobby-party-row{display:none}.lobby-mode-row strong{color:#11161e;font-family:var(--font-pixel);font-size:12px;font-weight:400;line-height:1;text-align:left}@media(max-width:760px){.lobby-identity{grid-template-columns:auto minmax(0,1fr)}.lobby-identity em{grid-column:1 / -1;justify-self:stretch}}.lobby-loadout{display:none;grid-template-columns:1fr 1fr;gap:12px}.lobby-row{grid-template-columns:64px minmax(0,1fr);min-height:56px;padding:10px 12px;border:1px solid oklch(22% .013 258 / .14);background:#fdfcf757}.lobby-emotes,.lobby-cosmetics,.lobby-party-slots{display:flex;align-items:center;gap:7px;min-width:0}.lobby-emote,.lobby-cosmetic,.lobby-party-slot{display:inline-grid;align-items:center;min-width:0;border:1px solid oklch(22% .013 258 / .2);background:#fdfcf77a;box-shadow:inset 0 0 0 1px #fdfcf738}.lobby-stats{display:none}@media(max-width:760px){.lobby-loadout{grid-template-columns:1fr}.lobby-stats{display:none}}.lobby-party-slot{grid-template-columns:18px minmax(0,1fr);column-gap:8px;row-gap:3px;min-height:40px;min-width:148px;padding:7px 9px;text-align:left}.lobby-party-slot small{grid-column:2;overflow:hidden;color:#393d45c7;font-size:8px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.lobby-party-slot strong{overflow:hidden;color:#11161e;font-family:var(--font-pixel);font-size:10px;font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.lobby-party-slot em{grid-row:1 / 3;display:grid;width:16px;height:16px;place-items:center;overflow:hidden;background:#171b21db;color:#f2eee6;font-family:var(--font-pixel);font-size:8px;font-style:normal;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.lobby-party-slot.is-ready{border-color:#171b2138;background:#fdfcf76b}.lobby-party-slot.is-bot{border-color:#25293033;background:#e6ecf333}@media(max-width:760px){.lobby-party-slots{display:grid;grid-template-columns:1fr}}.lobby-emote{grid-template-columns:auto minmax(0,1fr);gap:7px;min-height:46px;padding:0 10px;font-family:var(--font-pixel);font-size:10px}.lobby-emote em{display:grid;width:15px;height:15px;place-items:center;background:#171b21db;color:#f2eee6;font-style:normal}.lobby-emote strong{overflow:hidden;color:#11161e;font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.lobby-cosmetic{grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;gap:7px;min-height:42px;padding:6px 9px}.lobby-cosmetic>i{grid-row:1 / 3;width:16px;height:16px;border:2px solid oklch(22% .013 258 / .72);background:var(--lobby-swatch, oklch(82% .04 172))}.lobby-cosmetic strong{overflow:hidden;color:#11161e;font-family:var(--font-pixel);font-size:8px;font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.lobby-cosmetic em{overflow:hidden;color:#393d45c7;font-family:var(--font-pixel);font-size:8px;font-style:normal;line-height:1;text-overflow:ellipsis;white-space:nowrap}.settings-view{display:none;position:relative}.settings-view.is-active{display:grid}.settings-panel{--settings-content-width: min(860px, 90vw);--settings-wide-content-width: min(980px, calc(100vw - 220px) );--settings-action-gap: clamp(18px, 3vh, 30px);top:49%;width:min(980px,calc(100vw - 40px))}.settings-panel.is-subview{top:50%;width:min(1180px,calc(100vw - 40px))}.settings-panel.is-subview .brand{display:none}.settings-panel .brand{margin-top:-34px}.settings-panel.is-subview .settings-view.is-active{padding-top:0}.settings-panel.is-subview .settings-view.is-active>:not(.menu-back-icon){transform:translateY(clamp(-18px,-2.5vh,-10px))}#settingsControls{--settings-content-width: 920px}.settings-panel.is-subview #settingsControls.is-active>:not(.menu-back-icon){transform:translateY(clamp(-8px,-1vh,-4px))}#settingsControls .menu-back-icon{top:8px}.settings-stack{margin-top:74px}#settingsRoot .settings-stack{gap:clamp(10px,1.7vh,16px)}#settingsRoot .menu-back-icon{top:-84px}#settingsRoot .settings-stack .menu-button:not(.menu-back-icon){border-left:0;border-right:0;background:linear-gradient(180deg,#ffffff29,#eaf1f906);box-shadow:0 6px 0 -1px #111827d1,0 22px 46px -14px #0f172a21,inset 0 2px #fff3,inset 0 -2px #ffffff24}#settingsRoot .settings-stack .menu-button:not(.menu-back-icon):hover:not(:disabled){background:linear-gradient(180deg,#ffffff2e,#eaf1f909);box-shadow:0 6px 0 -1px #111827d1,0 22px 46px -14px #0f172a21,inset 0 2px #ffffff38,inset 0 -2px #ffffff29}.settings-panel.is-subview .menu-back-icon{left:0;top:0}#settingsLoadout .menu-back-icon{left:0;top:-64px}.settings-account{width:var(--settings-content-width);margin:0 auto;padding-top:clamp(72px,9vh,90px)}.settings-account-panel{display:grid;width:min(720px,100%);gap:14px;margin:0 auto}#settingsAccount .menu-back-icon{left:0;top:0}.settings-loadout{width:var(--settings-wide-content-width);margin:0 auto;padding-top:clamp(76px,9vh,90px)}.settings-loadout .profile-emotes,.settings-loadout .profile-cosmetics{display:grid;width:100%;margin-left:0;padding:12px}.settings-loadout .profile-cosmetics{margin-top:10px}.settings-loadout .profile-emote-board{position:static;gap:8px}.settings-loadout>.profile-emotes{position:relative}.settings-loadout>.profile-emotes>.profile-emotes-header{padding-left:0}.settings-loadout>.profile-emotes>.profile-emotes-header strong{padding-right:22px}.settings-loadout .profile-emote-slot{min-height:92px}.settings-loadout .profile-emote-slot .profile-emote-bubble{min-height:48px;border-width:3px;border-radius:18px;filter:drop-shadow(0 4px 0 oklch(15% .018 258))}.settings-loadout .profile-emote-slot .profile-emote-bubble strong{font-size:clamp(13px,1.35vw,18px)}.settings-loadout .profile-emote-pin{min-height:34px}.settings-loadout .profile-emote-pin .profile-emote-bubble{min-height:28px}.settings-loadout .profile-cosmetic-slots{display:grid;grid-template-columns:1fr;gap:0}.settings-skin-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,230px);gap:14px;align-items:stretch;width:100%}.settings-inkling-stage{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:20px;align-items:center;min-width:0;min-height:118px;padding:14px 18px;border:2px solid rgba(17,24,39,.16);border-radius:8px;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.58),transparent 32%),radial-gradient(circle at 78% 72%,rgba(226,210,191,.22),transparent 36%),linear-gradient(135deg,#ffffff4d,#efebe01f),#ffffff1f;box-shadow:0 4px #11182733,inset 0 0 0 2px #ffffff29}.settings-inkling-preview-slot{display:grid;place-items:center;min-height:86px;min-width:0;border:1px solid rgba(17,24,39,.1);border-radius:6px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.42),transparent 30%),linear-gradient(180deg,#ffffff29,#ffffff0f),#ffffff14}.settings-inkling-stage-swatch{justify-self:center;width:52px;height:52px;border-width:3px;border-radius:8px;box-shadow:0 5px #1118273d,0 12px 26px #1118271c,inset 0 0 0 3px #ffffff42}.settings-inkling-stage-copy{display:grid;min-width:0;gap:7px;font-family:var(--font-pixel);text-transform:uppercase}.settings-inkling-stage-copy strong,.settings-inkling-stage-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-inkling-stage-copy strong{color:var(--ink);font-size:15px}.settings-inkling-stage-copy em{color:var(--ink-soft);font-size:14px;font-style:normal;font-weight:900}.settings-skin-select-button{min-height:118px;border-radius:8px}.settings-skin-picker,.skin-picker-panel{width:var(--settings-content-width);margin:0 auto}.skin-picker-panel{display:grid;place-items:center}.skin-picker-card{min-height:326px}.skin-picker-preview-wrap{position:relative;display:grid;justify-items:center;align-items:start;grid-template-rows:auto auto;align-content:start;gap:18px;min-height:320px;padding:28px 16px 18px;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.58),transparent 32%),radial-gradient(circle at 76% 72%,rgba(232,200,196,.32),transparent 34%),linear-gradient(135deg,#f6f2e8ad,#dee2db6b);box-shadow:inset 0 0 0 2px #ffffff3d,inset 0 -28px 54px #1118270f}.skin-picker-swatch{width:104px;height:104px;border-width:3px;border-radius:10px;box-shadow:0 7px #11182752,0 18px 42px #11182721,inset 0 0 0 4px #ffffff47}.skin-picker-preview-wrap>.skin-picker-select-button{position:static;left:auto;top:auto;bottom:auto;width:min(260px,72%);min-width:min(260px,72%);min-height:52px;height:52px;padding:8px 14px;transform:none}.skin-picker-preview-wrap>.skin-picker-select-button:hover:not(:disabled){transform:translateY(-1px)}.skin-picker-preview-wrap>.skin-picker-select-button:active:not(:disabled){transform:translateY(4px)}.skin-picker-preview-wrap>.skin-picker-select-button.is-locked{display:none}.skin-picker-starter-palette{display:grid;grid-template-columns:repeat(7,44px);justify-content:center;gap:8px;padding:4px 8px 8px}.skin-picker-starter-palette[hidden]{display:none}.skin-picker-starter-palette:before{content:"Starter colors";grid-column:1 / -1;color:var(--ink-soft);font-family:var(--font-pixel);font-size:14px;line-height:1.2;text-align:center;text-transform:uppercase}.skin-picker-color-swatch{position:relative;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:3px solid rgba(17,24,39,.34);border-radius:6px;appearance:none;background:linear-gradient(145deg,rgba(255,255,255,.38),transparent 44%),var(--skin-picker-color, #e8c8c4);color:#fff;box-shadow:0 4px #11182747,inset 0 0 0 2px #ffffff42;cursor:pointer;font-family:var(--font-pixel);font-size:19px;line-height:1;text-shadow:-1px 0 #111827,0 1px #111827,1px 0 #111827,0 -1px #111827}.skin-picker-color-swatch:hover{transform:translateY(-1px);filter:brightness(1.06)}.skin-picker-color-swatch.is-selected{border-color:#111827;box-shadow:0 4px #111827,0 0 0 3px #ffffffd6,0 0 0 5px #11182785,inset 0 0 0 2px #ffffff4d}.skin-picker-color-swatch:focus-visible{outline:3px solid #d6425b;outline-offset:4px}.skin-picker-color-swatch:active{transform:translateY(3px);box-shadow:0 1px #11182766,inset 0 0 0 2px #ffffff3d}.skin-picker-card.is-locked .skin-picker-swatch{filter:none;opacity:1}@media(max-width:820px){.settings-skin-summary,.skin-picker-carousel{grid-template-columns:1fr}.settings-skin-summary{width:100%}.skin-picker-arrow{width:100%;min-width:0;height:48px}.settings-inkling-stage,.settings-skin-select-button{min-height:88px}.settings-inkling-stage{grid-template-columns:96px minmax(0,1fr);gap:14px}.settings-inkling-preview-slot{min-height:64px}.settings-inkling-stage-swatch{width:44px;height:44px}}@media(max-width:560px){.skin-picker-starter-palette{grid-template-columns:repeat(4,44px)}}@media(max-height:640px)and (min-width:821px){.skin-picker-preview-wrap{gap:12px;min-height:240px;padding-block:16px}.settings-skin-picker .settings-back-chip{top:-56px}}.control-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:var(--settings-content-width);max-width:calc(100vw - 240px);margin:0 auto;padding:8px;border:1px solid rgba(17,24,39,.16);border-radius:8px;background:linear-gradient(180deg,#f5f1e95c,#dbd7cd2e),#ebe8df42;box-shadow:0 4px #11182738,inset 0 0 0 2px #ffffff1f}.settings-panel.is-subview .control-picker{margin-top:0}.control-button{position:relative;min-height:56px;padding:0 18px;border:1px solid rgba(17,24,39,.12);border-radius:6px;background:linear-gradient(180deg,#f2eee67a,#dbd7cd38),#ebe8df47;box-shadow:inset 0 0 0 1px #ffffff21;color:#111827d6;text-align:center;transition:none}.control-button span{display:block;font-family:var(--font-pixel);font-size:clamp(10px,1.05vw,13px);font-weight:850}.control-button.is-active{color:#111827eb;border-color:#11182757;background:linear-gradient(180deg,#f8f5eeb8,#dbd7cd61),#ebe8df80;box-shadow:0 3px #1118277a,inset 0 0 0 2px #ffffff2e}.control-button:focus-visible{box-shadow:0 3px #111827ad,0 0 0 3px #1118272e,inset 0 0 0 2px #fff3}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,4vw,42px);width:min(520px,74vw);margin:var(--settings-action-gap) auto 0}.settings-actions .menu-button{min-height:58px;margin-top:0;border-radius:999px}.controls-actions{grid-template-columns:minmax(220px,320px);justify-content:center;width:min(580px,76vw);margin-top:clamp(24px,3.6vh,36px)}.settings-actions .menu-button.is-saved{filter:brightness(1.04) saturate(.82);box-shadow:0 6px #111827b8,0 0 0 4px #1118271f,inset 0 0 0 3px #ffffff3d}@media(max-width:760px){.control-picker,.settings-actions{grid-template-columns:1fr}}.keybind-panel{width:var(--settings-content-width);max-width:calc(100vw - 240px);min-height:min(390px,46vh);max-height:min(500px,58vh);margin:clamp(18px,3vh,28px) auto 0;padding:18px 20px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(17,24,39,.38) rgba(238,232,214,.18);border:1px solid oklch(22% .013 258 / .16);border-radius:8px;background:radial-gradient(circle at 10% 10%,oklch(99% .006 88 / .34),transparent 34%),linear-gradient(180deg,#f0ebde94,#d9d4c747),#ece8de6b;box-shadow:0 6px #171b212e,inset 0 0 0 2px #fdfcf726}.keybind-panel::-webkit-scrollbar{width:8px}.keybind-panel::-webkit-scrollbar-track{background:#eee8d629;border-radius:999px}.keybind-panel::-webkit-scrollbar-thumb{background:#11182757;border-radius:999px}.keybind-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:#111827c7;font-family:var(--font-pixel);font-size:10px;letter-spacing:0;text-transform:uppercase}.keybind-head strong{color:#111827b8;font-weight:900}.keybind-list{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(56px,1fr));column-gap:clamp(24px,3vw,38px);row-gap:12px}.keybind-row{display:grid;grid-template-columns:minmax(112px,.72fr) minmax(132px,188px);align-items:center;gap:16px;min-height:56px;padding:0 4px}@media(max-width:760px){.keybind-list{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none}.keybind-row{grid-template-columns:1fr;gap:7px}.keybind-row:not(.keybind-row-emote)+.keybind-row-emote{margin-top:8px;padding-top:14px;border-top:1px solid rgba(17,24,39,.12)}}.keybind-row-emote .keybind-action{color:#111827b8}.keybind-button{display:grid;place-items:center;width:100%;min-height:50px;padding:0 12px;border:0;border-radius:7px;color:#111827d1;background:linear-gradient(180deg,#f5f1e99e,#dbd7cd61),#ebe8df75;box-shadow:0 3px #11182752,inset 0 0 0 1px #ffffff38;font-family:var(--font-pixel);text-transform:uppercase;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.keybind-action,.keybind-button strong{display:block;letter-spacing:0}.keybind-action{color:#111827b8;font-family:var(--font-pixel);font-size:11px;font-weight:900;text-align:left;text-shadow:0 1px 0 rgba(255,255,255,.48);text-transform:uppercase}.keybind-button strong{position:relative;color:#111827db;font-size:12px;font-weight:900;text-align:center}.keybind-button strong.is-empty-bind{font-size:16px}.keybind-button:hover{transform:translateY(-1px);filter:brightness(1.02)}.keybind-button.is-locked{cursor:default;filter:saturate(.72);opacity:.76}.keybind-button:disabled{color:#1118279e}.keybind-button.is-locked:hover{transform:none;filter:saturate(.72)}.keybind-button.is-locked strong{color:#11182794}.keybind-button.is-listening{color:#111827f0;box-shadow:0 4px #11182780,0 0 0 3px #11182729,inset 0 0 0 2px #ffffff57}.keybind-button:focus-visible{outline:none;box-shadow:0 4px #1118277a,0 0 0 3px #11182729,inset 0 0 0 2px #ffffff4d}.keybind-button strong.is-arrow-bind{width:28px;height:28px;color:transparent;font-size:0;transform-origin:50% 50%}.keybind-button strong.is-arrow-bind.arrow-down{transform:rotate(180deg)}.keybind-button strong.is-arrow-bind.arrow-left{transform:rotate(-90deg)}.keybind-button strong.is-arrow-bind.arrow-right{transform:rotate(90deg)}.keybind-button strong.is-arrow-bind:before,.keybind-button strong.is-arrow-bind:after{content:"";position:absolute;left:50%;background:#111827e0}.keybind-button strong.is-arrow-bind:before{top:9px;width:4px;height:16px;border-radius:2px;transform:translate(-50%)}.keybind-button strong.is-arrow-bind:after{top:4px;width:14px;height:14px;border-radius:1px;transform:translate(-50%) rotate(45deg);clip-path:polygon(0 0,100% 0,100% 28%,28% 28%,28% 100%,0 100%)}.settings-panel.is-subview .sound-panel{margin-top:0}.sound-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(920px,calc(100vw - 240px));margin:0 auto;min-height:min(460px,58vh);padding:18px 20px 22px;border:1px solid oklch(22% .013 258 / .16);border-radius:8px;background:radial-gradient(circle at 10% 10%,oklch(99% .006 88 / .34),transparent 34%),linear-gradient(180deg,#f0ebde94,#d9d4c747),#ece8de6b;box-shadow:0 6px #171b212e,inset 0 0 0 2px #fdfcf726}.sound-toggle{grid-column:span 2;min-height:60px;font-size:11px}.sound-toggle.is-muted{color:#11182794;filter:saturate(.55)}.volume-control{grid-column:span 2;display:grid;grid-template-columns:1fr auto;align-content:center;gap:10px 12px;align-items:center;min-height:122px;padding:15px 18px 16px;border:2px solid rgba(17,24,39,.72);border-radius:7px;background:linear-gradient(180deg,#ffffff21,#eee8d60d),#eee8d61f;box-shadow:0 6px #111827c7,0 20px 42px #0f172a21,inset 0 0 0 3px #ffffff1f;color:#101827;font-family:var(--font-pixel);font-size:11px;text-transform:uppercase}.volume-control strong{color:#ff174f;font-weight:400}.volume-control input{grid-column:1 / -1;width:100%;min-height:36px;accent-color:oklch(31% .018 258);cursor:pointer;appearance:none;background:transparent}.volume-control input::-webkit-slider-runnable-track{height:11px;border:1px solid rgba(17,24,39,.42);border-radius:999px;background:linear-gradient(90deg,#11182794,#3e3a3147),#eee8d66b;box-shadow:inset 0 1px #ffffff6b,0 2px #11182742}.volume-control input::-webkit-slider-thumb{appearance:none;width:24px;height:24px;margin-top:-7.5px;border:2px solid rgba(17,24,39,.82);border-radius:6px;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.8) 0 18%,transparent 20%),linear-gradient(180deg,#f0ebde,#c0baac);box-shadow:0 3px #111827b8,0 8px 16px #0f172a24}.volume-control input::-moz-range-track{height:11px;border:1px solid rgba(17,24,39,.42);border-radius:999px;background:#eee8d68c}.volume-control input::-moz-range-thumb{width:22px;height:22px;border:2px solid rgba(17,24,39,.82);border-radius:6px;background:#e0dace}@media(max-width:860px){.sound-panel{grid-template-columns:1fr;width:min(620px,calc(100vw - 40px))}.sound-toggle,.volume-control{grid-column:1}}.background-panel{display:grid;place-items:center;width:var(--settings-content-width);margin:0 auto}.settings-panel.is-subview .background-panel{margin-top:0}.background-carousel{display:grid;grid-template-columns:56px minmax(320px,500px) 56px;justify-content:center;gap:14px;align-items:center;width:100%}.background-actions{display:contents}.background-card{--background-picker-rim-border: rgba(17, 24, 39, .2);--background-picker-rim-shadow: rgba(17, 24, 39, .3);--background-picker-side-rim-border: rgba(255, 255, 255, .16);--background-picker-side-rim-shadow: rgba(17, 24, 39, .22);--background-picker-side-rim-inset: rgba(255, 255, 255, .14);position:relative;display:grid;gap:12px;width:100%;padding:12px;border:2px solid var(--background-picker-rim-border);border-radius:8px;background:radial-gradient(circle at 18% 12%,oklch(99% .006 88 / .42),transparent 34%),linear-gradient(180deg,#f0ebdeb8,#d9d4c770),#ece8de94;box-shadow:0 6px 0 var(--background-picker-rim-shadow),0 18px 42px #0f172a24,inset 0 0 0 2px #fff3;color:#111827db;cursor:default;isolation:isolate;transform:translateZ(0);transition:transform .22s cubic-bezier(.16,1,.3,1),filter .22s ease}.background-card:before,.background-card:after{content:"";display:none;position:absolute;top:12%;bottom:18%;width:38%;border:2px solid var(--background-picker-side-rim-border);border-radius:10px;background:linear-gradient(180deg,#faf7ef7a,#e0dace3d),#eee8d647;box-shadow:0 5px 0 var(--background-picker-side-rim-shadow),inset 0 0 0 2px var(--background-picker-side-rim-inset);opacity:.38;pointer-events:none;z-index:-1}.background-card:before{left:-24%;transform:translate(-10%) scale(.86)}.background-card:after{right:-24%;transform:translate(10%) scale(.86)}.background-card.is-switching{animation:backgroundCardSwitch .42s cubic-bezier(.16,1,.3,1)}.background-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-pixel);text-transform:uppercase}.background-meta strong{font-size:15px}.background-meta em{padding:7px 9px;border-radius:4px;background:#11182713;color:#333840d1;font-size:9px;font-style:normal;font-weight:900;box-shadow:inset 0 0 0 1px #11182713}#backgroundCaption{color:var(--ink-soft);font-family:var(--font-pixel-soft);font-size:13px;line-height:1.25;text-transform:uppercase}.background-select-button{--background-select-border: rgba(17, 24, 39, .42);--background-select-face: rgba(245, 241, 229, .38);--background-select-lift: rgba(17, 24, 39, .46);--background-select-inset: rgba(255, 255, 255, .22);--background-select-text: rgba(17, 24, 39, .9);--background-select-shadow: rgba(255, 255, 255, .76);position:absolute;left:50%;top:50%;z-index:2;min-width:min(300px,76%);min-height:58px;padding-inline:28px;border:2px solid var(--background-select-border);border-radius:999px;color:var(--background-select-text);font-size:12px;background:var(--background-select-face);-webkit-backdrop-filter:blur(3px) saturate(.98);backdrop-filter:blur(3px) saturate(.98);transform:translate(-50%,-50%);box-shadow:0 6px 0 var(--background-select-lift),0 20px 46px #0f172a24,inset 0 0 0 2px var(--background-select-inset);text-shadow:0 1px 0 var(--background-select-shadow)}.background-select-button:hover:not(:disabled){transform:translate(-50%,calc(-50% - 1px))}.background-select-button:active:not(:disabled){transform:translate(-50%,calc(-50% + 4px))}.background-select-button.is-selected{color:color-mix(in srgb,var(--background-select-text) 82%,transparent);filter:saturate(.82)}.background-arrow{--background-arrow-border: rgba(17, 24, 39, .18);--background-arrow-face-top: oklch(94% .015 88 / .68);--background-arrow-face-bottom: oklch(86% .018 88 / .42);--background-arrow-face-base: oklch(91% .013 88 / .52);--background-arrow-lift: oklch(22% .013 258 / .46);--background-arrow-inset: oklch(99% .006 88 / .24);--background-arrow-hover-inset: oklch(99% .006 88 / .32);--background-arrow-active-inset: oklch(99% .006 88 / .2);display:grid;place-items:center;width:56px;min-width:56px;height:68px;border:2px solid var(--background-arrow-border);border-radius:8px;background:linear-gradient(180deg,var(--background-arrow-face-top),var(--background-arrow-face-bottom)),var(--background-arrow-face-base);box-shadow:0 6px 0 var(--background-arrow-lift),inset 0 0 0 2px var(--background-arrow-inset);color:var(--ink-strong);cursor:pointer;font-family:var(--font-pixel);font-size:26px;line-height:1;text-shadow:0 1px 0 oklch(98% .006 88 / .8);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.background-arrow:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 8px 0 var(--background-arrow-lift),inset 0 0 0 2px var(--background-arrow-hover-inset)}.background-arrow:active{transform:translateY(2px);box-shadow:0 3px 0 var(--background-arrow-lift),inset 0 0 0 2px var(--background-arrow-active-inset)}.background-preview-wrap{position:relative;display:block;isolation:isolate}.background-preview{--background-preview-art: radial-gradient(circle at 50% 50%, rgba(17, 24, 39, .06) 0 14%, transparent 15%), linear-gradient(90deg, rgba(17, 24, 39, .12) 1px, transparent 1px), linear-gradient(0deg, rgba(17, 24, 39, .1) 1px, transparent 1px), oklch(94% .018 88);--background-preview-size: 100% 100%, 34px 34px, 34px 34px, auto;--background-preview-before-opacity: .42;--background-preview-before-art: repeating-radial-gradient(ellipse at 42% 48%, transparent 0 26px, rgba(17, 24, 39, .11) 27px 28px, transparent 29px 42px);--background-preview-after-opacity: .22;--background-preview-after-art: var(--background-preview-before-art);position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:9px;background:var(--background-preview-art);background-size:var(--background-preview-size);box-shadow:inset 0 0 0 1px #11182721,inset 0 0 32px #ffffff61}.background-preview:before,.background-preview:after{content:"";position:absolute;inset:-18%;opacity:var(--background-preview-before-opacity);background:var(--background-preview-before-art);transform:rotate(-8deg) translateZ(0);animation:backgroundPreviewFloat 8.8s cubic-bezier(.22,1,.36,1) infinite}.background-preview:after{opacity:var(--background-preview-after-opacity);background:var(--background-preview-after-art);transform:rotate(8deg) scale(1.08);animation-delay:-4.2s}.background-preview-pixel-snow{--background-preview-art: linear-gradient(180deg, oklch(99% .004 88), oklch(98% .004 88));--background-preview-size: auto;--background-preview-before-opacity: 0;--background-preview-before-art: linear-gradient(180deg, transparent, transparent);--background-preview-after-opacity: 0;--background-preview-after-art: var(--background-preview-before-art)}.background-preview-pale-galaxy{--background-preview-art: radial-gradient(circle at 38% 62%, rgba(13, 13, 12, .34) 0 1.5px, transparent 2.5px), radial-gradient(circle at 72% 25%, rgba(13, 13, 12, .44) 0 2px, transparent 7px), radial-gradient(circle at 22% 31%, rgba(13, 13, 12, .26) 0 1px, transparent 4px), radial-gradient(circle at 52% 48%, rgba(13, 13, 12, .12) 0 20%, transparent 52%), oklch(93% .018 88);--background-preview-size: 46px 46px, 112px 112px, 72px 72px, 100% 100%, auto;--background-preview-before-opacity: .28;--background-preview-before-art: radial-gradient(circle at 26% 32%, rgba(13, 13, 12, .36) 0 2px, transparent 8px), radial-gradient(circle at 68% 58%, rgba(13, 13, 12, .24) 0 1.5px, transparent 6px), radial-gradient(circle at 44% 72%, rgba(13, 13, 12, .2) 0 1px, transparent 5px);--background-preview-after-opacity: .2;--background-preview-after-art: conic-gradient(from 18deg at 50% 48%, transparent 0 22%, rgba(13, 13, 12, .12) 23% 25%, transparent 26% 48%, rgba(13, 13, 12, .08) 49% 51%, transparent 52% 100%)}.background-preview-liquid-chrome{--background-preview-art: radial-gradient(ellipse at 18% 34%, rgba(80, 78, 74, .2) 0 18%, transparent 42%), radial-gradient(ellipse at 76% 66%, rgba(64, 61, 58, .18) 0 20%, transparent 44%), linear-gradient(125deg, oklch(99% .006 88), oklch(89% .013 88));--background-preview-before-opacity: .3;--background-preview-before-art: linear-gradient(118deg, transparent 0 11%, rgba(55, 53, 50, .16) 12% 19%, transparent 36%), linear-gradient(302deg, transparent 0 24%, rgba(55, 53, 50, .12) 25% 31%, transparent 46%);--background-preview-after-opacity: .24;--background-preview-after-art: radial-gradient(ellipse at 52% 44%, rgba(255, 254, 249, .42), transparent 44%), radial-gradient(ellipse at 28% 72%, rgba(255, 254, 249, .3), transparent 38%)}.background-preview-liquid-chrome:before{filter:blur(2px)}.background-preview-solitude-marble{--background-preview-art: radial-gradient(ellipse at 18% 35%, rgba(176, 248, 255, .24) 0 15%, transparent 39%), radial-gradient(ellipse at 78% 32%, rgba(255, 224, 132, .24) 0 13%, transparent 36%), radial-gradient(ellipse at 66% 70%, rgba(255, 174, 218, .22) 0 18%, transparent 44%), radial-gradient(ellipse at 44% 50%, rgba(255, 255, 249, .48) 0 23%, transparent 54%), linear-gradient(126deg, oklch(97% .012 94), oklch(88% .026 181) 32%, oklch(94% .028 71) 58%, oklch(86% .025 250));--background-preview-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, auto;--background-preview-before-opacity: .58;--background-preview-before-art: linear-gradient(108deg, transparent 0 10%, rgba(255, 255, 250, .58) 11% 15%, rgba(177, 248, 255, .24) 16% 22%, transparent 35%), linear-gradient(286deg, transparent 0 18%, rgba(115, 103, 92, .12) 19% 23%, rgba(255, 223, 127, .2) 24% 29%, transparent 45% 62%, rgba(255, 176, 219, .18) 63% 66%, transparent 74%);--background-preview-after-opacity: .38;--background-preview-after-art: linear-gradient(116deg, transparent 0 26%, rgba(255, 255, 250, .44) 27% 29%, transparent 39% 52%, rgba(184, 238, 240, .22) 53% 56%, transparent 68%), radial-gradient(ellipse at 30% 72%, rgba(255, 255, 248, .38), transparent 44%)}.background-preview-solitude-marble:before{filter:blur(1.4px)}.background-preview-solitude-marble:after{filter:blur(.7px)}.background-preview-abyss-bloom{--background-preview-art: radial-gradient(ellipse at 20% 28%, rgba(154, 165, 255, .32) 0 10%, transparent 24%), radial-gradient(ellipse at 73% 44%, rgba(75, 214, 255, .28) 0 13%, transparent 30%), radial-gradient(ellipse at 48% 72%, rgba(23, 241, 194, .22) 0 10%, transparent 26%), radial-gradient(circle at 36% 20%, rgba(196, 226, 255, .82) 0 1px, transparent 3px), radial-gradient(circle at 74% 70%, rgba(196, 226, 255, .72) 0 1px, transparent 3px), linear-gradient(155deg, oklch(17% .05 255), oklch(27% .08 235) 46%, oklch(9% .04 260));--background-preview-size: 100% 100%, 100% 100%, 100% 100%, 34px 34px, 42px 42px, auto;--background-preview-before-opacity: .52;--background-preview-before-art: radial-gradient(ellipse at 20% 28%, rgba(210, 215, 255, .52) 0 8%, transparent 11%), radial-gradient(ellipse at 73% 44%, rgba(145, 237, 255, .42) 0 10%, transparent 13%), radial-gradient(ellipse at 48% 72%, rgba(126, 255, 224, .34) 0 7%, transparent 11%), linear-gradient(90deg, transparent 47%, rgba(178, 232, 255, .42) 48% 49%, transparent 50%);--background-preview-after-opacity: .36;--background-preview-after-art: radial-gradient(circle at 22% 34%, rgba(255, 203, 245, .52) 0 1px, transparent 9px), radial-gradient(circle at 70% 44%, rgba(232, 251, 255, .4) 0 1px, transparent 11px), radial-gradient(circle at 50% 74%, rgba(214, 255, 247, .38) 0 1px, transparent 10px)}.background-preview-abyss-bloom:before{filter:blur(1px);mix-blend-mode:screen}.background-preview-abyss-bloom:after{mix-blend-mode:screen}.profile-panel .menu-back-icon{left:0;top:-78px}.profile-identity{display:grid;grid-column:1;grid-row:2;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:18px;min-height:126px;padding:16px 18px;border:1px solid oklch(22% .013 258 / .16);border-radius:8px;background:radial-gradient(circle at 18% 12%,oklch(99% .006 88 / .42),transparent 34%),linear-gradient(180deg,#f0ebdea3,#d9d4c757),#ece8de8a;box-shadow:0 5px #171b2133,inset 0 0 0 2px #fdfcf72e}.profile-avatar{--profile-avatar-body: #e8c8c4;--profile-avatar-hot: #fff3ed;position:relative;align-self:start;width:86px;height:86px;border:3px solid rgba(17,24,39,.82);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.42) 0 12%,transparent 13%),linear-gradient(180deg,#fff8e6d1,#815a4c33),#ead2ce94;box-shadow:0 4px #111827b3,inset 0 0 0 3px #fff3;image-rendering:pixelated}.profile-avatar[data-profile-avatar-state=empty],.profile-avatar[data-profile-avatar-state=guest]{border-color:#1118277a;background:linear-gradient(180deg,#fffcf080,#d9d2c43d),#eee8d680;box-shadow:none}.profile-avatar[data-profile-avatar-state=empty]:before,.profile-avatar[data-profile-avatar-state=empty]:after,.profile-avatar[data-profile-avatar-state=wallet]:before,.profile-avatar[data-profile-avatar-state=wallet]:after{display:none}.profile-avatar[data-profile-avatar-state=guest]:before{background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.62) 0 12%,transparent 13%),#b1a899b8;box-shadow:0 0 0 2px #11182761}.profile-avatar[data-profile-avatar-state=guest]:after{background:linear-gradient(90deg,rgba(177,168,153,.72) 0 18%,transparent 18% 28%,rgba(177,168,153,.72) 28% 46%,transparent 46% 54%,rgba(177,168,153,.72) 54% 72%,transparent 72% 82%,rgba(177,168,153,.72) 82%);filter:none}.profile-avatar:before{content:"";position:absolute;left:20px;top:12px;width:42px;height:42px;border-radius:50% 50% 38% 38%/52% 52% 28% 28%;background:radial-gradient(circle at 36% 28%,var(--profile-avatar-hot) 0 12%,transparent 13%),var(--profile-avatar-body);box-shadow:0 0 0 2px #1118279e,inset 0 -10px #11182714}.profile-avatar:after{content:"";position:absolute;left:24px;top:34px;width:34px;height:31px;border-radius:0 0 16px 16px;background:linear-gradient(90deg,var(--profile-avatar-body) 0 18%,transparent 18% 28%,var(--profile-avatar-body) 28% 46%,transparent 46% 54%,var(--profile-avatar-body) 54% 72%,transparent 72% 82%,var(--profile-avatar-body) 82%);filter:drop-shadow(0 2px 0 rgba(17,24,39,.42))}.profile-identity-copy{display:grid;align-self:start;justify-self:end;justify-items:end;gap:6px;min-width:0;color:#101827;text-align:right;max-width:100%;text-transform:uppercase}.profile-identity-copy span,.profile-identity-copy em{overflow:hidden;color:#393d45c7;font-family:var(--font-pixel-soft);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.profile-identity-copy span{display:none;font-size:10px}.profile-identity-copy strong{overflow:hidden;color:#11161e;font-family:var(--font-pixel);font-size:clamp(16px,1.65vw,22px);font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.profile-identity-copy em{color:#5f4925;font-size:11px}.profile-avatar-tag{display:inline-grid;max-width:100%;padding:4px 6px;border:2px solid rgba(17,24,39,.14);border-radius:5px;background:#fff3;color:#333840b8;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-identity-copy em:empty{display:none}@media(max-width:820px){.profile-identity{grid-row:auto}}.profile-field{display:grid;grid-column:2;grid-row:5;align-self:stretch;justify-self:stretch;gap:10px;width:100%;margin-top:10px;min-height:92px;color:#101827;font-family:var(--font-pixel);font-size:13px;text-align:left;text-transform:uppercase}.profile-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-label-row strong{color:#333840c7;font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,.8),0 0 16px rgba(17,24,39,.08)}.profile-field input{width:100%;height:58px;padding:0 14px;border:2px solid rgba(17,24,39,.82);background:linear-gradient(180deg,#ffffff52,#eee8d61a),linear-gradient(90deg,#eee8d629,#11182709);box-shadow:0 6px #111827cc,inset 0 0 0 3px #fff3;color:#101827;font-family:var(--font-pixel);font-size:clamp(11px,1.2vw,14px);text-transform:uppercase}.profile-field input:focus-visible{outline:none;box-shadow:0 6px #111827b8,inset 0 0 0 3px #ffffff3d}.profile-field input::selection{color:#0d1218;background:#c8bda180}@media(max-width:820px){.profile-field{grid-row:auto}}.coin-icon{position:relative;display:inline-grid;place-items:center;width:68px;height:68px;padding:0;border:0;border-radius:6px;cursor:pointer;image-rendering:pixelated;background:transparent;box-shadow:none;transition:transform .12s ease,filter .12s ease;will-change:transform}.coin-icon:before{content:"";position:absolute;z-index:1;inset:19px 23px;background:#ffffff9e}.coin-icon:after{content:"";position:absolute;inset:9px;border-radius:6px;clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);background:radial-gradient(circle at 36% 30%,#fff3a1 0 13%,transparent 14%),linear-gradient(90deg,transparent 0 12%,rgba(122,74,15,.85) 12% 20%,transparent 20% 80%,rgba(122,74,15,.85) 80% 88%,transparent 88%),linear-gradient(180deg,#fff3a1 0 18%,#ffd166 18% 66%,#b87618 66% 100%);box-shadow:0 0 0 4px #111827d1,0 5px #111827d1,0 16px 28px #0f172a24}.coin-icon:hover{transform:translateY(-2px);filter:saturate(1.1)}.coin-icon:active,.coin-icon.is-bumped{animation:coinBump .52s cubic-bezier(.16,1,.3,1)}.profile-points{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;margin-top:0;color:#101827;font-family:var(--font-pixel);font-size:clamp(13px,1.35vw,17px);text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.8),0 12px 28px rgba(15,23,42,.16)}.profile-points strong{color:#8a4b00;font-size:clamp(18px,2vw,26px);font-weight:400}.profile-wallet[data-profile-points-state=locked]{gap:14px}.profile-wallet[data-profile-points-state=locked] .coin-icon{cursor:default;filter:saturate(.64) brightness(.96);opacity:.62}.profile-wallet[data-profile-points-state=locked] .coin-icon:hover{transform:none;filter:saturate(.64) brightness(.96)}.profile-wallet[data-profile-points-state=locked] .profile-points strong{max-width:min(280px,58vw);color:#333840c7;font-family:var(--font-pixel-soft);font-size:10px;line-height:1.25;white-space:normal}.profile-stats{display:grid;grid-column:2;grid-row:2;align-self:start;align-content:space-between;gap:10px;min-height:104px;margin-top:54px;padding:12px;border:1px solid oklch(22% .013 258 / .13);border-radius:8px;background:radial-gradient(circle at 12% 16%,oklch(99% .006 88 / .32),transparent 32%),linear-gradient(180deg,#f0ebde85,#d9d4c74d),#ece8de70;box-shadow:0 5px #171b212e,inset 0 0 0 2px #fdfcf729}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px}.profile-stat{display:grid;align-content:center;gap:5px;min-height:50px;padding:7px 5px;border:1px solid oklch(22% .013 258 / .14);background:#fdfcf76b;color:#171b21;text-align:center;text-transform:uppercase}.profile-stat strong{overflow:hidden;color:#11161e;font-family:var(--font-pixel);font-size:15px;font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.profile-stat em,.profile-last-result,.profile-career-gate{overflow:hidden;color:#393d45c7;font-family:var(--font-pixel-soft);font-style:normal;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.profile-stat em{font-size:9px;line-height:1}.profile-stats[data-profile-career-state=locked],.profile-finance[data-profile-finance-state=locked]{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.profile-finance[data-profile-finance-state=locked] .profile-finance-grid{display:none}.profile-stats[data-profile-career-state=locked] .profile-stats-grid{align-self:stretch;min-height:0}.profile-stats[data-profile-career-state=locked] .profile-last-result{display:none}.profile-stats[data-profile-career-state=locked] .profile-stat{background:linear-gradient(180deg,#fdfcf747,#e1ded529),#ebe8df3d}.profile-stats[data-profile-career-state=locked] .profile-stat strong{color:#3a404994}.profile-stats[data-profile-career-state=locked] .profile-last-result{color:#333840c7}.profile-career-gate{display:grid;grid-column:1 / -1;place-items:center;min-height:0;height:100%;padding:12px;border:1px dashed oklch(22% .013 258 / .22);border-radius:7px;background:#fdfcf747;font-size:10px;line-height:1.35;text-align:center;white-space:normal}.profile-last-result{display:none;font-size:10px;line-height:1.35;text-align:center;white-space:normal}.profile-finance{display:grid;grid-column:3;grid-row:2;align-self:start;align-content:space-between;gap:10px;min-height:104px;padding:12px;border:0;border-radius:8px;background:transparent;box-shadow:none}.profile-finance .profile-emotes-header{display:none}.profile-finance-grid{display:grid;grid-template-columns:1fr;align-content:center;gap:10px;min-height:100%}.profile-finance[data-profile-finance-state=unlocked]{min-height:156px;padding:10px 0 0;border:0;background:transparent;box-shadow:none}.profile-finance[data-profile-finance-state=unlocked] .profile-emotes-header{display:none}.profile-finance[data-profile-finance-state=unlocked] .profile-finance-grid{align-content:start;justify-items:center;gap:0}.profile-record-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:repeat(2,minmax(44px,auto));align-items:center;justify-items:center;justify-self:center;width:min(320px,100%);min-height:clamp(118px,12vw,148px);column-gap:clamp(8px,1.2vw,18px);row-gap:0}.profile-record-line .profile-finance-cell,.profile-record-winrate{min-height:0;padding:0;border:0;background:transparent}.profile-record-line .profile-finance-cell{min-width:clamp(94px,7.8vw,124px);overflow:visible}.profile-finance-cell{display:grid;align-content:center;gap:5px;min-height:70px;padding:8px 6px;border:1px solid oklch(22% .013 258 / .14);background:#fdfcf76b;text-align:center;text-transform:uppercase}.profile-finance-cell strong{overflow:hidden;font-family:var(--font-pixel);font-size:13px;font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.profile-record-line .profile-finance-cell strong{display:inline-block;overflow:visible;min-width:2.2ch;max-width:max-content;text-overflow:clip}.profile-finance-cell em,.profile-finance-gate,.profile-finance-separator{color:#393d45c7;font-family:var(--font-pixel-soft);font-style:normal;text-transform:uppercase}.profile-finance-cell em{font-size:8px;line-height:1}.profile-record-loss{grid-column:1;grid-row:1;align-self:start;justify-self:end}.profile-record-win{grid-column:3;grid-row:2;align-self:end;justify-self:start}.profile-record-winrate{display:flex;align-items:baseline;justify-content:center;gap:9px;margin-top:clamp(18px,2.5vh,28px);min-height:0;padding:0;border:0;background:transparent;box-shadow:none;text-align:center;text-transform:uppercase}.profile-record-winrate em{color:#393d45c7;font-family:var(--font-pixel);font-size:clamp(13px,1.15vw,16px);font-style:normal;line-height:1}.profile-record-win strong{color:#237a44;font-size:clamp(38px,4.25vw,56px)}.profile-record-loss strong{color:#a52b3c;font-size:clamp(38px,4.25vw,56px)}.profile-record-winrate strong{color:#11161e;font-family:var(--font-pixel);font-size:clamp(28px,2.8vw,38px);font-weight:400;line-height:1}.profile-finance-separator{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:center;color:#11161e;font-family:var(--font-pixel);font-size:clamp(42px,4.8vw,64px);line-height:1}.profile-finance-gate{display:grid;align-self:stretch;place-items:center;min-height:0;height:100%;padding:12px;border:1px dashed oklch(22% .013 258 / .22);border-radius:7px;background:#fdfcf747;font-size:10px;line-height:1.35;text-align:center}.profile-finance-gate.is-hidden{display:none}@media(max-width:720px){.profile-stats{grid-column:1;grid-row:auto;margin-top:6px}.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-finance{grid-column:1;grid-row:auto}}.profile-featured-badges{display:grid;grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:54px}.profile-featured-badge-slot{display:grid;place-items:center;align-content:center;gap:5px;min-height:52px;border:2px dashed rgba(17,24,39,.42);border-radius:7px;appearance:none;background:linear-gradient(180deg,#ffffff57,#eee8d61f),#eee8d657;color:#1118278a;cursor:pointer;font-family:var(--font-pixel);font-size:18px;line-height:1;text-transform:uppercase;box-shadow:0 3px #1118272e}.profile-featured-badge-slot:hover,.profile-featured-badge-slot:focus-visible{border-color:#1118279e;color:#111827b8;filter:brightness(1.02)}.profile-featured-badge-slot:active{transform:translateY(2px);box-shadow:0 1px #11182738}.profile-featured-badge-slot em{max-width:100%;overflow:hidden;color:#1118279e;font-family:var(--font-pixel-soft);font-size:8px;font-style:normal;line-height:1.15;text-overflow:ellipsis;white-space:normal}.profile-featured-badge-slot.is-locked span{font-size:16px;line-height:1}.profile-featured-badge-slot.is-equipped{grid-template-columns:32px minmax(0,1fr);place-items:center start;gap:8px;border-style:solid;border-color:#11182757;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.46),transparent 34%),linear-gradient(180deg,#fffcf094,#eee8d63d),#eee8d685;color:#101827;text-align:left;box-shadow:0 4px #1118273d,inset 0 0 0 2px #ffffff29}.profile-featured-badge-slot.is-equipped em{color:#111827c2;font-family:var(--font-pixel);font-size:8px;line-height:1.15}.profile-featured-badge-medal{display:grid;place-items:center;width:32px;height:32px;overflow:hidden}.badge-pixel-icon{display:block;width:100%;height:100%;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.profile-badges{display:grid;grid-column:3;grid-row:2 / span 3;gap:8px;align-self:stretch;min-height:0;padding:12px;border:1px solid oklch(22% .013 258 / .16);border-radius:8px;background:radial-gradient(circle at 14% 12%,oklch(99% .006 88 / .38),transparent 34%),linear-gradient(180deg,#f0ebde94,#d9d4c74d),#ece8de75;box-shadow:0 5px #171b212e,inset 0 0 0 2px #fdfcf729}.badges-panel{display:grid;width:min(1080px,calc(100vw - 72px));row-gap:14px}.badges-panel .brand{margin-top:-18px;margin-bottom:2px;font-size:clamp(30px,4.2vw,50px)}.badges-panel .menu-back-icon{left:0;top:0}.badges-panel-body{display:grid;gap:14px;width:min(920px,100%);margin:0 auto}.badges-carousel{display:grid;grid-template-columns:64px minmax(520px,720px) 64px;align-items:center;justify-content:center;gap:18px}.badges-card{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;min-height:280px;padding:18px;border:2px solid rgba(17,24,39,.22);border-radius:8px;background:radial-gradient(circle at 18% 12%,oklch(99% .006 88 / .42),transparent 34%),linear-gradient(180deg,#f0ebdeb8,#d9d4c770),#ece8de94;box-shadow:0 6px #1118274d,0 18px 42px #0f172a24,inset 0 0 0 2px #fff3;color:#111827db;text-transform:uppercase}.badges-medal-wrap{display:grid;align-content:center;justify-items:center;gap:12px}.badges-medal{display:grid;place-items:center;width:96px;height:96px;border:4px solid rgba(17,24,39,.82);border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff6b2 0 14%,transparent 15%),linear-gradient(180deg,#d9a733,#805111);box-shadow:inset 0 0 0 8px #ffe88552,0 4px #11182757;color:#16120ceb;font-family:var(--font-pixel);font-size:17px;line-height:1}.badges-medal.has-badge-image{overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.badges-status{padding:7px 9px;border-radius:4px;background:#11182713;color:#333840d1;font-family:var(--font-pixel);font-size:9px;font-weight:400;line-height:1}.badges-copy{display:grid;align-content:center;gap:12px;min-width:0}.badges-copy strong{color:#11161e;font-family:var(--font-pixel);font-size:clamp(16px,2vw,22px);font-weight:400;line-height:1.1}.badges-copy span,.badges-copy em,.badges-progress-row span,.badges-wallet-gate{color:#393d45c7;font-family:var(--font-pixel-soft);font-size:12px;font-style:normal;line-height:1.35}.badges-progress-row{display:grid;grid-column:1 / -1;gap:8px;align-self:end}.badges-progress-row i{display:block;height:14px;overflow:hidden;border:2px solid rgba(17,24,39,.68);border-radius:4px;background:#1118271f;box-shadow:inset 0 0 0 2px #ffffff24}.badges-progress-row b{display:block;width:var(--badge-progress, 0%);height:100%;background:linear-gradient(90deg,#69d399,#f1c85c)}.badges-card.is-locked{filter:saturate(.55)}.badges-card.is-locked .badges-medal:not(.has-badge-image){background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.36) 0 14%,transparent 15%),linear-gradient(180deg,#4c453ddb,#161413e6);color:#f5f1e5b8}.badges-card.is-locked .badges-medal.has-badge-image .badge-pixel-icon{filter:grayscale(1) brightness(.68);opacity:.76}.badges-card[data-badge-tone=crown] .badges-medal:not(.has-badge-image){background:radial-gradient(circle at 36% 28%,#fff8bf 0 14%,transparent 15%),linear-gradient(180deg,#f1c85c,#9f6818)}.badges-card[data-badge-tone=growth] .badges-medal:not(.has-badge-image){background:radial-gradient(circle at 36% 28%,#f6fff2 0 14%,transparent 15%),linear-gradient(180deg,#8fd5a9,#407b56)}.badges-card[data-badge-tone=survive] .badges-medal:not(.has-badge-image){background:radial-gradient(circle at 36% 28%,#f0f7ff 0 14%,transparent 15%),linear-gradient(180deg,#91acd8,#485d8f)}.badges-wallet-gate{min-height:18px;text-align:center;text-transform:uppercase}.badges-wallet-gate.is-hidden,.badges-connect-button.is-hidden,.badges-select-button.is-hidden{display:none}.badges-connect-button{justify-self:center;width:min(320px,100%)}.badges-select-button{justify-self:center;width:min(240px,100%);min-height:50px;font-size:9px}.badges-select-button:disabled{cursor:default;filter:saturate(.55);opacity:.58}.badges-arrow:disabled{cursor:default;filter:saturate(.42);opacity:.5;transform:none}html.theme-ui-dark .badges-arrow{--background-arrow-border: rgba(0, 0, 0, .92);--background-arrow-face-top: rgba(8, 21, 42, .9);--background-arrow-face-bottom: rgba(0, 3, 10, .96);--background-arrow-face-base: #03070e;--background-arrow-lift: rgba(0, 0, 0, .94);--background-arrow-inset: rgba(0, 0, 0, .94);--background-arrow-hover-inset: rgba(0, 0, 0, .94);--background-arrow-active-inset: rgba(0, 0, 0, .94);border-color:var(--background-arrow-border);color:#98eff9;background:radial-gradient(circle at 50% 6%,rgba(119,229,255,.14),transparent 42%),linear-gradient(180deg,var(--background-arrow-face-top),var(--background-arrow-face-bottom)),var(--background-arrow-face-base);box-shadow:0 6px 0 var(--background-arrow-lift),0 18px 36px #0006126b,inset 0 0 0 2px var(--background-arrow-inset),inset 0 0 0 3px #a8e7ff24;text-shadow:0 2px 0 rgba(0,3,10,.82),0 0 14px rgba(107,231,255,.22)}html.theme-ui-dark .badges-arrow:hover{filter:brightness(1.06);box-shadow:0 8px 0 var(--background-arrow-lift),0 0 26px #6be7ff29,0 20px 40px #00061275,inset 0 0 0 2px var(--background-arrow-hover-inset),inset 0 0 0 3px #a8e7ff33}html.theme-ui-dark .badges-arrow:active{box-shadow:0 3px 0 var(--background-arrow-lift),0 12px 28px #0006126b,inset 0 0 0 2px var(--background-arrow-active-inset),inset 0 0 0 3px #a8e7ff1f}.profile-badges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profile-badge{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;min-height:42px;padding:5px 7px;border:2px solid rgba(17,24,39,.72);appearance:none;background:linear-gradient(180deg,#ffffff94,#eee8d64d),#eee8d694;color:#101827;text-align:left;text-transform:uppercase;box-shadow:0 3px #11182794,inset 0 0 0 1px #ffffff2e}.profile-badge:focus-visible{outline:2px solid oklch(43% .12 28);outline-offset:3px}.profile-badge-medal{display:grid;place-items:center;width:32px;height:32px;overflow:hidden}.profile-badge-copy{display:grid;gap:3px;min-width:0}.profile-badge-copy strong,.profile-badge-copy em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-badge-copy strong{color:#11161e;font-family:var(--font-pixel);font-size:8px;font-weight:400;line-height:1.1}.profile-badge-copy em{color:#3d434cc7;font-family:var(--font-pixel-soft);font-size:9px;font-style:normal;line-height:1.1}.profile-badge.is-locked{filter:saturate(.7);opacity:.66}.profile-badge.is-locked .profile-badge-medal .badge-pixel-icon{filter:grayscale(1) brightness(.68);opacity:.76}@media(max-width:820px){.profile-featured-badges{grid-row:auto}.profile-badges{grid-column:1;grid-row:auto}.badges-carousel{grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}.badges-card{grid-template-columns:1fr;min-height:0}}@media(max-width:520px){.profile-badges-grid{grid-template-columns:1fr}.badges-carousel{gap:8px}.badges-medal{width:80px;height:80px}}.profile-emotes,.profile-cosmetics{display:inline-grid;gap:10px;width:calc(50% - 6px);margin-top:12px;padding:12px;border:1px solid oklch(22% .013 258 / .16);background:linear-gradient(180deg,#f5f1e96b,#dbd7cd38),#ebe8df47;box-shadow:0 5px #171b212e,inset 0 0 0 2px #fdfcf729;vertical-align:top}.profile-cosmetics{margin-left:8px}.profile-emotes-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#1c222a;font-family:var(--font-pixel);font-size:11px;text-transform:uppercase}.profile-emotes-header strong{color:#292e36b8;font-weight:400}@media(max-width:720px){.profile-emotes,.profile-cosmetics{display:grid;width:100%;margin-left:0}}.profile-emote-slots{display:grid}.profile-emote-board{position:relative;display:grid;gap:clamp(12px,1.6vw,18px)}.profile-emote-slot-rail,.profile-emote-catalog{display:grid;gap:clamp(9px,1.3vw,13px);padding:0;border:0;background:transparent}.profile-emote-slot-rail{grid-template-columns:repeat(4,minmax(108px,1fr))}.profile-emote-catalog{grid-template-columns:repeat(4,minmax(92px,1fr));max-height:none;overflow:visible;overscroll-behavior:contain;padding-right:0}@media(max-width:720px){.profile-emote-slot-rail,.profile-emote-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-emote-slot,.profile-emote-pin{--emote-accent: oklch(42% .036 258);--emote-accent-soft: oklch(42% .036 258 / .18);--emote-fill: oklch(98% .012 88 / .96);display:grid;align-content:start;justify-items:center;gap:8px;min-width:0;min-height:0;padding:0;border:0;appearance:none;background:transparent;color:#0d121a;cursor:grab;font-family:var(--font-pixel);line-height:1;text-align:center;text-transform:uppercase;box-shadow:none;transition:transform .12s ease,filter .12s ease}.profile-emote-slot{min-height:104px}.profile-emote-pin{position:relative;min-height:58px}.has-new-cosmetic,.profile-skin-card.is-new{position:relative}.cosmetic-new-indicator{position:absolute;top:6px;right:6px;z-index:5;display:block;width:14px;height:14px;border:0;border-radius:50%;background:#ff304d;box-shadow:0 0 4px #ff304df5,0 0 9px #ff304db8;pointer-events:none;transform-origin:center;animation:cosmetic-new-attention .26s ease-out 1}.cosmetic-new-indicator[hidden]{display:none}.profile-cosmetic-category-new{position:absolute;top:6px;right:6px;z-index:4;display:block;width:14px;height:14px;padding:0;border:0;border-radius:50%;background:#ff304d;box-shadow:0 0 4px #ff304df5,0 0 9px #ff304db8;pointer-events:none;transform-origin:center;animation:cosmetic-new-attention .26s ease-out 1}@keyframes cosmetic-new-attention{0%{transform:scale(.86);box-shadow:0 0 3px #ff304db8,0 0 7px #ff304d75}62%{transform:scale(1.08);box-shadow:0 0 7px #ff304d,0 0 15px #ff304dd1}to{transform:scale(1);box-shadow:0 0 4px #ff304df5,0 0 9px #ff304db8}}@media(prefers-reduced-motion:reduce){.cosmetic-new-indicator,.profile-cosmetic-category-new{animation:none;transform:none}}.profile-emote-slot:before,.profile-emote-pin:before{display:none}.profile-emote-slot em,.profile-emote-pin em{display:none}.profile-emote-slot.is-active,.profile-emote-pin.is-selected{color:#080d15;background:transparent;box-shadow:none}.profile-emote-pin.is-selected{filter:saturate(1.05)}.profile-emote-pin.is-equipped:not(.is-selected){color:#0d121a;background:transparent;opacity:.72}.profile-emote-pin.is-locked,.profile-emote-pin[aria-disabled=true]{position:relative;cursor:not-allowed;filter:grayscale(.62) saturate(.58);opacity:.68}.profile-emote-pin.is-locked:after,.profile-emote-pin[aria-disabled=true]:after{content:"LOCKED";position:absolute;right:8px;bottom:6px;z-index:3;display:inline-grid;min-height:24px;padding:4px 7px;place-items:center;border:2px solid oklch(99% .006 88);border-radius:7px;background:#0d121aeb;color:#fdfcf7;font-size:14px;line-height:1;text-shadow:none;pointer-events:none}.profile-emote-pin.is-locked:hover,.profile-emote-pin.is-locked:focus-visible,.profile-emote-pin[aria-disabled=true]:hover,.profile-emote-pin[aria-disabled=true]:focus-visible{transform:none}.profile-emote-slot:focus-visible,.profile-emote-pin:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;box-shadow:var(--focus-ring-shadow)}.profile-emote-slot[data-emote-tone=warm],.profile-emote-pin[data-emote-tone=warm]{--emote-accent: oklch(57% .13 35);--emote-accent-soft: oklch(57% .13 35 / .2);--emote-fill: oklch(96% .055 38 / .94)}.profile-emote-slot[data-emote-tone=alert],.profile-emote-pin[data-emote-tone=alert]{--emote-accent: oklch(54% .18 25);--emote-accent-soft: oklch(54% .18 25 / .2);--emote-fill: oklch(96% .045 24 / .94)}.profile-emote-slot[data-emote-tone=prize],.profile-emote-pin[data-emote-tone=prize]{--emote-accent: oklch(68% .13 78);--emote-accent-soft: oklch(68% .13 78 / .22);--emote-fill: oklch(96% .075 82 / .94)}.profile-emote-slot[data-emote-tone=ink],.profile-emote-pin[data-emote-tone=ink]{--emote-accent: oklch(58% .1 188);--emote-accent-soft: oklch(58% .1 188 / .22);--emote-fill: oklch(95% .05 190 / .94)}.profile-emote-slot[data-emote-tone=action],.profile-emote-pin[data-emote-tone=action]{--emote-accent: oklch(57% .18 255);--emote-accent-soft: oklch(57% .18 255 / .22);--emote-fill: oklch(95% .055 250 / .94)}.profile-emote-bubble{position:relative;display:grid;place-items:center;width:100%;min-height:58px;padding:10px 12px;overflow:visible;border:3px solid oklch(15% .018 258);border-radius:24px 24px 24px 9px;background:radial-gradient(circle at 22% 22%,oklch(100% 0 0 / .82) 0 11%,transparent 12%),linear-gradient(180deg,#fffffff0,#eeebe2bd),#fdfcf7e6;box-shadow:0 14px 28px #171b2124;filter:drop-shadow(0 5px 0 oklch(15% .018 258));isolation:isolate}.profile-emote-bubble:before,.profile-emote-bubble:after{content:"";position:absolute;left:24px;clip-path:polygon(0 0,100% 0,14% 100%);pointer-events:none}.profile-emote-bubble:before{bottom:-20px;width:30px;height:22px;background:#070b13}.profile-emote-bubble:after{left:29px;bottom:-11px;width:18px;height:13px;background:#f4f2eaf5}.profile-emote-bubble strong{min-width:0;max-width:100%;overflow:hidden;color:#080d15;font-size:clamp(14px,1.6vw,20px);font-weight:400;line-height:.98;text-overflow:ellipsis;text-shadow:0 2px 0 oklch(100% 0 0 / .7);white-space:nowrap}.profile-emote-bubble.has-emote-asset{width:auto;min-height:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none}.profile-emote-bubble.has-emote-asset:before,.profile-emote-bubble.has-emote-asset:after{content:none;display:none}.profile-emote-art{display:block;width:min(100%,128px);max-height:74px;object-fit:contain}.profile-emote-art.emote-asset-strip{width:112px;height:84px;object-fit:initial}.profile-emote-slot .profile-emote-art.emote-asset-strip{width:120px;height:90px}.profile-emote-pin .profile-emote-art.emote-asset-strip{width:80px;height:60px}.emote-asset-strip{position:relative;display:block;overflow:hidden;contain:paint}.emote-asset-strip__sheet{display:block;width:calc(var(--emote-frames, 1) * 100%);height:100%;image-rendering:pixelated;image-rendering:crisp-edges;max-width:none;object-fit:fill;pointer-events:none;transform:translate(var(--emote-strip-end, 0%));-webkit-user-select:none;user-select:none;animation:none}.profile-emote-slot.is-previewing .emote-asset-strip__sheet,.profile-emote-pin.is-previewing .emote-asset-strip__sheet{animation:emoteAssetStripPlay 1.28s steps(var(--emote-steps, 1),end) 2 both}@keyframes emoteAssetStripPlay{0%{transform:translate(0)}to{transform:translate(var(--emote-strip-end, 0%))}}@media(prefers-reduced-motion:reduce){.emote-asset-strip__sheet{animation:none;transform:translate(var(--emote-strip-end, 0%))}}.profile-emote-slot .profile-emote-bubble,.profile-emote-pin .profile-emote-bubble{min-width:0;overflow:visible;color:#0d121a;font-family:var(--font-pixel);font-size:inherit;text-overflow:clip;white-space:normal}.profile-emote-slot .profile-emote-bubble:before,.profile-emote-slot .profile-emote-bubble:after,.profile-emote-pin .profile-emote-bubble:before,.profile-emote-pin .profile-emote-bubble:after{display:none}.profile-emote-slot .profile-emote-bubble{min-height:82px;border-width:4px;border-radius:28px;box-shadow:0 18px 34px #171b2129;filter:drop-shadow(0 6px 0 oklch(15% .018 258))}.profile-emote-pin .profile-emote-bubble{min-height:46px;border-width:3px;border-radius:17px;box-shadow:0 8px 18px #171b211c;filter:none}.profile-emote-slot .profile-emote-bubble strong{font-size:clamp(17px,2.2vw,26px)}.profile-emote-slot.is-active .profile-emote-bubble,.profile-emote-pin.is-selected .profile-emote-bubble{border-color:#070b13;box-shadow:0 18px 34px #171b212e}.profile-emote-slot.is-active .profile-emote-bubble{filter:drop-shadow(0 6px 0 oklch(15% .018 258))}.profile-emote-pin.is-selected .profile-emote-bubble{filter:none}.profile-emote-slot:hover,.profile-emote-slot:focus-visible,.profile-emote-pin:hover,.profile-emote-pin:focus-visible{background:transparent;transform:translateY(-2px)}.profile-emote-slot:hover .profile-emote-bubble,.profile-emote-slot:focus-visible .profile-emote-bubble,.profile-emote-pin:hover .profile-emote-bubble,.profile-emote-pin:focus-visible .profile-emote-bubble{border-color:#070b13;box-shadow:0 18px 34px #171b212e}.profile-emote-slot:hover .profile-emote-bubble,.profile-emote-slot:focus-visible .profile-emote-bubble{filter:drop-shadow(0 6px 0 oklch(15% .018 258))}.profile-emote-pin:hover .profile-emote-bubble,.profile-emote-pin:focus-visible .profile-emote-bubble{filter:none}.profile-emote-slot:active,.profile-emote-pin:active{cursor:grabbing;transform:translateY(2px)}.profile-emote-slot:active .profile-emote-bubble,.profile-emote-pin:active .profile-emote-bubble{box-shadow:0 10px 22px #171b2124}.profile-emote-slot:active .profile-emote-bubble{filter:drop-shadow(0 3px 0 oklch(15% .018 258))}.profile-emote-slot .profile-emote-bubble.has-emote-asset,.profile-emote-pin .profile-emote-bubble.has-emote-asset,.profile-emote-slot.is-active .profile-emote-bubble.has-emote-asset,.profile-emote-pin.is-selected .profile-emote-bubble.has-emote-asset,.profile-emote-slot:hover .profile-emote-bubble.has-emote-asset,.profile-emote-slot:focus-visible .profile-emote-bubble.has-emote-asset,.profile-emote-pin:hover .profile-emote-bubble.has-emote-asset,.profile-emote-pin:focus-visible .profile-emote-bubble.has-emote-asset,.profile-emote-slot:active .profile-emote-bubble.has-emote-asset,.profile-emote-pin:active .profile-emote-bubble.has-emote-asset{min-height:0;border-width:0;border-radius:0;background:transparent;box-shadow:none;filter:none}.profile-cosmetic-preview{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:14px;min-height:96px;padding:12px 14px;overflow:hidden;border:2px solid oklch(22% .013 258 / .28);background:linear-gradient(180deg,#fdfcf7c2,#e6e1d47a),#f0ebdf66;box-shadow:0 3px #171b2157,inset 0 0 0 2px #fdfcf72e}.profile-cosmetic-preview-copy{display:grid;gap:6px;min-width:0;text-align:left;text-transform:uppercase}.profile-cosmetic-preview-copy strong{color:#11161e;font-family:var(--font-pixel);font-size:12px;font-weight:400;line-height:1}.profile-cosmetic-preview-copy em{overflow:hidden;color:#3d434ccc;font-family:var(--font-pixel-soft);font-size:11px;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.profile-cosmetic-creature{--inkling-preview-center: 41px;--inkling-preview-tentacle-width: 17px;position:relative;display:block;width:82px;height:82px;filter:none}.profile-cosmetic-creature:before{content:"";position:absolute;z-index:1;left:calc(var(--inkling-preview-center) - 31px);top:1px;width:62px;height:58px;border-radius:50% 50% 36% 36%/50% 50% 24% 24%;background:var(--cosmetic-body, oklch(10% .012 248));box-shadow:none}.profile-cosmetic-creature:after{content:none}.profile-cosmetic-creature i{position:absolute;z-index:3;top:19px;width:13px;height:16px;border-radius:50%;background:radial-gradient(circle at 58% 28%,rgba(255,255,255,.95) 0 1.5px,transparent 2px),radial-gradient(ellipse at 50% 58%,oklch(9% .018 258) 0 52%,transparent 54%),linear-gradient(180deg,#f4f2ec,#b9c6ce);box-shadow:0 0 0 1px #04080c94,inset 0 -2px #583a743d}.profile-cosmetic-creature i:nth-of-type(1){left:calc(var(--inkling-preview-center) - 18px);transform:rotate(-4deg)}.profile-cosmetic-creature i:nth-of-type(2){left:calc(var(--inkling-preview-center) + 5px);transform:rotate(4deg)}.profile-cosmetic-creature b{position:absolute;z-index:0;bottom:2px;width:var(--inkling-preview-tentacle-width);height:30px;border-top:0;border-radius:0 0 14px 14px;background:var(--cosmetic-body, oklch(10% .012 248));box-shadow:none}.profile-cosmetic-creature b:nth-of-type(1){left:calc(var(--inkling-preview-center) - 32.5px);height:28px;transform:rotate(7deg)}.profile-cosmetic-creature b:nth-of-type(2){left:calc(var(--inkling-preview-center) - 20.5px);height:34px;transform:rotate(2deg)}.profile-cosmetic-creature b:nth-of-type(3){left:calc(var(--inkling-preview-center) - 8.5px);height:35px;transform:rotate(0)}.profile-cosmetic-creature b:nth-of-type(4){left:calc(var(--inkling-preview-center) + 3.5px);height:34px;transform:rotate(-2deg)}.profile-cosmetic-creature b:nth-of-type(5){left:calc(var(--inkling-preview-center) + 15.5px);height:28px;transform:rotate(-7deg)}.skin-inkling-preview{--skin-preview-size: 82px;--skin-preview-frames: 4;--skin-preview-cycle: 1.12s;position:relative;display:block;flex:0 0 auto;width:var(--skin-preview-size);aspect-ratio:3 / 2;overflow:visible;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(8,12,18,.2))}.skin-inkling-preview__viewport{position:relative;display:block;width:100%;height:100%;overflow:hidden;animation:skinPreviewDrift var(--skin-preview-cycle) ease-in-out infinite alternate}.skin-inkling-preview__sheet{position:absolute;inset:0 auto auto 0;display:block;width:calc(100% * var(--skin-preview-frames));max-width:none;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;animation:skinPreviewFrames var(--skin-preview-cycle) steps(var(--skin-preview-frames),end) infinite}.skin-inkling-preview__sheet--soft{opacity:.12;filter:blur(.55px)}.skin-inkling-preview__sheet--sharp{opacity:1;filter:none}@keyframes skinPreviewFrames{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes skinPreviewDrift{0%{transform:translate(0)}to{transform:translate(2%,-2%)}}@media(prefers-reduced-motion:reduce){.skin-inkling-preview__viewport,.skin-inkling-preview__sheet{animation:none}.skin-inkling-preview__viewport,.skin-inkling-preview__sheet{transform:none}}.profile-cosmetic-slots{display:grid;grid-template-columns:1fr;gap:9px}.profile-cosmetic-chip{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:9px;row-gap:3px;align-items:center;min-height:64px;padding:9px 10px;border:2px solid oklch(22% .013 258 / .82);appearance:none;background:linear-gradient(180deg,#fdfcf7c2,#e6e1d48a),#f0ebdf;color:#11161e;font-family:var(--font-pixel);text-align:left;text-transform:uppercase;box-shadow:0 3px #171b21b3;cursor:pointer;transition:transform .12s ease,background .12s ease,filter .12s ease}.profile-cosmetic-swatch{grid-row:1 / 4;width:28px;height:28px;border:2px solid oklch(22% .013 258 / .78);background:var(--cosmetic-swatch, #070a0b);box-shadow:inset 0 0 0 2px #fdfcf75c,0 2px #171b2142}.profile-cosmetic-chip strong,.profile-cosmetic-chip em,.profile-cosmetic-chip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-cosmetic-chip strong{color:#11161e;font-size:14px;font-weight:400;line-height:1.1}.profile-cosmetic-chip em,.profile-cosmetic-chip small{color:#3d434cc7;font-family:var(--font-pixel-soft);font-style:normal;line-height:1.1}.profile-cosmetic-chip em{font-size:14px}.profile-cosmetic-chip small{font-size:14px;text-transform:uppercase}.profile-cosmetic-chip:hover,.profile-cosmetic-chip:focus-visible{transform:translateY(-1px);background:linear-gradient(180deg,#fdfcf7e6,#ece4d2a8),#f7f1e5}.profile-skin-card.is-selected{border-color:#9b731be6;background:radial-gradient(circle at 18% 0,oklch(92% .13 84 / .3),transparent 36%),linear-gradient(180deg,#fef5dfe0,#e8d5b3a8),#f1ebdb}.profile-skin-card.is-selected em{color:#8a4b00}.profile-skin-card.is-locked{cursor:default;filter:saturate(.62);opacity:.64}.profile-skin-card.is-locked:hover,.profile-skin-card.is-locked:focus-visible{transform:none;background:linear-gradient(180deg,#fdfcf7c2,#e6e1d48a),#f0ebdf}.profile-cosmetic-chip:focus-visible{outline:2px solid oklch(43% .12 28);outline-offset:3px}.profile-cosmetic-chip:active{transform:translateY(2px);box-shadow:0 1px #171b21b3}.profile-skin-card{grid-template-columns:72px minmax(0,1fr);min-height:92px}.profile-skin-card .skin-inkling-preview--card{--skin-preview-size: 62px;grid-row:1 / 4;justify-self:center}.settings-inkling-stage-swatch,.skin-picker-swatch{display:grid;place-items:center;border:0;background:transparent;box-shadow:none}.settings-inkling-stage-swatch{width:112px;height:86px}.skin-inkling-preview--settings{--skin-preview-size: 78px}.skin-picker-swatch{width:176px;height:176px}.skin-inkling-preview--picker{--skin-preview-size: 164px}.skin-picker-card.is-locked .skin-inkling-preview--picker{filter:drop-shadow(0 3px 0 rgba(8,12,18,.18))}.skin-picker-card.is-new:before{content:"";position:absolute;inset:8px 8px auto auto;z-index:5;display:block;width:14px;height:14px;border:0;border-radius:50%;background:#ff304d;box-shadow:0 0 4px #ff304df5,0 0 9px #ff304db8;opacity:1;pointer-events:none;transform-origin:center;animation:cosmetic-new-attention .26s ease-out 1}@media(prefers-reduced-motion:reduce){.skin-picker-card.is-new:before{animation:none;transform:none}}.lobby-avatar{display:grid;overflow:hidden;place-items:center}.lobby-avatar .skin-inkling-preview--lobby{--skin-preview-size: 48px}.lobby-cosmetic{grid-template-columns:46px minmax(0,1fr);min-height:54px}.lobby-cosmetic .skin-inkling-preview--lobby-chip{--skin-preview-size: 42px;grid-row:1 / 3}@media(max-width:860px){.settings-inkling-stage-swatch{width:80px;height:64px}.skin-inkling-preview--settings{--skin-preview-size: 60px}.skin-picker-swatch{width:144px;height:144px}.skin-inkling-preview--picker{--skin-preview-size: 132px}}@media(max-width:560px){.profile-skin-card{grid-template-columns:62px minmax(0,1fr);min-height:84px}.profile-skin-card .skin-inkling-preview--card{--skin-preview-size: 54px}}.profile-wallet{grid-column:1;grid-row:5;display:grid;grid-template-columns:auto minmax(0,auto);align-items:center;justify-content:start;gap:18px;align-self:stretch;justify-self:stretch;min-height:92px;margin-top:10px;padding:10px 0 8px}.profile-wallet-connect{display:grid;grid-column:3;grid-row:5;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:8px;margin-top:0;min-height:86px;padding:8px 12px;border:1px solid oklch(22% .013 258 / .13);border-radius:8px;background:radial-gradient(circle at 12% 16%,oklch(99% .006 88 / .36),transparent 32%),linear-gradient(180deg,#f0ebde94,#d9d4c752),#ece8de80;box-shadow:0 5px #171b2133,0 16px 32px #171b211a,inset 0 0 0 2px #fdfcf738}.wallet-actions{display:grid;grid-column:1;grid-row:2;align-self:center;justify-self:center;width:min(148px,100%);grid-template-columns:minmax(0,1fr);gap:8px}.profile-wallet-connect[data-wallet-state=connected] .wallet-actions,.profile-wallet-connect[data-wallet-state=wrong-network] .wallet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-wallet-connect[data-wallet-state=connected]{align-content:end;gap:7px;min-height:92px;padding:18px 0 0;border:0;background:transparent;box-shadow:none}.profile-wallet-connect[data-wallet-state=connected] .wallet-actions{width:min(64px,100%);grid-template-columns:minmax(0,1fr);justify-content:center}.profile-wallet-connect[data-wallet-state=wrong-network] .wallet-actions{width:min(330px,100%)}.profile-wallet-connect[data-wallet-state=connected] .wallet-disconnect-button{justify-self:center}@media(max-width:820px){.profile-wallet{grid-row:auto}.profile-wallet-connect{grid-column:1;grid-row:auto;grid-template-columns:1fr;grid-template-rows:auto auto}.wallet-actions{grid-column:1;grid-row:2}}.wallet-status{grid-column:1;grid-row:1;align-self:center;display:flex;align-items:center;justify-content:center;min-width:0;color:#101827;font-family:var(--font-pixel);font-size:12px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.82),0 10px 26px rgba(15,23,42,.13)}.wallet-status span{display:none;color:#2e333bc2;letter-spacing:.02em}.wallet-status strong{min-width:0;max-width:100%;overflow:hidden;padding:4px 8px;border-radius:5px;background:#171b2114;color:#323841;font-size:10px;font-weight:400;text-align:left;text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 0 0 0 1px #171b2114}.wallet-help{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;margin:0;border:0;clip:rect(0,0,0,0);color:#333840c2;font-family:var(--font-pixel-soft);font-size:13px;line-height:1.25;text-align:left;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.wallet-status,.wallet-help{grid-column:1;white-space:normal}}.profile-wallet-connect[data-wallet-state=connected] .wallet-status strong{padding:0;background:transparent;color:#333840ad;font-size:9px;box-shadow:none}.profile-wallet-connect[data-wallet-state=wrong-network] .wallet-status strong,.profile-wallet-connect[data-wallet-state=rejected] .wallet-status strong{background:#be9d882e;color:#714134}.profile-wallet-connect[aria-busy=true] .wallet-status strong{background:#171b210f;color:#565b63}.wallet-button{min-height:44px;padding-inline:10px;font-size:8px;background:linear-gradient(180deg,#ffffff2e,#eaf1f908),linear-gradient(90deg,#3e3e3e0f,#eee8d609);box-shadow:0 5px #111827bd,0 16px 34px #0f172a1f,inset 0 0 0 3px #ffffff2b}.wallet-disconnect-button{position:relative;min-height:46px;padding-left:30px;color:#592624;background:radial-gradient(circle at 18% 8%,oklch(99% .006 88 / .44),transparent 34%),linear-gradient(180deg,#f0ebdead,#e1c3be57),#ecded880;box-shadow:0 5px #5d232d94,0 14px 30px #5d232d1f,inset 0 0 0 2px #ffffff2e}.wallet-disconnect-button:before{content:"x";position:absolute;left:10px;top:50%;display:grid;place-items:center;width:14px;height:14px;border:2px solid currentColor;border-radius:4px;font-family:var(--font-pixel);font-size:7px;line-height:1;transform:translateY(-50%)}.profile-wallet-connect[data-wallet-state=connected] .wallet-disconnect-button{display:grid;place-items:center;width:58px;min-width:58px;min-height:52px;border:1px solid rgba(93,35,45,.26);border-radius:9px;padding:0;background:radial-gradient(circle at 32% 18%,oklch(99% .006 88 / .52),transparent 30%),linear-gradient(180deg,#fcf8eeeb,#e7c9c494),#ecded8ad;box-shadow:0 7px #5d232da8,0 18px 32px #5d232d2e,inset 0 3px #ffffff52,inset 0 -6px #5d232d1a}.profile-wallet-connect[data-wallet-state=connected] .wallet-disconnect-button:before{left:50%;width:18px;height:18px;border-radius:5px;background:#fdfcf76b;box-shadow:0 2px #5d232d29,inset 0 -2px #5d232d1f;transform:translate(-50%,-50%)}.profile-wallet-connect[data-wallet-state=connected] .wallet-disconnect-button .button-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.wallet-button.is-hidden{display:none}.hud{position:fixed;z-index:10;left:var(--game-hud-safe-x);right:var(--game-hud-safe-x);top:var(--game-hud-safe-y);display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start;pointer-events:none}.hud.is-hidden,.hud-cluster.is-hidden,.minimap.is-hidden,.leaderboard.is-hidden,.status-tray.is-hidden,.skill-hud.is-hidden,.low-hp-vignette.is-hidden,.danger-warning.is-hidden,.showdown-fx.is-hidden,.summary.is-hidden{display:none}.hud-cluster,.theme-switcher{display:grid;width:max-content;gap:4px;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.hud-left{align-items:start;gap:10px}.pause-button{display:inline-grid;grid-template-columns:auto auto;align-items:center;width:max-content;min-height:44px;margin-top:2px;padding:7px 10px 6px;gap:8px;border:1px solid oklch(22% .013 258 / .76);border-radius:4px;background:linear-gradient(180deg,#e9e4d89e,#d0cabd57),#e8e4dc8a;box-shadow:0 3px #171b21b8,0 10px 24px #171b2124,inset 0 0 0 2px #fdfcf73d;color:var(--ink-strong);cursor:pointer;font-family:var(--font-pixel-soft);font-size:14px;font-weight:700;line-height:1;pointer-events:auto;text-transform:uppercase;text-shadow:0 1px 0 oklch(98% .006 88 / .76);transition:transform .14s ease,color .14s ease,box-shadow .14s ease}.pause-button:hover{color:#ff174f;transform:none;box-shadow:0 3px #171b21b8,0 10px 24px #171b2124,inset 0 0 0 2px #fdfcf73d}.pause-button span{display:inline-grid;place-items:center;min-width:30px;height:18px;border-radius:3px;background:#171b21e0;color:#f0ebde;font-size:10px;text-shadow:none}.pause-button strong{font-weight:700}.hud-cluster [hidden]{display:none}.hp-hud{position:fixed;right:var(--game-hud-safe-x);bottom:var(--game-hud-safe-y);display:grid;gap:9px;width:260px;min-width:0;padding:0;pointer-events:auto;transition:filter .16s ease,transform .16s ease}.hp-label{display:flex;align-items:baseline;justify-content:space-between;gap:14px;color:#111827eb;font-family:var(--font-pixel-soft);font-size:17px;font-weight:700;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 12px rgba(238,232,214,.72),0 8px 22px rgba(0,0,0,.2);-webkit-text-stroke:.8px rgba(255,255,255,.62);paint-order:stroke fill}.hp-label span:before{content:"";display:inline-block;width:17px;height:15px;margin-right:7px;transform:translateY(2px);background:#b4233a;clip-path:polygon(13% 8%,38% 8%,50% 20%,62% 8%,87% 8%,100% 28%,100% 54%,50% 100%,0 54%,0 28%);image-rendering:pixelated;box-shadow:0 1px #ffffffa6}.hp-label strong{color:#b4233a;font-family:var(--font-mono);font-size:14px;font-weight:900}.hp-bar{position:relative;overflow:hidden;width:260px;height:24px;border:2px solid rgba(17,24,39,.8);background:linear-gradient(180deg,#1118274d,#1118271f),#eee8d66b;box-shadow:0 4px #111827b8,0 12px 24px #0f172a29,inset 0 0 0 2px #ffffff38}.hp-hud.is-low{filter:saturate(1.22)}.hp-hud.is-low .hp-label span,.hp-hud.is-low .hp-label strong{color:#ff174f}.hp-hud.is-low .hp-bar{animation:hpLowPulse .86s cubic-bezier(.22,1,.36,1) infinite alternate}.hp-hud.is-critical{transform:translateY(-2px)}.hp-hud.is-critical .hp-bar{animation:hpCriticalPulse .52s cubic-bezier(.22,1,.36,1) infinite alternate}#hpFill{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8f1028,#ff174f 54%,#ff667f),repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 3px,transparent 3px 12px);box-shadow:inset 0 2px #ffffff57,0 0 16px #ff174f57;transition:width .16s ease}.low-hp-vignette{position:fixed;inset:0;z-index:9;pointer-events:none;background:radial-gradient(circle at center,transparent 0 56%,rgba(255,23,79,.1) 78%,rgba(142,16,40,.2) 100%),linear-gradient(180deg,rgba(255,23,79,.07),transparent 24% 76%,rgba(255,23,79,.07));opacity:.72;animation:lowHpVignette .92s cubic-bezier(.22,1,.36,1) infinite alternate}.low-hp-vignette.is-critical{background:radial-gradient(circle at center,transparent 0 48%,rgba(255,23,79,.15) 74%,rgba(142,16,40,.3) 100%),linear-gradient(180deg,rgba(255,23,79,.11),transparent 22% 78%,rgba(255,23,79,.11));animation-duration:.56s}.theme-switcher{display:inline-flex;justify-self:end;gap:8px;pointer-events:auto}#zoneValue{min-width:84px;padding:0;background:transparent;color:#111827e6;font-family:var(--font-pixel-soft);font-size:clamp(20px,2.8vw,38px);font-weight:800;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.82),0 0 7px rgba(238,232,214,.38),0 7px 14px rgba(0,0,0,.2);-webkit-text-stroke:.56px rgba(255,255,255,.42);paint-order:stroke fill;animation:zoneWarningFloat 1.3s cubic-bezier(.22,1,.36,1) infinite alternate}.hud-center{position:fixed;left:50%;top:68px;justify-self:center;transform:translate(-50%)}.hud-center span{min-width:0;color:#111827e0;font-family:var(--font-pixel);font-size:clamp(16px,1.8vw,24px);text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.78),0 0 7px rgba(238,232,214,.36),0 7px 14px rgba(0,0,0,.18)}.hud-center.is-critical #zoneValue{color:#ff174f;font-size:clamp(58px,7.6vw,118px);animation:criticalZonePop 1s cubic-bezier(.16,1,.3,1) infinite;text-shadow:0 2px 0 rgba(255,255,255,.82),0 0 14px rgba(255,23,79,.38),0 9px 18px rgba(15,23,42,.2)}.theme-button{height:34px;padding:0 12px;font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--muted)}.theme-button.is-active{color:#fff;background:var(--ink)}.minimap{position:fixed;z-index:10;left:var(--game-hud-safe-x);bottom:var(--game-hud-safe-y);width:180px;height:180px;border:1px solid rgba(17,24,39,.48);background:#1212116b;background-image:linear-gradient(90deg,rgba(238,232,214,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(238,232,214,.035) 1px,transparent 1px),radial-gradient(circle at 30% 18%,rgba(238,232,214,.08),transparent 38%);background-size:24px 24px,24px 24px,100% 100%;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 42px #0f172a3d,0 0 0 2px #eee8d621,0 0 0 7px #11182714,inset 0 0 34px #eee8d614,inset 0 0 0 1px #eee8d633}.leaderboard{position:fixed;z-index:10;right:var(--game-hud-safe-x);top:var(--game-hud-safe-y);width:224px;padding:8px 10px 10px;border:1px solid rgba(17,24,39,.18);border-radius:4px;background:radial-gradient(circle at 18% 0%,rgba(255,252,242,.28),transparent 42%),linear-gradient(180deg,#eee8d675,#eee8d633);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 3px #11182742,0 14px 30px #0f172a21,inset 0 0 0 1px #fffcf242;pointer-events:none}.leaderboard-title{padding:0 2px 8px;color:#111827d1;font-family:var(--font-pixel-soft);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 12px rgba(238,232,214,.74),0 8px 20px rgba(0,0,0,.24);-webkit-text-stroke:.65px rgba(255,255,255,.56);paint-order:stroke fill}.leaderboard ol{display:grid;gap:3px;margin:0;padding:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:24px minmax(0,1fr) 48px;align-items:center;gap:7px;min-height:27px;padding:3px 5px;border-radius:3px;background:#fffcf229;font-family:var(--font-pixel-soft);font-size:14px;font-weight:700;color:#111827e6;text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 8px rgba(238,232,214,.6),0 8px 20px rgba(0,0,0,.18);-webkit-text-stroke:.65px rgba(255,255,255,.5);paint-order:stroke fill}.leaderboard li.leaderboard-gap{display:block;min-height:16px;color:#494138b3;font-family:var(--font-pixel-soft);text-align:center;letter-spacing:3px}.leaderboard li.is-player{color:#101827;background:linear-gradient(90deg,#ff4d6d24,#fffcf247),#fffcf23d;box-shadow:inset 0 0 0 1px #ff4d6d6b}.leaderboard li.is-player .rank,.leaderboard li.is-player .length{color:#ff174f}.leaderboard .rank{color:var(--muted);text-align:right}.leaderboard .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard .length{color:#7a2e39;text-align:right}.status-tray{display:grid;grid-auto-columns:26px;grid-auto-flow:column;grid-template-columns:none;gap:5px;width:max-content;margin-top:2px;pointer-events:auto}.hp-hud .status-tray{position:absolute;right:calc(100% + 22px);bottom:0;grid-template-columns:none;justify-self:auto;margin:0}.status-effect{--status-angle: 360deg;--status-ring: rgba(126, 36, 50, .84);--status-ring-empty: rgba(5, 10, 18, .48);--status-ring-soft: rgba(126, 36, 50, .09);--status-slot: rgba(5, 9, 16, .92);--status-slot-top: rgba(21, 28, 39, .86);--status-slot-border: rgba(199, 224, 235, .14);--status-icon: rgba(220, 237, 245, .86);--status-shadow: rgba(3, 6, 12, .14);position:relative;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(2,8,17,.5);border-radius:50%;padding:0;background:#05091038;box-shadow:0 1px #03060c5c,0 3px 7px var(--status-shadow),inset 0 0 0 1px #ffffff09;color:var(--status-icon);font-family:var(--font-pixel-soft);opacity:.92;outline:none;pointer-events:auto;text-transform:uppercase;transition:filter .14s ease,opacity .14s ease,box-shadow .14s ease}.status-effect:before{content:"";position:absolute;z-index:1;inset:3px;border:1px solid var(--status-slot-border);border-radius:50%;background:radial-gradient(circle at 36% 26%,rgba(255,255,255,.07),transparent 26%),linear-gradient(180deg,var(--status-slot-top),var(--status-slot));box-shadow:inset 0 0 0 1px #00000038,inset 0 -3px 7px #00000038}.status-effect:after{content:"";position:absolute;z-index:2;inset:3px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff0e;pointer-events:none}.status-effect:focus-visible,.status-effect:hover{filter:brightness(1.08) saturate(1.06);opacity:1;box-shadow:0 1px #03060c61,0 4px 10px #03060c29,0 0 0 1px #dcedf514}.status-effect__ring{position:absolute;inset:0;z-index:2;width:26px;height:26px;overflow:visible;pointer-events:none;transform:rotate(-90deg)}.status-effect__ring-track,.status-effect__ring-progress{fill:none;stroke-width:1.35px;vector-effect:non-scaling-stroke}.status-effect__ring-track{stroke:var(--status-ring-empty)}.status-effect__ring-progress{stroke:var(--status-ring);stroke-dasharray:var(--status-dash) var(--status-gap);stroke-linecap:butt}.status-effect__icon{position:relative;z-index:3;display:grid;place-items:center;width:16px;height:15px;color:var(--status-icon);font-family:var(--font-mono);font-size:7px;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 5px rgba(255,255,255,.08);-webkit-text-stroke:.14px rgba(0,0,0,.46);paint-order:stroke fill}.status-effect__time{display:none}.status-effect__tooltip{position:absolute;left:calc(100% + 10px);top:50%;z-index:30;width:max-content;max-width:210px;padding:7px 9px;border:1px solid rgba(17,24,39,.22);border-radius:4px;background:linear-gradient(180deg,#f6f1e7f5,#e0dacef0);box-shadow:0 3px #1118276b,0 12px 22px #0f172a33,inset 0 0 0 1px #ffffff52;color:#111827f0;font-family:var(--font-pixel-soft);font-size:10px;line-height:1.35;opacity:0;pointer-events:none;text-transform:none;transform:translateY(-50%) scale(.98);transition:opacity .12s ease,transform .12s ease;white-space:normal}.status-effect:hover .status-effect__tooltip,.status-effect:focus-visible .status-effect__tooltip{opacity:1;transform:translateY(-50%) scale(1)}.hp-hud .status-effect__tooltip{right:0;left:auto;top:auto;bottom:calc(100% + 9px);transform:translate(0) scale(.98)}.hp-hud .status-effect:hover .status-effect__tooltip,.hp-hud .status-effect:focus-visible .status-effect__tooltip{transform:translate(0) scale(1)}.status-effect--speed{--status-icon: rgba(255, 211, 92, .92);--status-ring-soft: rgba(126, 36, 50, .09)}.status-effect--showdown{--status-icon: rgba(255, 217, 130, .84)}.status-effect--crown{--status-icon: rgba(255, 219, 112, .94)}.status-effect--kill{--status-ring: rgba(255, 211, 92, .9);--status-ring-soft: rgba(255, 211, 92, .15);--status-icon: rgba(255, 226, 136, .96)}.status-effect--low-hp{--status-ring: rgba(132, 38, 53, .86);--status-ring-soft: rgba(132, 38, 53, .1);--status-icon: rgba(183, 58, 74, .84)}.status-effect--danger{--status-ring: rgba(134, 40, 54, .86);--status-icon: rgba(176, 70, 80, .82)}.status-effect--hazard{--status-ring: rgba(194, 92, 106, .82);--status-ring-soft: rgba(167, 66, 81, .12);--status-slot: rgba(11, 8, 12, .94);--status-slot-top: rgba(34, 20, 26, .9);--status-icon: rgba(222, 126, 138, .92)}.status-effect--speed .status-effect__icon{width:14px;height:13px;filter:drop-shadow(0 0 4px rgba(255,211,92,.18))}.status-effect--speed .status-effect__icon:before,.status-effect--speed .status-effect__icon:after{content:"";position:absolute;left:3px;width:7px;height:7px;border-top:1.8px solid var(--status-icon);border-left:1.8px solid var(--status-icon);transform:rotate(45deg)}.status-effect--speed .status-effect__icon:before{top:1px}.status-effect--speed .status-effect__icon:after{top:6px}.status-effect--crown .status-effect__icon{width:17px;height:13px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M9%2057L14%2018L35%2033L48%208L61%2033L82%2018L87%2057Z'%20fill='%23f3c92e'%20stroke='%23111827'%20stroke-width='4'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M17%2048H79'%20fill='none'%20stroke='%23fff08a'%20stroke-width='4'%20stroke-linecap='square'%20/%3e%3c/svg%3e") center / contain no-repeat;filter:drop-shadow(0 1px 0 rgba(0,0,0,.62)) drop-shadow(0 0 5px rgba(255,214,86,.22));transform:translateY(-1px)}.status-effect--kill .status-effect__icon{width:17px;height:14px;font-size:8px;letter-spacing:0;text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 5px rgba(255,218,104,.18)}.status-effect--low-hp .status-effect__icon{width:15px;height:13px;background:var(--status-icon);clip-path:polygon(7% 12%,34% 12%,50% 27%,66% 12%,93% 12%,100% 32%,100% 54%,50% 100%,0 54%,0 32%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.58))}.status-effect--low-hp .status-effect__icon:before{content:"";position:absolute;inset:2px 6px 2px 7px;background:var(--status-slot);clip-path:polygon(0 0,100% 0,55% 32%,100% 32%,42% 68%,70% 68%,16% 100%,0 100%,42% 64%,16% 64%,68% 28%,28% 28%)}.status-effect--danger .status-effect__icon{border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 34% 42%,var(--status-slot) 0 8%,transparent 9%),radial-gradient(circle at 66% 42%,var(--status-slot) 0 8%,transparent 9%),linear-gradient(90deg,transparent 0 39%,var(--status-slot) 39% 61%,transparent 61%),linear-gradient(180deg,var(--status-icon) 0 72%,rgba(145,39,52,.72) 72% 100%);box-shadow:0 1px #00000080}.status-effect--hazard .status-effect__icon{font-family:var(--font-mono);font-size:10px;text-shadow:0 1px 0 rgba(0,0,0,.72),0 0 5px rgba(194,92,106,.22)}.skill-hud{position:fixed;z-index:10;left:50%;bottom:var(--game-hud-safe-y);display:grid;justify-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.skill-orb{--cooldown: 0deg;position:relative;overflow:hidden;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;border:1px solid rgba(17,24,39,.16);background:radial-gradient(circle at center,rgba(255,255,255,.92) 0 58%,transparent 60%),conic-gradient(from -90deg,#525252db calc(360deg - var(--cooldown)),#0f172a2e 0);box-shadow:0 18px 42px #0f172a29,inset 0 0 0 8px #ffffffa8;text-align:center;transition:transform .16s ease,filter .16s ease}.skill-orb:before{content:"";position:absolute;left:50%;top:49%;width:44px;height:34px;transform:translate(-50%,-50%) rotate(-11deg);border-radius:54% 46% 48% 52%;background:radial-gradient(circle at 22% 18%,rgba(3,7,18,.96) 0 16%,transparent 17%),radial-gradient(circle at 82% 28%,rgba(3,7,18,.95) 0 13%,transparent 14%),radial-gradient(circle at 68% 84%,rgba(3,7,18,.92) 0 12%,transparent 13%),radial-gradient(circle at 35% 72%,rgba(3,7,18,.95) 0 18%,transparent 19%),radial-gradient(ellipse at center,rgba(3,7,18,.96) 0 58%,transparent 60%);filter:drop-shadow(0 2px 5px rgba(3,7,18,.22))}.skill-key,.skill-name,.skill-cooldown{position:relative;z-index:2;display:block;line-height:1}.skill-key{min-width:68px;color:var(--muted);font-family:var(--font-pixel-soft);font-size:12px;font-weight:700;text-align:center;text-transform:uppercase}.skill-name{margin-top:5px;width:46px;height:24px;overflow:hidden;color:transparent;font-size:0;font-weight:900}.skill-cooldown{min-width:68px;margin-top:7px;color:#ff174f;font-family:var(--font-pixel-soft);font-size:12px;font-weight:700;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.82),0 0 8px rgba(238,232,214,.58)}.skill-orb.has-crown{box-shadow:0 18px 42px #0f172a29,0 0 28px #f6d35e38,inset 0 0 0 8px #ffffffa8}.skill-orb.has-crown:before{z-index:1;width:62px;height:46px;top:47%;transform:translate(-50%,-50%);border-radius:0;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M9%2057L14%2018L35%2033L48%208L61%2033L82%2018L87%2057Z'%20fill='%23f3c92e'%20stroke='%23111827'%20stroke-width='4'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M17%2048H79'%20fill='none'%20stroke='%23fff08a'%20stroke-width='4'%20stroke-linecap='square'%20/%3e%3c/svg%3e") center / contain no-repeat;image-rendering:auto;filter:drop-shadow(0 1px 0 rgba(17,24,39,.18)) drop-shadow(0 0 6px rgba(246,211,94,.2))}.skill-orb.has-crown:after{display:none}.skill-orb.is-ready{filter:saturate(1.18);animation:skillReadyPulse 1.8s ease-in-out infinite}.skill-orb.is-ready:not(.has-crown):before{animation:inkJumpGlyphReady 1.45s cubic-bezier(.22,1,.36,1) infinite}.skill-orb.has-crown.is-ready:before{animation:crownSpriteReady 1.7s cubic-bezier(.22,1,.36,1) infinite}.skill-orb.is-cooling{filter:saturate(.72)}.skill-orb.is-low{filter:grayscale(.4) saturate(.6)}.gameplay-tutorial{--tutorial-angle: 0deg;--tutorial-progress: 0%;position:fixed;inset:0;z-index:24;pointer-events:none}.gameplay-tutorial.is-hidden,.gameplay-tutorial__skip.is-hidden,.gameplay-tutorial__focus.is-hidden,.gameplay-tutorial__movement.is-hidden,.gameplay-tutorial__actions.is-hidden{display:none}.gameplay-tutorial__skip{position:fixed;top:var(--game-hud-safe-y);left:calc(var(--game-hud-safe-x) + 132px);min-width:240px;min-height:48px;padding:10px 20px;transform:none;border:2px solid rgba(255,252,242,.92);border-radius:7px;background:#111827eb;box-shadow:0 3px #111827d1,0 14px 30px #0f172a47;color:#fffdf5;cursor:pointer;font-family:var(--font-pixel-soft);font-size:14px;font-weight:900;letter-spacing:.04em;line-height:1.15;pointer-events:auto;text-transform:uppercase}.gameplay-tutorial__skip:hover{border-color:#ff5a79;background:#111827;color:#ff8da3}.gameplay-tutorial__skip:focus-visible{outline:3px solid #f3c92e;outline-offset:3px}.gameplay-tutorial__card{position:fixed;top:calc(var(--game-hud-safe-y) + 64px);left:var(--game-hud-safe-x);display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;width:min(326px,calc(100vw - var(--game-hud-safe-x) * 2));min-height:118px;padding:13px 14px 14px;border:2px solid rgba(17,24,39,.82);border-radius:7px;background:linear-gradient(180deg,#fffdf6fa,#eee8d6f0),#fffdf5;box-shadow:0 4px #111827c2,0 18px 38px #0f172a3d,inset 0 0 0 1px #ffffff8c;color:#111827;font-family:var(--font-pixel-soft);pointer-events:none}.gameplay-tutorial__card:after{content:"";grid-column:1 / -1;display:block;width:var(--tutorial-progress);height:5px;border-radius:999px;background:linear-gradient(90deg,#ff174f,#f3c92e);box-shadow:0 0 12px #ff174f4d;transition:width .18s ease-out}.gameplay-tutorial__step{display:inline-grid;place-items:center;align-self:start;min-width:42px;min-height:28px;padding:3px 6px;border-radius:5px;background:#111827;color:#fffdf5;font-size:14px;font-weight:900}.gameplay-tutorial__card strong{align-self:center;min-width:0;color:#111827;font-size:16px;line-height:1.18;text-transform:uppercase}.gameplay-tutorial__card>span:not(.gameplay-tutorial__step){grid-column:1 / -1;color:#111827db;font-size:14px;font-weight:750;line-height:1.35}.gameplay-tutorial__actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:3px;pointer-events:auto}.gameplay-tutorial__action{min-height:48px;padding:10px 12px;border:2px solid #111827;border-radius:6px;background:#fffdf5;box-shadow:0 3px #111827;color:#111827;cursor:pointer;font-family:var(--font-pixel-soft);font-size:14px;font-weight:900;line-height:1.2;text-transform:uppercase}.gameplay-tutorial__action:hover{border-color:#ff174f;color:#be123c;transform:translateY(-1px)}.gameplay-tutorial__action:active{box-shadow:0 1px #111827;transform:translateY(2px)}.gameplay-tutorial__action:focus-visible{outline:3px solid #f3c92e;outline-offset:3px}.gameplay-tutorial__action--primary{background:#ff174f;color:#fffdf5}.gameplay-tutorial.is-complete-step .gameplay-tutorial__card{top:50%;left:50%;width:min(390px,calc(100vw - var(--game-hud-safe-x) * 2));min-height:176px;transform:translate(-50%,-50%);pointer-events:auto}.is-tutorial-concealed{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.gameplay-tutorial__focus,.gameplay-tutorial__movement{position:fixed;top:50%;left:50%;width:190px;height:190px;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none}.gameplay-tutorial__focus{display:grid;place-items:center}.gameplay-tutorial__focus:before,.gameplay-tutorial__focus:after,.gameplay-tutorial__focus span{content:"";position:absolute;border-radius:50%}.gameplay-tutorial__focus:before{inset:37px;border:4px solid #fffdf5;box-shadow:0 0 0 4px #ff174f,0 0 30px #ff174f8f;animation:gameplayTutorialFocusPulse 1s ease-in-out infinite}.gameplay-tutorial__focus:after{inset:17px;border:2px dashed rgba(255,253,245,.82)}.gameplay-tutorial__focus span{right:18px;bottom:28px;width:16px;height:16px;background:#f3c92e;box-shadow:0 0 0 3px #111827}.gameplay-tutorial__movement{transform:translate(-50%,-50%) rotate(var(--tutorial-angle))}.gameplay-tutorial__arrow{position:absolute;top:calc(50% - 10px);left:calc(50% + 54px);width:64px;height:20px;border-radius:999px;background:linear-gradient(90deg,#fffcf200,#fffcf2f5 28%,#ff174f 84%);box-shadow:0 0 18px #ff174f6b,0 0 0 2px #11182747;animation:gameplayTutorialArrowPulse .72s ease-in-out infinite}.gameplay-tutorial__arrow:after{content:"";position:absolute;top:50%;right:-13px;width:0;height:0;transform:translateY(-50%);border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid #ff174f;filter:drop-shadow(0 0 8px rgba(255,23,79,.45))}.gameplay-tutorial__trail{position:absolute;top:calc(50% - 2px);left:calc(50% + 18px);width:44px;height:4px;border-radius:999px;background:#fffcf2c7;box-shadow:-12px 0 #fffcf26b,-25px 0 #fffcf23d}.hp-hud.is-tutorial-highlight,.leaderboard.is-tutorial-highlight,.minimap.is-tutorial-highlight,.status-tray.is-tutorial-highlight,.skill-hud.is-tutorial-highlight .skill-orb,.skill-orb.is-tutorial-highlight{animation:gameplayTutorialTargetPulse .9s ease-in-out infinite;outline:4px solid #fffdf5;outline-offset:4px;box-shadow:0 0 0 8px #ff174f94,0 0 34px #ff174f8a,0 18px 42px #0f172a38}.hp-hud.is-tutorial-highlight,.leaderboard.is-tutorial-highlight,.minimap.is-tutorial-highlight,.status-tray.is-tutorial-highlight,.skill-hud.is-tutorial-highlight{z-index:25}html.theme-ui-dark .gameplay-tutorial__card{border-color:#e0f2fed1;background:linear-gradient(180deg,#0d1828fa,#08111ff5),#0b1524;color:#f8fbff;box-shadow:0 4px #030812e0,0 18px 42px #0000006b,inset 0 0 0 1px #7cecff24}html.theme-ui-dark .gameplay-tutorial__card strong{color:#f8fbff}html.theme-ui-dark .gameplay-tutorial__card>span:not(.gameplay-tutorial__step){color:#e0f2fedb}html.theme-ui-dark .gameplay-tutorial__step{background:#7cecff;color:#07111f}html.theme-ui-dark .gameplay-tutorial__action{border-color:#7cecff;background:#101d31;box-shadow:0 3px #050a12;color:#e0f2fe}html.theme-ui-dark .gameplay-tutorial__action--primary{border-color:#ff8da3;background:#ff174f;color:#fffdf5}@keyframes gameplayTutorialArrowPulse{0%,to{opacity:.72;transform:translate(0)}50%{opacity:1;transform:translate(8px)}}@keyframes gameplayTutorialFocusPulse{0%,to{transform:scale(.94)}50%{transform:scale(1.05)}}@keyframes gameplayTutorialTargetPulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.28) brightness(1.07)}}@media(max-width:1050px),(max-height:620px){.gameplay-tutorial__card{top:calc(var(--game-hud-safe-y) + 60px);width:min(294px,calc(100vw - var(--game-hud-safe-x) * 2));min-height:104px;padding:10px 12px 11px;gap:6px 8px}.gameplay-tutorial__focus,.gameplay-tutorial__movement{width:160px;height:160px}}@media(max-width:760px){.gameplay-tutorial__skip{right:var(--game-hud-safe-x);left:auto;min-width:176px;transform:none}.gameplay-tutorial__card{right:var(--game-hud-safe-x);left:var(--game-hud-safe-x);width:auto}}@media(prefers-reduced-motion:reduce){.gameplay-tutorial__card:after{transition:none}.gameplay-tutorial__arrow,.gameplay-tutorial__focus:before,.hp-hud.is-tutorial-highlight,.leaderboard.is-tutorial-highlight,.minimap.is-tutorial-highlight,.status-tray.is-tutorial-highlight,.skill-hud.is-tutorial-highlight .skill-orb,.skill-orb.is-tutorial-highlight{animation:none!important}}.kill-toast{position:fixed;z-index:14;left:50%;top:clamp(210px,28vh,260px);transform:translate(-50%);padding:0;border:0;background:transparent;color:#d92f35;font-family:var(--font-pixel);font-size:clamp(16px,2vw,28px);line-height:1;pointer-events:none;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.24),0 2px 0 rgba(9,16,27,.74),0 0 18px oklch(58% .205 25 / .42),0 14px 28px oklch(22% .013 258 / .28);-webkit-text-stroke:.68px rgba(9,16,27,.82);paint-order:stroke fill;box-shadow:none;align-items:center;gap:7px;min-width:56px;justify-content:center}.kill-toast:not(.is-hidden){display:flex}.kill-toast__plus{color:#11151d;font-size:clamp(22px,2.8vw,38px);text-shadow:-1px -1px 0 rgba(255,250,238,.92),1px -1px 0 rgba(255,250,238,.92),-1px 1px 0 rgba(255,250,238,.92),1px 1px 0 rgba(255,250,238,.92);-webkit-text-stroke:0}.kill-toast__ghost{width:clamp(32px,4vw,48px);height:clamp(32px,4vw,48px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(8,10,16,.74))}.kill-toast.is-hidden{display:none}.kill-toast.is-popping{animation:killToastPop 1.08s cubic-bezier(.16,1,.3,1) forwards}.locked-toast{position:fixed;z-index:24;left:50%;bottom:clamp(22px,4.5vh,48px);transform:translate(-50%);padding:12px 18px;border:2px solid oklch(22% .013 258 / .46);border-radius:5px;background:radial-gradient(circle at 22% 16%,oklch(98% .006 88 / .76),transparent 36%),linear-gradient(180deg,#f0ebdee6,#d6d1c4d1);box-shadow:0 5px #171b215c,0 24px 52px #171b212e,inset 0 0 0 3px #fdfcf73d;color:#ff174f;font-family:var(--font-pixel);font-size:clamp(10px,1.4vw,14px);line-height:1.4;pointer-events:none;text-align:center;text-transform:uppercase}.locked-toast.is-hidden{display:none}.locked-toast.is-popping{animation:lockedToastPop 1.45s cubic-bezier(.16,1,.3,1) forwards}.emote-wheel{position:fixed;z-index:24;left:50%;bottom:112px;width:min(500px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}.emote-wheel.is-hidden{display:none}.emote-wheel-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vw,12px);padding:8px;border:0;background:transparent;box-shadow:none;pointer-events:auto}@media(max-width:620px){.emote-wheel{bottom:102px}.emote-wheel-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@property --emote-cooldown{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.emote-wheel-button{--emote-cooldown-start: 0deg;--emote-cooldown: 0deg;--emote-cooldown-duration: 0ms;--emote-tone: oklch(42% .036 258);--emote-tone-soft: oklch(42% .036 258 / .16);position:relative;display:grid;grid-template-rows:1fr;align-items:center;justify-items:center;min-width:0;min-height:70px;padding:10px;overflow:hidden;border:3px solid oklch(15% .018 258);border-radius:21px;background:radial-gradient(circle at 22% 22%,oklch(100% 0 0 / .78) 0 11%,transparent 12%),linear-gradient(180deg,#fffffff0,#eeebe2bd),#fdfcf7e6;color:var(--ink-strong);cursor:pointer;font-family:var(--font-pixel);line-height:1;text-shadow:0 1px 0 oklch(99% .006 88 / .7);box-shadow:none;filter:none;transition:transform .12s ease,border-color .12s ease}.emote-wheel-button:before,.emote-wheel-button:after{display:none;content:none}.emote-wheel-button>span,.emote-wheel-button strong,.emote-wheel-button .emote-wheel-art,.emote-wheel-button em{position:relative;z-index:2}.emote-wheel-button>span:not(.emote-wheel-art){position:absolute;top:6px;left:6px;display:inline-grid;min-width:28px;height:28px;padding:0 5px;place-items:center;border:2px solid oklch(99% .006 88 / .76);border-radius:7px;background:#0d121ae6;box-shadow:0 2px #070b13b8;color:#fdfcf7;font-size:14px;line-height:1;text-shadow:none}.emote-wheel-button strong{overflow:hidden;max-width:100%;color:#0d121a;font-size:clamp(14px,1.6vw,18px);font-weight:400;line-height:.98;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.emote-wheel-button .emote-wheel-art{display:block;width:64px;height:64px;max-width:100%;object-fit:contain}.emote-wheel-button .emote-wheel-art.emote-asset-strip{width:64px;height:64px;object-fit:initial}.emote-wheel-button em{display:none}.emote-wheel-button:hover,.emote-wheel-button:focus-visible{border-color:#070b13;transform:translateY(-2px);box-shadow:none;filter:none}.emote-wheel-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;box-shadow:var(--focus-ring-shadow)}.emote-wheel-button:active{transform:translateY(2px);box-shadow:none;filter:none}.emote-wheel-button.is-cooling{cursor:not-allowed;transform:none}.emote-wheel-button.is-cooling:before{content:"";position:absolute;inset:0;z-index:1;display:block;background:conic-gradient(from 0deg,oklch(42% .004 258 / .16) var(--emote-cooldown),transparent 0);animation:emoteWheelCooldownSweep var(--emote-cooldown-duration) linear forwards;pointer-events:none}@keyframes emoteWheelCooldownSweep{0%{--emote-cooldown: var(--emote-cooldown-start)}to{--emote-cooldown: 0deg}}.emote-tone-warm{--emote-tone: oklch(56% .118 35);--emote-tone-soft: oklch(56% .118 35 / .18)}.emote-tone-prize{--emote-tone: oklch(66% .115 78);--emote-tone-soft: oklch(66% .115 78 / .2)}.emote-tone-alert{--emote-tone: oklch(52% .16 25);--emote-tone-soft: oklch(52% .16 25 / .18)}.emote-tone-ink{--emote-tone: oklch(55% .082 185);--emote-tone-soft: oklch(55% .082 185 / .18)}.emote-tone-action{--emote-tone: oklch(57% .18 255);--emote-tone-soft: oklch(57% .18 255 / .18)}@media(prefers-reduced-motion:reduce){.emote-wheel-button,.emote-wheel-button:hover,.emote-wheel-button:focus-visible,.emote-wheel-button:active{transform:none}}.showdown-fx{position:fixed;z-index:18;inset:0;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;row-gap:clamp(10px,1.8vw,22px);overflow:hidden;pointer-events:none;text-align:center;text-transform:uppercase;isolation:isolate}.showdown-fx__word{position:relative;z-index:2;display:inline-block;padding:.05em .1em .12em;color:#d70011;color:oklch(55% .245 27);font-family:var(--font-pixel);font-size:clamp(44px,7vw,106px);line-height:.9;letter-spacing:0;-webkit-text-stroke:clamp(2px,.22vw,4px) oklch(12% .02 258 / .98);text-shadow:0 3px 0 oklch(82% .17 72 / .92),0 7px 0 oklch(15% .018 258 / .78),0 15px 28px oklch(17% .04 28 / .32);transform-origin:50% 56%;opacity:0}.showdown-fx__word:after{content:attr(data-text);position:absolute;inset:.05em 0 0;z-index:-1;color:#760009b8;color:oklch(35% .2 25 / .72);-webkit-text-stroke:clamp(2px,.22vw,4px) oklch(12% .02 258 / .72);transform:translate(.045em,.055em)}.showdown-fx__speed{position:relative;z-index:3;display:block;padding:8px 11px 7px;border:2px solid oklch(18% .016 258 / .86);border-radius:3px;color:#0b1016;background:#f7f5f1db;box-shadow:0 4px #0a0d1375,0 10px 18px #0a0d132e;font-family:var(--font-pixel);font-size:clamp(10px,1.35vw,15px);line-height:1;letter-spacing:0;opacity:0;transform:translateY(8px) scale(.92)}.showdown-fx:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:clamp(180px,32vw,460px);aspect-ratio:1;border:clamp(3px,.42vw,7px) solid oklch(82% .17 72 / .88);border-radius:50%;box-shadow:0 0 0 8px #d700112e,0 0 38px #d700113d;box-shadow:0 0 0 8px oklch(55% .245 27 / .18),0 0 38px oklch(55% .245 27 / .24);opacity:0;transform:translate(-50%,-50%) scale(.18)}.showdown-fx__pixels{position:absolute;z-index:1;left:50%;top:calc(50% - clamp(30px,4.2vw,60px));width:min(760px,calc(100vw - 32px));height:clamp(96px,14vw,190px);transform:translate(-50%);pointer-events:none}.showdown-fx__pixels span{position:absolute;left:50%;top:42%;width:var(--pixel-size, clamp(9px, .92vw, 16px));height:var(--pixel-size, clamp(9px, .92vw, 16px));background:var(--pixel-color, oklch(56% .245 27));border:1px solid oklch(12% .02 258 / .72);box-shadow:0 2px #03060d7a,0 0 12px #d7001133;box-shadow:0 2px #03060d7a,0 0 12px oklch(55% .245 27 / .2);opacity:0;transform:translate(var(--pixel-x, 0),var(--pixel-y, 0)) scale(.65) rotate(0)}.showdown-fx__pixels span:nth-child(1){--pixel-x: -260px;--pixel-y: -10px;--pixel-drop-x: -46px;--pixel-drop-y: 96px;--pixel-rotate: -74deg}.showdown-fx__pixels span:nth-child(2){--pixel-x: -208px;--pixel-y: 22px;--pixel-drop-x: -34px;--pixel-drop-y: 126px;--pixel-rotate: 68deg;--pixel-color: oklch(82% .17 72)}.showdown-fx__pixels span:nth-child(3){--pixel-x: -150px;--pixel-y: -18px;--pixel-drop-x: -22px;--pixel-drop-y: 104px;--pixel-rotate: -38deg;--pixel-size: clamp(6px, .62vw, 10px)}.showdown-fx__pixels span:nth-child(4){--pixel-x: -94px;--pixel-y: 20px;--pixel-drop-x: -18px;--pixel-drop-y: 136px;--pixel-rotate: 54deg}.showdown-fx__pixels span:nth-child(5){--pixel-x: -34px;--pixel-y: -14px;--pixel-drop-x: -8px;--pixel-drop-y: 118px;--pixel-rotate: -52deg;--pixel-color: oklch(82% .17 72)}.showdown-fx__pixels span:nth-child(6){--pixel-x: 28px;--pixel-y: 18px;--pixel-drop-x: 6px;--pixel-drop-y: 132px;--pixel-rotate: 48deg}.showdown-fx__pixels span:nth-child(7){--pixel-x: 84px;--pixel-y: -16px;--pixel-drop-x: 16px;--pixel-drop-y: 104px;--pixel-rotate: -44deg;--pixel-size: clamp(6px, .62vw, 10px)}.showdown-fx__pixels span:nth-child(8){--pixel-x: 140px;--pixel-y: 22px;--pixel-drop-x: 24px;--pixel-drop-y: 138px;--pixel-rotate: 58deg;--pixel-color: oklch(82% .17 72)}.showdown-fx__pixels span:nth-child(9){--pixel-x: 198px;--pixel-y: -12px;--pixel-drop-x: 34px;--pixel-drop-y: 112px;--pixel-rotate: -64deg}.showdown-fx__pixels span:nth-child(10){--pixel-x: 250px;--pixel-y: 18px;--pixel-drop-x: 46px;--pixel-drop-y: 130px;--pixel-rotate: 74deg}.showdown-fx__pixels span:nth-child(11){--pixel-x: -284px;--pixel-y: 30px;--pixel-drop-x: -56px;--pixel-drop-y: 148px;--pixel-rotate: -86deg;--pixel-size: clamp(5px, .54vw, 9px)}.showdown-fx__pixels span:nth-child(12){--pixel-x: 286px;--pixel-y: 30px;--pixel-drop-x: 56px;--pixel-drop-y: 148px;--pixel-rotate: 86deg;--pixel-size: clamp(5px, .54vw, 9px)}.showdown-fx.is-playing:before{animation:showdownImpactRing .76s cubic-bezier(.14,.9,.22,1) forwards}.showdown-fx.is-playing .showdown-fx__word{animation:showdownWord 2.4s cubic-bezier(.16,1,.3,1) forwards}.showdown-fx.is-playing .showdown-fx__pixels span{animation:showdownPixelFall 2.4s cubic-bezier(.18,.9,.28,1) forwards}.showdown-fx.is-playing .showdown-fx__speed{animation:showdownSpeedBadge 2.4s cubic-bezier(.16,1,.3,1) forwards}.danger-warning{position:fixed;z-index:15;left:50%;top:calc(var(--game-hud-safe-y) + 52px);display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"icon copy value" "track track track";align-items:center;width:min(360px,calc(100vw - (var(--game-hud-safe-x) * 2)));min-height:58px;padding:8px 10px 9px;column-gap:9px;row-gap:7px;transform:translate(-50%);border:2px solid rgba(17,24,39,.8);border-radius:3px;background:#f6f1e1f0;box-shadow:0 4px #111827c2,0 12px 24px #11182729,inset 0 0 0 2px #ffffff6b;color:var(--ink-strong);pointer-events:none}.danger-icon{grid-area:icon;display:grid;place-items:center;width:32px;height:32px;border:2px solid currentColor;border-radius:2px;background:#ffffff8c;color:#b45309;font-family:var(--font-pixel);font-size:16px;line-height:1;text-shadow:1px 1px 0 rgba(255,255,255,.72)}.danger-copy{grid-area:copy;display:grid;min-width:0;gap:3px}.danger-title,.danger-hint,.danger-count{font-family:var(--font-pixel-soft);text-shadow:0 1px 0 rgba(255,255,255,.86)}.danger-title{overflow:hidden;font-size:14px;font-weight:700;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.danger-hint{overflow:hidden;color:#353a42d1;font-size:14px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.danger-count{grid-area:value;min-width:52px;color:#9a3412;font-size:14px;line-height:1;text-align:right;white-space:nowrap}.danger-track{grid-area:track;display:block;height:6px;overflow:hidden;border:1px solid rgba(17,24,39,.64);background:#11182729}.danger-progress{display:block;width:var(--flow-pressure-progress, 0%);height:100%;background:#d97706;transition:width .12s linear}.danger-warning.is-draining{border-color:#7e142be6;background:#ffebe7f5}.danger-warning.is-draining .danger-icon,.danger-warning.is-draining .danger-count{color:#be123c}.danger-warning.is-draining .danger-progress{background:#e11d48}.danger-warning.is-hazard{border-color:#8b2b3ae0;background:#110b0feb;box-shadow:0 4px #340f19d1,0 10px 22px #48132033,inset 0 0 0 1px #ca546229;color:#fae8e8f5}.danger-warning.is-hazard .danger-icon{border-color:#c95361bd;background:#5316234d;color:#e06875eb;text-shadow:0 1px 0 rgba(26,7,13,.9)}.danger-warning.is-hazard .danger-title,.danger-warning.is-hazard .danger-hint,.danger-warning.is-hazard .danger-count{text-shadow:0 1px 0 rgba(0,0,0,.94)}.danger-warning.is-hazard .danger-hint{color:#e5c1c5db}.danger-warning.is-hazard .danger-count{color:#dd606feb}.danger-warning.is-hazard .danger-track{border-color:#ca546275;background:#00000057}.danger-warning.is-hazard .danger-progress{background:repeating-linear-gradient(135deg,#be4151db 0 7px,#711f31e0 7px 12px)}.pause-menu{position:fixed;z-index:20;left:50%;top:50%;width:min(520px,calc(100vw - 36px));transform:translate(-50%,-50%) scale(var(--ui-scale));padding:34px;border:2px solid oklch(22% .013 258 / .28);border-radius:6px;background:radial-gradient(circle at 18% 8%,oklch(99% .005 88 / .72),transparent 34%),linear-gradient(180deg,#f4f2eaeb,#e4e1dad6),#ebe8e0c2;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--modal-lift-shadow);color:#11161e;text-align:center}.pause-menu.is-hidden{display:none}.pause-menu h2{margin:0;color:#11161e;font-family:var(--font-pixel);font-size:clamp(34px,5vw,58px);font-weight:400;line-height:1.2;text-transform:uppercase;text-shadow:0 1px 0 oklch(99% .006 88 / .82),0 8px 24px oklch(22% .013 258 / .16)}.pause-menu p{max-width:none;margin:18px 0 26px;color:#393d45bd;font-family:var(--font-pixel-soft);font-size:clamp(14px,1.6vw,18px);text-transform:uppercase}.pause-actions{display:grid;gap:14px}.modal-action-button{min-height:64px;color:var(--ink-strong);border-color:var(--pixel-border);background:linear-gradient(180deg,#faf8f43d,#e4e1da14),linear-gradient(90deg,#171b210b,#ebe8df14);box-shadow:var(--pixel-shadow)}.danger-action-button:hover:not(:disabled){color:#ff174f;background:linear-gradient(180deg,#faf8f43d,#e4e1da14),linear-gradient(90deg,#171b210b,#ebe8df14);box-shadow:var(--pixel-shadow);filter:none;transform:none}.hud-contrast-qa .hp-hud,.hud-contrast-qa .leaderboard,.hud-contrast-qa .skill-hud,.hud-contrast-qa .minimap,.hud-contrast-qa .hud-center{outline:2px dashed oklch(58% .205 25 / .52);outline-offset:7px}@keyframes hpLowPulse{0%{box-shadow:0 4px #111827b8,0 12px 24px #0f172a29,0 0 10px #ff174f2e,inset 0 0 0 2px #ffffff38}to{box-shadow:0 4px #111827b8,0 12px 24px #0f172a29,0 0 24px #ff174f5c,inset 0 0 0 2px #ffffff47}}@keyframes hpCriticalPulse{0%{transform:translate(0);box-shadow:0 4px #111827b8,0 12px 24px #0f172a29,0 0 16px #ff174f52,inset 0 0 0 2px #ffffff38}to{transform:translate(2px);box-shadow:0 4px #111827b8,0 12px 24px #0f172a29,0 0 34px #ff174f85,inset 0 0 0 2px #ffffff4d}}@keyframes lowHpVignette{0%{opacity:.46}to{opacity:.86}}@keyframes killToastPop{0%{transform:translate(-50%,18px) scale(.78);opacity:0}18%,62%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-18px) scale(.92);opacity:0}}@keyframes lockedToastPop{0%{transform:translate(-50%,12px) scale(.94);opacity:0}18%,72%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-10px) scale(.98);opacity:0}}@keyframes zoneWarningFloat{0%{transform:translateY(0);opacity:.86}to{transform:translateY(-3px);opacity:1}}@keyframes criticalZonePop{0%{opacity:0;transform:translateY(18px) scale(.92)}18%{opacity:1;transform:translateY(0) scale(1.06)}56%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.96)}}@keyframes skillReadyPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.025)}}@keyframes inkJumpGlyphReady{0%,to{transform:translate(-50%,-50%) rotate(-11deg) scale(1);filter:drop-shadow(0 2px 5px rgba(3,7,18,.22))}50%{transform:translate(-50%,-52%) rotate(-11deg) scale(1.08);filter:drop-shadow(0 4px 8px rgba(3,7,18,.24))}}@keyframes crownSpriteReady{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.035)}}@keyframes crownSpriteSparkle{0%,to{opacity:.28;filter:none}40%{opacity:.95;filter:drop-shadow(0 0 4px rgba(246,211,94,.36))}70%{opacity:.48}}@keyframes showdownWord{0%{opacity:0;transform:translateY(28px) scale(.52) rotate(-1deg)}9%{opacity:1;transform:translateY(-8px) scale(1.18) rotate(.5deg)}17%{opacity:1;transform:translateY(2px) scale(.96) rotate(-.25deg)}27%,52%{opacity:1;transform:translateY(0) scale(1)}62%{opacity:.92;transform:translateY(-4px) scale(1.04);filter:brightness(1.08)}76%{opacity:.5;transform:translateY(16px) scale(.94);filter:brightness(.9)}to{opacity:0;transform:translateY(52px) scale(.82);filter:brightness(.8)}}@keyframes showdownImpactRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.16)}12%{opacity:.98}to{opacity:0;transform:translate(-50%,-50%) scale(1.48)}}@keyframes showdownPixelFall{0%,16%{opacity:0;transform:translate(0) scale(.36) rotate(0)}25%{opacity:1;transform:translate(calc(var(--pixel-x, 0) * .26),calc(var(--pixel-y, 0) * .2)) scale(1.28) rotate(0)}48%{opacity:1;transform:translate(var(--pixel-x, 0),var(--pixel-y, 0)) scale(1.05) rotate(calc(var(--pixel-rotate, 64deg) * .28))}to{opacity:0;transform:translate(calc(var(--pixel-x, 0) + var(--pixel-drop-x, 0)),calc(var(--pixel-y, 0) + var(--pixel-drop-y, 116px))) scale(.82) rotate(var(--pixel-rotate, 64deg))}}@keyframes showdownSpeedBadge{0%,16%{opacity:0;transform:translateY(10px) scale(.9)}28%,72%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@keyframes heroFieldRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes heroBreath{0%,to{transform:translate(-50%,-50%) scale(.985);opacity:.72}50%{transform:translate(-50%,-50%) scale(1.028);opacity:.96}}@keyframes heroSwimOne{0%,to{transform:translateZ(0) rotate(-18deg) scaleX(.94)}50%{transform:translate3d(24px,-10px,0) rotate(-13deg) scaleX(1.08)}}@keyframes heroSwimTwo{0%,to{transform:translateZ(0) rotate(19deg) scaleX(.92)}50%{transform:translate3d(-18px,8px,0) rotate(24deg) scaleX(1.05)}}@keyframes heroLetterJump{0%,to{transform:translateY(var(--hero-letter-hover-y, 0px)) rotate(0) scale(1)}36%{transform:translateY(calc(var(--hero-letter-hover-y, 0px) - 18px)) rotate(-3deg) scale(1.06)}68%{transform:translateY(calc(var(--hero-letter-hover-y, 0px) + 3px)) rotate(2deg) scale(.99)}84%{transform:translateY(calc(var(--hero-letter-hover-y, 0px) - 2px)) rotate(-1deg) scale(1.01)}}@keyframes titleFloat{0%,to{transform:translate(0);filter:drop-shadow(0 18px 30px oklch(22% .013 258 / .08))}50%{transform:translate(9px);filter:drop-shadow(4px 18px 34px oklch(22% .013 258 / .1))}}@keyframes heroPixelDrift{0%,to{transform:translateZ(0);opacity:.5}50%{transform:translate3d(18px,-10px,0);opacity:.82}}@keyframes heroAmbientBubble{0%{transform:translateZ(0) scale(.72);opacity:0}10%{opacity:.62}72%{opacity:.56}to{transform:translate3d(var(--bubble-drift, 24px),-112vh,0) scale(1.18);opacity:0}}@keyframes heroGlossOrb{0%{transform:translate3d(0,-12vh,0) scale(.9) rotate(-8deg);opacity:0}8%{opacity:.88}78%{opacity:.74}to{transform:translate3d(var(--orb-drift, 34px),112vh,0) scale(1) rotate(34deg);opacity:0}}@keyframes heroGlossOrbHit{0%{transform:scale(1);opacity:1}52%{transform:scale(1.18);opacity:.8}to{transform:scale(.18);opacity:0}}@keyframes heroBubblePop{0%{transform:translate3d(0,-4px,0) scale(1);opacity:.74}45%{transform:translate3d(0,-8px,0) scale(1.22);opacity:.42}to{transform:translate3d(0,-14px,0) scale(1.72);opacity:0}}@keyframes heroBubbleShard{0%{transform:translate(-50%,-50%) scale(.36);opacity:.66}to{transform:translate(-50%,-50%) scale(1.24);opacity:0}}@keyframes heroInkSplatDry{0%{transform:translate(-50%,-50%) rotate(var(--fx-rotate, -8deg)) scale(.12);opacity:0;filter:blur(1px)}14%{opacity:.95}42%{transform:translate(-50%,-50%) rotate(var(--fx-rotate, -8deg)) scale(var(--fx-scale, 1));opacity:.9;filter:blur(.08px)}76%{opacity:.74}to{transform:translate(-50%,-50%) rotate(var(--fx-rotate, -8deg)) scale(var(--fx-scale, 1));opacity:0;filter:blur(.38px)}}@keyframes playPixelSweep{0%{opacity:0;transform:translate(-58px)}10%{opacity:1}28%{opacity:1;transform:translate(-18px)}52%{opacity:1;transform:translate(26px)}70%{opacity:1;transform:translate(70px)}82%{opacity:0;transform:translate(104px)}to{opacity:0;transform:translate(104px)}}@keyframes coinBump{0%,to{transform:translateY(0) rotate(0) scale(1)}24%{transform:translateY(-18px) rotate(-9deg) scale(1.14);filter:saturate(1.22) brightness(1.06)}54%{transform:translateY(3px) rotate(6deg) scale(.96)}76%{transform:translateY(-5px) rotate(-3deg) scale(1.04)}}@keyframes menuChipFloat{0%,to{transform:translateZ(0) rotate(-.35deg)}50%{transform:translate3d(var(--menu-chip-float-x, 8px),var(--menu-chip-float-y, -8px),0) rotate(.35deg)}}@keyframes backgroundPreviewFloat{0%,to{transform:rotate(-8deg) translate3d(-8px,0,0) scale(1.02)}50%{transform:rotate(-4deg) translate3d(10px,-7px,0) scale(1.06)}}@keyframes backgroundCardSwitch{0%{transform:translateZ(0) scale(.985);filter:brightness(1)}45%{transform:translate3d(0,-6px,0) scale(1.012);filter:brightness(1.035)}to{transform:translateZ(0) scale(1);filter:brightness(1)}}@keyframes victoryConfettiFall{0%{transform:translate(-50%,-20px) rotate(var(--confetti-rot, 0deg)) scale(.8);opacity:0}12%{opacity:1}to{transform:translate(calc(-50% + var(--confetti-drift, 0px)),430px) rotate(calc(var(--confetti-rot, 0deg) + 540deg)) scale(1);opacity:0}}.summary{left:50%;top:50%;width:min(680px,calc(100vw - 40px));transform:translate(-50%,-45%) scale(var(--ui-scale)) scale(.98);padding:34px;border:2px solid oklch(22% .013 258 / .28);border-radius:6px;background:radial-gradient(circle at 18% 8%,oklch(98% .006 88 / .74),transparent 34%),radial-gradient(circle at 78% 12%,oklch(88% .022 88 / .52),transparent 32%),linear-gradient(180deg,#f0ebdeeb,#d6d1c4db);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--modal-lift-shadow);color:#11161e;text-align:center;overflow:hidden}.summary:not(.is-hidden){transform:translate(-50%,-50%) scale(var(--ui-scale))}.summary.is-win{border-color:#e2ae469e;box-shadow:0 8px #171b2166,0 30px 84px #171b212e,0 0 54px #e2ae462e,inset 0 0 0 3px #fdfcf74d}.summary.is-win h2{color:#b48300;color:oklch(64% .14 82)}.summary h2{margin:0;color:#11161e;font-size:clamp(38px,5vw,72px);text-shadow:0 1px 0 oklch(99% .006 88 / .86),0 8px 24px oklch(22% .013 258 / .14)}.summary-meta{margin-top:10px;color:#393d45d1;font-family:var(--font-pixel-soft);font-size:13px;font-weight:700;letter-spacing:0;line-height:1.25;text-transform:uppercase}.summary-rank{margin-top:18px;color:#ff174f;font-family:var(--font-pixel);font-size:clamp(42px,8vw,92px);line-height:1;text-shadow:0 2px 0 oklch(99% .006 88 / .74),0 0 28px rgba(255,23,79,.32)}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.victory-confetti{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.summary>:not(.victory-confetti){position:relative;z-index:1}.confetti-piece{position:absolute;left:var(--confetti-x, 50%);top:-18px;width:7px;height:14px;border-radius:2px;background:var(--confetti-color, #ffd166);box-shadow:0 0 10px color-mix(in oklch,var(--confetti-color, #ffd166) 65%,transparent);transform:translate(-50%) rotate(var(--confetti-rot, 0deg));animation:victoryConfettiFall 1.85s cubic-bezier(.16,1,.3,1) var(--confetti-delay, 0ms) forwards}.summary-highlights,.summary-breakdown{display:none;gap:9px;margin-inline:auto}.summary-highlights{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,460px);margin-top:18px}.summary-highlight,.summary-breakdown-item{display:grid;gap:5px;min-width:0;border:1px solid oklch(22% .013 258 / .14);background:#fdfcf766;box-shadow:0 3px #171b211f;text-transform:uppercase}.summary-highlight{min-height:54px;padding:10px 9px}.summary-highlight strong,.summary-breakdown-item strong{overflow:hidden;color:#11161e;font-family:var(--font-pixel);font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.summary-highlight strong{font-size:10px}.summary-highlight em,.summary-breakdown-item em{overflow:hidden;color:#393d45c7;font-family:var(--font-pixel-soft);font-style:normal;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.summary-highlight em{font-size:9px}.summary-stats{display:flex;justify-content:center;gap:22px;margin-top:18px;color:#22272de0;font-family:var(--font-pixel-soft);font-size:clamp(17px,2vw,23px);line-height:1.25;text-transform:uppercase}.summary-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,520px);margin-top:14px}.summary-breakdown-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:34px;padding:8px 10px;text-align:left}.summary-breakdown-item strong{color:#822c25;font-size:11px;text-align:right}.summary-breakdown-item em{font-size:9px}.summary-points{display:inline-block;margin-top:18px;padding:8px 12px 7px;border:2px solid rgba(45,30,7,.36);border-radius:4px;background:linear-gradient(180deg,#fffae0bd,#ffe0752e),#fff6cc8f;color:#8a4b00;font-family:var(--font-pixel);font-size:clamp(18px,2.2vw,28px);line-height:1.18;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.86),0 0 12px rgba(255,209,102,.34),0 10px 24px rgba(45,30,7,.18);-webkit-text-stroke:.62px rgba(45,30,7,.72);paint-order:stroke fill;box-shadow:0 4px #2d1e072e,0 16px 34px #2d1e071f,inset 0 0 0 2px #ffffff2e}.summary-points.is-locked{display:inline-block;max-width:min(100%,520px);padding:10px 13px 9px;border:2px solid oklch(22% .013 258 / .26);border-radius:3px;color:#0f141c;background:#faf8f4c7;box-shadow:0 4px #171b2129,0 12px 28px #171b211f;font-family:var(--font-pixel-soft);font-size:clamp(16px,1.75vw,22px);line-height:1.35;text-transform:none;text-shadow:none;-webkit-text-stroke:0;paint-order:normal}html.theme-ui-dark{color-scheme:dark;--ink: #edf7ff;--muted: rgba(184, 213, 235, .78);--panel: rgba(2, 7, 16, .82);--line: rgba(150, 179, 200, .18);--accent: #6be7ff;--danger: #ff4d6d;--cream: #060b14;--charcoal: #edf7ff;--hero-ink: oklch(94% .025 232);--hero-muted: oklch(78% .04 232 / .76);--ink-strong: oklch(94% .025 232);--ink-soft: oklch(78% .04 232 / .78);--surface-milk: oklch(13% .024 255 / .84);--surface-milk-soft: oklch(18% .035 248 / .2);--surface-milk-muted: oklch(16% .026 252 / .56);--surface-matte-dark: rgba(0, 4, 12, .84);--pixel-border: rgba(104, 127, 148, .42);--focus-ring: oklch(78% .12 198 / .82);--focus-ring-shadow: 0 0 0 6px oklch(60% .14 204 / .22);--pixel-shadow: 0 6px 0 rgba(0, 0, 0, .9), 0 22px 48px rgba(0, 5, 15, .46), inset 0 0 0 2px rgba(185, 211, 224, .08);--modal-lift-shadow: 0 8px 0 rgba(0, 0, 0, .86), 0 34px 90px rgba(0, 4, 12, .66), inset 0 0 0 2px rgba(185, 211, 224, .1)}html.theme-ui-dark body,html.theme-ui-dark #app{background:#020814;color:var(--ink)}html.theme-ui-dark .brand,html.theme-ui-dark .menu-panel .brand,html.theme-ui-dark h1,html.theme-ui-dark h2{color:#b9f8ff;color:oklch(94% .07 204);text-shadow:0 2px 0 rgba(0,7,18,.72),0 0 10px rgba(107,231,255,.34),0 0 32px rgba(107,231,255,.22),0 18px 44px rgba(0,0,0,.48)}html.theme-ui-dark .title-lockup h1 span+span{color:#dffaff;text-shadow:0 2px 0 rgba(0,7,18,.86),0 0 10px rgba(255,255,255,.34),0 0 24px rgba(107,231,255,.62),0 0 64px rgba(86,154,255,.42),0 24px 58px rgba(0,0,0,.54)}html.theme-ui-dark p,html.theme-ui-dark .summary-meta,html.theme-ui-dark .wallet-help,html.theme-ui-dark .lobby-player span,html.theme-ui-dark .lobby-mode-row span,html.theme-ui-dark .lobby-row>span,html.theme-ui-dark .profile-last-result,html.theme-ui-dark .profile-stat em,html.theme-ui-dark .profile-cosmetic-chip em,html.theme-ui-dark .profile-cosmetic-preview-copy em,html.theme-ui-dark #backgroundCaption{color:#a5c3d3c7;text-shadow:0 8px 24px rgba(0,0,0,.28)}html.theme-ui-dark .pixel-button,html.theme-ui-dark .control-button,html.theme-ui-dark .theme-button,html.theme-ui-dark .modal-action-button,html.theme-ui-dark .wallet-button{border-color:#687f9447;color:#d8ebf6;background:linear-gradient(180deg,#121720e6,#02060ef0),#02060ef5;box-shadow:var(--pixel-shadow);text-shadow:0 2px 0 rgba(0,4,12,.72)}html.theme-ui-dark .control-picker{border-color:#687f9438;background:linear-gradient(180deg,#081220ad,#01060fb8),#01050dcc;box-shadow:0 5px #000000ad,inset 0 0 0 2px #bfeeff0f}html.theme-ui-dark .control-picker .control-button{border-color:#687f942e;background:linear-gradient(180deg,#0e1520e0,#020711e6),#020710f0;box-shadow:inset 0 0 0 1px #bfeeff14}html.theme-ui-dark .control-picker .control-button:hover:not(:disabled){color:#e9f4fa;border-color:#dae8f247;background:linear-gradient(180deg,#161e2ae6,#040913f0),#040913f5;box-shadow:inset 0 0 0 1px #dae8f21a}html.theme-ui-dark .control-picker .control-button.is-active{color:#e9f4fa;border-color:#dae8f257;background:linear-gradient(180deg,#1e2632eb,#080d17f5),#080d17fa;box-shadow:0 3px #00040cd1,inset 0 0 0 2px #dae8f21f;text-shadow:0 2px 0 rgba(0,4,12,.72)}html.theme-ui-dark .menu-chip{border-color:#7ac4da3d;background:radial-gradient(circle at 14% 0,rgba(132,232,255,.14),transparent 32%),linear-gradient(180deg,#0d2341a8,#040d1ead),#040b1ac7;box-shadow:0 4px #00040c8f,0 18px 42px #0006124d,inset 0 0 0 2px #bfeeff14;color:#c2e5f0db}html.theme-ui-dark .menu-chip.is-locked:hover{border-color:#72dee875;box-shadow:0 4px #00040c9e,0 0 24px #6be7ff2e,0 18px 42px #00061257,inset 0 0 0 2px #bfeeff1f}html.theme-ui-dark .menu-chip small{color:#8abac8b3}html.theme-ui-dark .menu-back-icon:before{color:#dffaff;text-shadow:0 1px 0 rgba(0,4,12,.86),0 0 8px rgba(107,231,255,.46),0 0 18px rgba(107,231,255,.24)}html.theme-ui-dark .menu-back-icon:hover:before,html.theme-ui-dark .menu-back-icon:focus-visible:before{color:#6be7ff}html.theme-ui-dark .pixel-button:hover:not(:disabled),html.theme-ui-dark .control-button:hover:not(:disabled),html.theme-ui-dark .theme-button:hover:not(:disabled),html.theme-ui-dark .modal-action-button:hover:not(:disabled){color:#fff;background:radial-gradient(circle at 18% 0,rgba(107,231,255,.16),transparent 36%),linear-gradient(180deg,#1a222ef0,#030812f5),#020710fa;box-shadow:0 6px #000000e6,0 0 30px #50daff1f,0 22px 48px #00071470,inset 0 0 0 2px #bfeeff24}html.theme-ui-dark .primary-button,html.theme-ui-dark .control-button.is-active,html.theme-ui-dark .theme-button.is-active{color:#06121f;background:linear-gradient(180deg,#6cf6fb,#4fe6ee,#29d6e1 50%,#1ad2de,#00ceda,#00c9d6,#00c5d2 75%,#00b3c2),#6be7ff;background:linear-gradient(180deg,#6cf6fb,#4fe6ee,#29d6e1 50%,#1ad2de,color(xyz 0.347 0.492 0.744),color(xyz 0.329 0.469 0.718),color(xyz 0.312 0.447 0.694) 75%,color(xyz 0.249 0.365 0.601)),#6be7ff;border-color:#c3ffffb3;border-color:oklch(96% .08 196 / .7);text-shadow:0 1px 0 rgba(255,255,255,.44)}html.theme-ui-dark .wallet-disconnect-button{color:#d5e8f3}html.theme-ui-dark .keybind-panel,html.theme-ui-dark .sound-panel{scrollbar-color:rgba(151,218,240,.34) rgba(0,4,12,.22);border-color:#687f943d;background:radial-gradient(circle at 18% 4%,rgba(107,231,255,.08),transparent 38%),linear-gradient(180deg,#091424b8,#01060fc7),#01050dd1;box-shadow:0 6px #000000b8,0 22px 52px #0006125c,inset 0 0 0 2px #bfeeff0f}html.theme-ui-dark .keybind-panel::-webkit-scrollbar-track{background:#00040c3d}html.theme-ui-dark .keybind-panel::-webkit-scrollbar-thumb{background:#97daf047}html.theme-ui-dark .keybind-head,html.theme-ui-dark .keybind-head strong,html.theme-ui-dark .keybind-action,html.theme-ui-dark .keybind-row-emote .keybind-action{color:#abd2dfd1;text-shadow:0 2px 0 rgba(0,4,12,.72)}html.theme-ui-dark .keybind-button{color:#d5e8f3;background:linear-gradient(180deg,#161c26e6,#030812f0),#020710eb;box-shadow:0 3px #000000ad,inset 0 0 0 1px #bfeeff14}html.theme-ui-dark .keybind-button strong{color:#dbeff9}html.theme-ui-dark .keybind-button strong.is-empty-bind,html.theme-ui-dark .keybind-button.is-locked strong{color:#94b0bbad}html.theme-ui-dark .keybind-button.is-listening{color:#7cecff;box-shadow:0 4px #00040cc7,0 0 0 3px #6be7ff2e,inset 0 0 0 2px #bfeeff29}html.theme-ui-dark #exitMatchButton{color:#d8ebf6}html.theme-ui-dark #exitMatchButton:hover:not(:disabled),html.theme-ui-dark #exitMatchButton:focus-visible{color:#7cecff;border-color:#72dee870;background:radial-gradient(circle at 18% 0,rgba(132,232,255,.28),transparent 36%),linear-gradient(180deg,#193b63db,#07152ee6),#051024f0;box-shadow:0 6px #00040ce0,0 0 28px #6be7ff2e,0 22px 48px #000d2261,inset 0 0 0 2px #bfeeff2e;text-shadow:0 2px 0 rgba(0,5,16,.78),0 0 18px rgba(107,231,255,.34)}html.theme-ui-dark .pause-button{border-color:#86d1e76b;background:radial-gradient(circle at 14% 0,rgba(132,232,255,.18),transparent 32%),linear-gradient(180deg,#132c4dbd,#040d1ed1);color:#d8ebf6;box-shadow:0 3px #00040ce0,0 12px 28px #00081866,inset 0 0 0 2px #bfeeff1f;text-shadow:0 2px 0 rgba(0,4,12,.72)}html.theme-ui-dark .pause-button span{background:#b9ecffe6;color:#06121f}html.theme-ui-dark .pause-menu,html.theme-ui-dark .summary,html.theme-ui-dark .lobby-shell,html.theme-ui-dark .profile-identity,html.theme-ui-dark .profile-badges,html.theme-ui-dark .profile-finance,html.theme-ui-dark .profile-wallet-connect,html.theme-ui-dark .profile-stats,html.theme-ui-dark .badges-card,html.theme-ui-dark .background-card,html.theme-ui-dark .profile-cosmetic-preview{border-color:#687f9438;background:radial-gradient(circle at 18% 8%,rgba(107,231,255,.08),transparent 34%),linear-gradient(180deg,#06101fd6,#01050ddb),#01050de6;box-shadow:var(--modal-lift-shadow);color:#d5e8f3}html.theme-ui-dark .pause-menu h2,html.theme-ui-dark .summary h2,html.theme-ui-dark .lobby-player strong,html.theme-ui-dark .lobby-mode-row strong,html.theme-ui-dark .profile-field,html.theme-ui-dark .profile-identity-copy,html.theme-ui-dark .profile-identity-copy strong,html.theme-ui-dark .profile-points,html.theme-ui-dark .profile-emotes-header,html.theme-ui-dark .profile-stat strong,html.theme-ui-dark .profile-finance-cell strong,html.theme-ui-dark .profile-badge-copy strong,html.theme-ui-dark .badges-copy strong,html.theme-ui-dark .profile-cosmetic-chip strong,html.theme-ui-dark .profile-cosmetic-preview-copy strong,html.theme-ui-dark .background-meta strong,html.theme-ui-dark .wallet-status{color:#dbeff9;text-shadow:0 2px 0 rgba(0,4,12,.74)}html.theme-ui-dark .profile-points strong,html.theme-ui-dark .profile-emotes-header strong{color:#6be7ff;text-shadow:0 2px 0 rgba(0,4,12,.72),0 0 16px rgba(107,231,255,.22)}html.theme-ui-dark .profile-wallet[data-profile-points-state=locked] .profile-points strong,html.theme-ui-dark .profile-stats[data-profile-career-state=locked] .profile-last-result,html.theme-ui-dark .profile-career-gate,html.theme-ui-dark .profile-stats[data-profile-career-state=locked] .profile-stat strong{color:#aadaeadb;text-shadow:0 2px 0 rgba(0,4,12,.68)}html.theme-ui-dark .profile-stats[data-profile-career-state=locked] .profile-stat{border-color:#687f9438;background:linear-gradient(180deg,#0e19288a,#020711b3),#020711d6;box-shadow:0 4px #0000009e,inset 0 0 0 1px #bfeeff14}html.theme-ui-dark .profile-label-row strong,html.theme-ui-dark .volume-control strong{color:#6be7ff;text-shadow:0 2px 0 rgba(0,4,12,.72),0 0 16px rgba(107,231,255,.24)}html.theme-ui-dark .profile-emotes,html.theme-ui-dark .profile-cosmetics{border-color:#687f9433;background:linear-gradient(180deg,#081220ad,#01060fb8),#01050dcc;box-shadow:0 5px #000000ad,inset 0 0 0 2px #bfeeff0f}html.theme-ui-dark .pause-menu p{color:#a5c3d3c7}html.theme-ui-dark .profile-field input,html.theme-ui-dark .volume-control,html.theme-ui-dark .profile-stat,html.theme-ui-dark .profile-finance-cell,html.theme-ui-dark .profile-record-line,html.theme-ui-dark .profile-finance-gate,html.theme-ui-dark .profile-career-gate,html.theme-ui-dark .profile-featured-badge-slot,html.theme-ui-dark .profile-badge,html.theme-ui-dark .summary-highlight,html.theme-ui-dark .summary-breakdown-item,html.theme-ui-dark .summary-points.is-locked,html.theme-ui-dark .lobby-row,html.theme-ui-dark .lobby-identity em,html.theme-ui-dark .lobby-emote,html.theme-ui-dark .lobby-cosmetic,html.theme-ui-dark .lobby-party-slot{border-color:#687f9438;background:linear-gradient(180deg,#0e19288a,#020711b3),#020711d6;color:#d5e8f3;box-shadow:0 4px #0000009e,inset 0 0 0 1px #bfeeff14}html.theme-ui-dark .summary-points:not(.is-locked){border-color:#ffd25c3d;background:radial-gradient(circle at 18% 8%,rgba(255,210,92,.09),transparent 34%),linear-gradient(180deg,#161613ad,#040812cc),#040812e6;color:#e1c38b;box-shadow:0 4px #000000a8,0 16px 34px #00040c57,inset 0 0 0 1px #ffe1881a;text-shadow:0 2px 0 rgba(0,4,12,.84),0 0 12px rgba(255,210,92,.11);-webkit-text-stroke:.42px rgba(0,4,12,.82)}html.theme-ui-dark .summary-highlight strong,html.theme-ui-dark .summary-breakdown-item strong{color:#dbeff9;text-shadow:0 2px 0 rgba(0,4,12,.72)}html.theme-ui-dark .summary-breakdown-item strong{color:#d6ba86;text-shadow:0 2px 0 rgba(0,4,12,.78),0 0 10px rgba(255,210,92,.1)}html.theme-ui-dark .summary-highlight em,html.theme-ui-dark .summary-breakdown-item em{color:#a5c3d3c7}html.theme-ui-dark .profile-field input::selection{color:#06121f;background:#78e4ffb8}html.theme-ui-dark .wallet-status span,html.theme-ui-dark .wallet-status strong{color:#a7d3e1db;text-shadow:none}html.theme-ui-dark .wallet-status strong,html.theme-ui-dark .background-meta em{background:#76e2ff1f;color:#96e7f0;box-shadow:inset 0 0 0 1px #a9dfff2e}html.theme-ui-dark .background-meta em{background:#76e2ff1a;color:#aadaeae6;box-shadow:inset 0 0 0 1px #a9dfff24}.background-arrow[data-background-ui=dark]{--background-arrow-border: rgba(0, 0, 0, .92);--background-arrow-face-top: rgba(8, 21, 42, .9);--background-arrow-face-bottom: rgba(0, 3, 10, .96);--background-arrow-face-base: #03070e;--background-arrow-lift: rgba(0, 0, 0, .94);--background-arrow-inset: rgba(0, 0, 0, .94);--background-arrow-hover-inset: rgba(0, 0, 0, .94);--background-arrow-active-inset: rgba(0, 0, 0, .94);border-color:var(--background-arrow-border);color:#98eff9;background:radial-gradient(circle at 50% 6%,rgba(119,229,255,.14),transparent 42%),linear-gradient(180deg,var(--background-arrow-face-top),var(--background-arrow-face-bottom)),var(--background-arrow-face-base);box-shadow:0 6px 0 var(--background-arrow-lift),0 18px 36px #0006126b,inset 0 0 0 2px var(--background-arrow-inset),inset 0 0 0 3px #a8e7ff24;text-shadow:0 2px 0 rgba(0,3,10,.82),0 0 14px rgba(107,231,255,.22)}.background-arrow[data-background-ui=dark]:hover{filter:brightness(1.06);box-shadow:0 8px 0 var(--background-arrow-lift),0 0 26px #6be7ff29,0 20px 40px #00061275,inset 0 0 0 2px var(--background-arrow-hover-inset),inset 0 0 0 3px #a8e7ff33}.background-arrow[data-background-ui=dark]:active{box-shadow:0 3px 0 var(--background-arrow-lift),0 12px 28px #0006126b,inset 0 0 0 2px var(--background-arrow-active-inset),inset 0 0 0 3px #a8e7ff1f}html.theme-ui-dark .profile-wallet-connect[data-wallet-state=connected] .wallet-status strong{background:transparent;color:#a5c3d3b8;box-shadow:none}html.theme-ui-dark .profile-record-line .profile-finance-cell,html.theme-ui-dark .profile-record-winrate,html.theme-ui-dark .profile-finance[data-profile-finance-state=unlocked],html.theme-ui-dark .profile-wallet-connect[data-wallet-state=connected]{border-color:transparent;background:transparent;box-shadow:none}html.theme-ui-dark .profile-finance[data-profile-finance-state=unlocked] .profile-record-line{background:transparent;box-shadow:none;border-color:transparent}html.theme-ui-dark .profile-record-winrate em{color:#dffaff;text-shadow:0 2px 0 rgba(0,4,12,.78),0 0 12px rgba(107,231,255,.24)}html.theme-ui-dark .profile-avatar-tag{border-color:#6be7ff2e;background:#6be7ff1a;color:#dffaff;box-shadow:inset 0 0 0 1px #bfeeff14}html.theme-ui-dark .profile-wallet-connect[data-wallet-state=connected] .wallet-disconnect-button{background:radial-gradient(circle at 32% 18%,rgba(107,231,255,.16),transparent 30%),linear-gradient(180deg,#050e1ceb,#01050dfa),#050e1ceb;border-color:#bfeeff38;color:#dffaff;box-shadow:0 7px #00040ce6,0 18px 32px #00040c61,inset 0 3px #bfeeff24,inset 0 -6px #00040c33}html.theme-ui-dark .profile-wallet-connect[data-wallet-state=connected] .wallet-disconnect-button:before{background:#0a182af5;box-shadow:0 2px #00040cb8,inset 0 -2px #6be7ff14}html.theme-ui-dark .profile-wallet-connect[data-wallet-state=wrong-network] .wallet-status strong,html.theme-ui-dark .profile-wallet-connect[data-wallet-state=rejected] .wallet-status strong{background:#ff748424;color:#ff9fad}html.theme-ui-dark .profile-cosmetic-chip{border-color:#86d1e752;background:linear-gradient(180deg,#163254ad,#051025c2),#050e20db;color:#d8ebf6;box-shadow:0 3px #00040cc7}html.theme-ui-dark .profile-cosmetic-chip:hover,html.theme-ui-dark .profile-cosmetic-chip:focus-visible{background:linear-gradient(180deg,#1f4876c7,#071630d6),#051026eb}html.theme-ui-dark .profile-skin-card.is-selected{border-color:#ffd25c61;background:radial-gradient(circle at 18% 0,rgba(255,210,92,.12),transparent 36%),linear-gradient(180deg,#2a2a24d1,#080d17e6),#080d17f5}html.theme-ui-dark .profile-skin-card.is-selected em,html.theme-ui-dark .profile-identity-copy em,html.theme-ui-dark .profile-badge-copy em,html.theme-ui-dark .profile-finance-cell em,html.theme-ui-dark .badges-copy span,html.theme-ui-dark .badges-copy em,html.theme-ui-dark .badges-progress-row span,html.theme-ui-dark .profile-featured-badge-slot em,html.theme-ui-dark .badges-wallet-gate{color:#dec088db}html.theme-ui-dark .profile-identity-copy .profile-avatar-tag{color:#dffaff}html.theme-ui-dark .profile-skin-card.is-locked:hover,html.theme-ui-dark .profile-skin-card.is-locked:focus-visible{background:linear-gradient(180deg,#163254ad,#051025c2),#050e20db}html.theme-ui-dark .profile-avatar,html.theme-ui-dark .profile-badge-medal,html.theme-ui-dark .badges-medal,html.theme-ui-dark .profile-cosmetic-swatch,html.theme-ui-dark .lobby-avatar{border-color:#abe2f294;box-shadow:0 4px #00040cbd,inset 0 0 0 3px #ffffff29}html.theme-ui-dark .profile-avatar[data-profile-avatar-state=empty],html.theme-ui-dark .profile-avatar[data-profile-avatar-state=guest]{border-color:#687f945c;background:linear-gradient(180deg,#172436bd,#070f1bd1),#050c18db;box-shadow:none}html.theme-ui-dark .profile-record-win strong{color:#79e5a6}html.theme-ui-dark .profile-record-loss strong{color:#ff8da0}html.theme-ui-dark .profile-record-winrate strong{color:#dbeff9}html.theme-ui-dark .profile-featured-badge-slot.is-equipped{border-color:#687f9452;background:radial-gradient(circle at 16% 10%,rgba(107,231,255,.1),transparent 34%),linear-gradient(180deg,#0e1928a3,#020711c2),#020711e0;color:#dffaff;box-shadow:0 4px #000000ad,inset 0 0 0 1px #bfeeff1a}html.theme-ui-dark .profile-featured-badge-slot.is-equipped em{color:#dffaff;text-shadow:0 2px 0 rgba(0,4,12,.74)}html.theme-ui-dark .profile-featured-badge-medal{border-color:#bfeeff94;box-shadow:inset 0 0 0 3px #ffe8853d,0 2px #00040cc2}html.theme-ui-dark .badges-select-button{border-color:#bfeeff38;color:#dffaff;background:radial-gradient(circle at 18% 0,rgba(107,231,255,.16),transparent 36%),linear-gradient(180deg,#0a182aeb,#01050df5),#050e1ceb;box-shadow:0 6px #00040ce6,0 18px 42px #00050f47,inset 0 0 0 2px #bfeeff1a}.background-card[data-background-ui=dark]:before,.background-card[data-background-ui=dark]:after{--background-picker-side-rim-border: rgba(0, 0, 0, .72);--background-picker-side-rim-shadow: rgba(0, 0, 0, .54);--background-picker-side-rim-inset: rgba(0, 0, 0, .56);border-color:var(--background-picker-side-rim-border);background:linear-gradient(180deg,#0c1c3457,#0107124d),#00030a85;box-shadow:0 5px 0 var(--background-picker-side-rim-shadow),inset 0 0 0 2px var(--background-picker-side-rim-inset),inset 0 0 0 3px #bfeeff0f}.background-card[data-background-ui=dark]{--background-picker-rim-border: rgba(0, 0, 0, .86);--background-picker-rim-shadow: rgba(0, 0, 0, .84);border-color:var(--background-picker-rim-border);box-shadow:0 8px 0 var(--background-picker-rim-shadow),0 34px 90px #00061294,inset 0 0 0 2px #00000094,inset 0 0 0 3px #bfeeff14}html.theme-ui-dark .background-card[data-background-ui=light]{--background-picker-rim-border: rgba(17, 24, 39, .2);--background-picker-rim-shadow: rgba(17, 24, 39, .3);border-color:var(--background-picker-rim-border);background:radial-gradient(circle at 18% 12%,oklch(99% .006 88 / .42),transparent 34%),linear-gradient(180deg,#f0ebdeb8,#d9d4c770),#ece8de94;box-shadow:0 6px 0 var(--background-picker-rim-shadow),0 18px 42px #0f172a24,inset 0 0 0 2px #fff3;color:#111827db}html.theme-ui-dark .background-card[data-background-ui=light] .background-meta strong{color:#111827eb;text-shadow:0 1px 0 rgba(255,255,255,.82)}html.theme-ui-dark .background-card[data-background-ui=light] .background-meta em{background:#11182713;color:#333840d1;box-shadow:inset 0 0 0 1px #11182713}html.theme-ui-dark .background-card[data-background-ui=light] #backgroundCaption{color:#111827b8;text-shadow:0 1px 0 rgba(255,255,255,.76)}html.theme-ui-dark .background-card[data-background-ui=light]:before,html.theme-ui-dark .background-card[data-background-ui=light]:after{--background-picker-side-rim-border: rgba(255, 255, 255, .16);--background-picker-side-rim-shadow: rgba(17, 24, 39, .22);--background-picker-side-rim-inset: rgba(255, 255, 255, .14);border-color:var(--background-picker-side-rim-border);background:linear-gradient(180deg,#faf7ef7a,#e0dace3d),#eee8d647;box-shadow:0 5px 0 var(--background-picker-side-rim-shadow),inset 0 0 0 2px var(--background-picker-side-rim-inset)}html.theme-ui-dark .background-arrow[data-background-ui=light]{--background-arrow-border: rgba(17, 24, 39, .18);--background-arrow-face-top: oklch(94% .015 88 / .68);--background-arrow-face-bottom: oklch(86% .018 88 / .42);--background-arrow-face-base: oklch(91% .013 88 / .52);--background-arrow-lift: oklch(22% .013 258 / .46);--background-arrow-inset: oklch(99% .006 88 / .24);--background-arrow-hover-inset: oklch(99% .006 88 / .32);--background-arrow-active-inset: oklch(99% .006 88 / .2);border-color:var(--background-arrow-border);color:#11161e;background:linear-gradient(180deg,var(--background-arrow-face-top),var(--background-arrow-face-bottom)),var(--background-arrow-face-base);box-shadow:0 6px 0 var(--background-arrow-lift),inset 0 0 0 2px var(--background-arrow-inset);text-shadow:0 1px 0 oklch(98% .006 88 / .8)}html.theme-ui-dark .background-select-button{--background-select-border: rgba(220, 249, 255, .22);--background-select-face: rgba(0, 0, 0, .24);--background-select-lift: rgba(0, 0, 0, .76);--background-select-inset: rgba(220, 249, 255, .12);--background-select-text: oklch(92% .025 232);--background-select-shadow: rgba(0, 4, 12, .82);border-color:var(--background-select-border);color:var(--background-select-text);background:var(--background-select-face);box-shadow:0 6px 0 var(--background-select-lift),0 18px 42px #00050f47,inset 0 0 0 2px var(--background-select-inset);text-shadow:0 2px 0 var(--background-select-shadow)}html.theme-ui-dark .background-select-button[data-background-ui=light]{--background-select-border: rgba(17, 24, 39, .42);--background-select-face: rgba(245, 241, 229, .38);--background-select-lift: rgba(17, 24, 39, .46);--background-select-inset: rgba(255, 255, 255, .22);--background-select-text: rgba(17, 24, 39, .9);--background-select-shadow: rgba(255, 255, 255, .76)}html.theme-ui-dark .background-select-button[data-background-ui=dark]{--background-select-border: rgba(220, 249, 255, .2);--background-select-face: rgba(0, 0, 0, .28);--background-select-lift: rgba(0, 0, 0, .82);--background-select-inset: rgba(220, 249, 255, .1);--background-select-text: oklch(94% .025 232);--background-select-shadow: rgba(0, 4, 12, .88)}html.theme-ui-dark .background-select-button:hover:not(:disabled),html.theme-ui-dark .background-select-button:focus-visible:not(:disabled){color:var(--background-select-text);background:color-mix(in srgb,var(--background-select-face) 82%,rgba(107,231,255,.18));border-color:color-mix(in srgb,var(--background-select-border) 72%,rgba(107,231,255,.72));box-shadow:0 6px 0 var(--background-select-lift),0 0 22px #6be7ff29,0 18px 42px #00050f47,inset 0 0 0 2px var(--background-select-inset)}html.theme-ui-dark .hp-label,html.theme-ui-dark .leaderboard-title,html.theme-ui-dark .leaderboard li,html.theme-ui-dark #zoneValue,html.theme-ui-dark .hud-center span{color:#dbeff9;text-shadow:0 1px 0 rgba(0,4,12,.86),0 0 7px rgba(102,224,255,.18),0 7px 14px rgba(0,0,0,.58);-webkit-text-stroke:.34px rgba(0,4,12,.66)}html.theme-ui-dark .leaderboard{border-color:#b8eeff3d;background:radial-gradient(circle at 18% 0%,rgba(107,231,255,.13),transparent 42%),linear-gradient(180deg,#05112585,#030a185c);box-shadow:0 3px #00040c94,0 14px 30px #00061257,inset 0 0 0 1px #b8eeff17}html.theme-ui-dark .leaderboard li{background:#6be7ff0b}html.theme-ui-dark .leaderboard li.is-player{color:#fff;background:linear-gradient(90deg,#50daff33,#6be7ff12),#6be7ff14;box-shadow:inset 0 0 0 1px #6be7ff75}html.theme-ui-dark .leaderboard .rank,html.theme-ui-dark .leaderboard .length{color:#90e1e9}html.theme-ui-dark .leaderboard li.is-player .rank,html.theme-ui-dark .leaderboard li.is-player .length,html.theme-ui-dark .hp-label strong{color:#6be7ff}html.theme-ui-dark .hp-label span:before{background:#6be7ff;box-shadow:0 1px #00040cb8,0 0 14px #6be7ff57}html.theme-ui-dark .hp-bar{border-color:#b8eeff94;background:linear-gradient(180deg,#020813bd,#081a3094),#061227c7;box-shadow:0 4px #00040cd1,0 12px 24px #0008185c,inset 0 0 0 2px #bfeeff1a}html.theme-ui-dark #hpFill{background:linear-gradient(90deg,#146a9d,#29c7ff 54%,#8cecff),repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 3px,transparent 3px 12px);box-shadow:inset 0 2px #ffffff3d,0 0 18px #6be7ff47}html.theme-ui-dark .skill-key{color:#273044;text-shadow:0 1px 0 rgba(255,255,255,.72)}html.theme-ui-dark .skill-orb{border-color:#b8eeff61;background:radial-gradient(circle at center,rgba(237,249,255,.94) 0 57%,transparent 60%),conic-gradient(from -90deg,#5ed6eec7 calc(360deg - var(--cooldown)),#09182a33 0);box-shadow:0 18px 42px #00061275,0 0 0 3px #b8eeff1a,inset 0 0 0 8px #ffffff94}html.theme-ui-dark .skill-cooldown{color:#035a69;text-shadow:0 1px 0 rgba(255,255,255,.72),0 0 8px rgba(107,231,255,.18)}html.theme-ui-dark .skill-orb.is-ready .skill-cooldown{color:#006169;color:oklch(45% .105 204)}html.theme-ui-dark .skill-orb.is-cooling .skill-cooldown{color:#3d505bdb}html.theme-ui-dark .skill-orb.is-low .skill-cooldown{color:#735117;text-shadow:0 1px 0 rgba(255,255,255,.76),0 0 8px rgba(255,210,92,.12)}html.theme-ui-dark .status-effect{--status-ring: rgba(132, 38, 53, .86);--status-ring-empty: rgba(1, 7, 17, .54);--status-slot: rgba(3, 9, 20, .94);--status-slot-top: rgba(17, 32, 50, .86);--status-slot-border: rgba(122, 211, 235, .15);--status-shadow: rgba(0, 6, 18, .16);border-color:#64d6f51f;box-shadow:0 1px #00040c6b,0 4px 9px var(--status-shadow),inset 0 0 0 1px #64d6f509}html.theme-ui-dark .status-effect--kill{--status-ring: rgba(255, 211, 92, .92);--status-ring-soft: rgba(255, 211, 92, .16)}html.theme-ui-dark .status-effect--low-hp{--status-ring: rgba(126, 36, 50, .86);--status-ring-soft: rgba(126, 36, 50, .1);--status-icon: rgba(190, 65, 82, .84)}html.theme-ui-dark .status-effect__icon,html.theme-ui-dark .status-effect__time{text-shadow:0 1px 0 rgba(0,0,0,.88),0 0 8px rgba(107,231,255,.12);-webkit-text-stroke-color:rgba(0,0,0,.58)}html.theme-ui-dark .status-effect__tooltip{border-color:#b8eeff5c;background:linear-gradient(180deg,#0b1e3af5,#030a18f5);box-shadow:0 4px #00040cd1,0 16px 28px #0006127a,inset 0 0 0 1px #bfeeff1f;color:#d5e8f3}html.theme-ui-dark .kill-toast{color:#f69c90;text-shadow:0 1px 0 rgba(0,4,12,.86),0 2px 0 rgba(0,4,12,.58),0 0 14px oklch(78% .11 28 / .2),0 14px 28px rgba(0,0,0,.56);-webkit-text-stroke:.68px rgba(0,4,12,.88)}html.theme-ui-dark .minimap{border-color:#b8eeff6b;background:#020916a8;background-image:linear-gradient(90deg,rgba(169,223,255,.07) 1px,transparent 1px),linear-gradient(0deg,rgba(169,223,255,.055) 1px,transparent 1px),radial-gradient(circle at 30% 18%,rgba(107,231,255,.12),transparent 38%);box-shadow:0 18px 42px #0006127a,0 0 0 2px #b8eeff1f,0 0 0 7px #00050e2e,inset 0 0 34px #6be7ff14,inset 0 0 0 1px #b8eeff2e}html.theme-ui-dark .perf-qa{border-color:#b8eeff47;background:linear-gradient(180deg,#0d223ee6,#040d1edb),#040b1ae6;color:#d5e8f3;box-shadow:0 6px #00040cbd,0 18px 44px #00061270,inset 0 0 0 1px #bfeeff1f}html.theme-ui-dark .perf-qa span{background:#a9dfff14}html.theme-ui-dark .perf-qa strong{color:#6be7ff}html.theme-ui-dark .perf-qa[data-perf-status=warmup] #perfQaStatus,html.theme-ui-dark .perf-qa[data-perf-status=idle] #perfQaStatus,html.theme-ui-dark .perf-qa[data-perf-status=paused] #perfQaStatus{color:#83d4dccc}html.theme-ui-dark .perf-qa[data-perf-status=ok] #perfQaStatus{color:#52e9b2}html.theme-ui-dark .locked-toast{border-color:#b8eeff6b;background:radial-gradient(circle at 18% 8%,rgba(107,231,255,.2),transparent 34%),linear-gradient(180deg,#0f2a4cf0,#040d1eeb);color:#9ef2ff;box-shadow:0 5px #00040cb3,0 24px 52px #0006127a,0 0 24px #6be7ff29,inset 0 0 0 2px #bfeeff1a;text-shadow:0 2px 0 rgba(0,4,12,.72),0 0 14px rgba(107,231,255,.24)}html.theme-ui-dark .volume-control input::-webkit-slider-runnable-track{border-color:#b8eeff57;background:linear-gradient(90deg,#6be7ff9e,#6be7ff3d),#020813bd}html.theme-ui-dark .volume-control input::-webkit-slider-thumb{border-color:#dcf9ffd1;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.86) 0 18%,transparent 20%),linear-gradient(180deg,#9ef2ff,#3bbfe8)}html.theme-ui-dark .volume-control input::-moz-range-track{border-color:#b8eeff57;background:#071931d6}html.theme-ui-dark .volume-control input::-moz-range-thumb{border-color:#dcf9ffd1;background:#6be7ff}.desktop-gate{position:fixed;inset:0;z-index:40;display:none;place-items:center;padding:24px;background:radial-gradient(circle at 52% 20%,oklch(98% .006 88 / .74),transparent 34%),linear-gradient(180deg,#f0ebdef5,#ccc7baf0);color:#11161e;text-align:center}.desktop-gate div{max-width:470px;padding:28px;border:2px solid oklch(22% .013 258 / .32);border-radius:6px;background:var(--surface-milk);box-shadow:var(--modal-lift-shadow)}.desktop-gate span{display:block;margin-bottom:14px;color:#ff174f;font-family:var(--font-pixel-soft);font-size:16px;text-transform:uppercase}.desktop-gate strong{display:block;font-family:var(--font-pixel);font-size:clamp(18px,5vw,32px);line-height:1.45;text-transform:uppercase}.desktop-gate p{margin:18px 0 0;color:#393d45d1;font-family:var(--font-pixel-soft);font-size:16px;line-height:1.4;text-transform:uppercase}html.theme-ui-dark .desktop-gate{background:radial-gradient(circle at 52% 18%,oklch(62% .16 214 / .22),transparent 36%),linear-gradient(180deg,#030916fa,#010610fa),#010610fa;color:#d8ebf6}html.theme-ui-dark .desktop-gate div{border-color:#86d1e752;background:radial-gradient(circle at 18% 8%,rgba(122,226,255,.14),transparent 34%),linear-gradient(180deg,#0b1e3ad6,#040c1dd6),#040b1ae0;box-shadow:0 8px #00040cc7,0 34px 90px #00061294,inset 0 0 0 2px #bfeeff24}html.theme-ui-dark .desktop-gate span{color:#3ae0ed;text-shadow:0 2px 0 rgba(0,4,12,.74),0 0 18px rgba(107,231,255,.28)}html.theme-ui-dark .desktop-gate strong{color:#d0fbff;color:oklch(96% .06 204);text-shadow:0 2px 0 rgba(0,4,12,.78),0 0 24px rgba(107,231,255,.24)}html.theme-ui-dark .desktop-gate p{color:#a5c3d3c7}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.hero-ambient-bubble,.hero-bubble-pop-bit,.hero-gloss-orb,.hero-title-ink-spray,.menu-chip,.background-preview:before,.background-preview:after,.confetti-piece{animation:none!important}.hero-ambient-bubble,.hero-bubble-pop-bit,.hero-gloss-orb,.hero-title-ink-spray,.confetti-piece{display:none!important}.low-hp-vignette,.danger-warning,.showdown-fx,.showdown-fx *,.locked-toast,.status-effect,.skill-orb.is-ready{animation:none!important}}.start-screen{padding-inline:var(--ui-safe-left) var(--ui-safe-right);padding-bottom:max(var(--ui-safe-bottom),clamp(42px,7vh,78px))}html[data-menu-back-rail=ready] .menu-panel .menu-back-icon,.menu-back-icon[data-menu-back-rail-inactive=true]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.responsive-menu-back{position:fixed!important;left:calc(var(--ui-viewport-offset-x) + max(env(safe-area-inset-left,0px),var(--ui-safe-viewport-gutter, 24px)))!important;top:calc(var(--ui-viewport-offset-y) + max(env(safe-area-inset-top,0px),var(--ui-safe-viewport-gutter, 24px)))!important;z-index:230!important;width:max(52px,var(--ui-hit-target-min))!important;max-width:none!important;height:max(52px,var(--ui-hit-target-min))!important;min-width:max(52px,var(--ui-hit-target-min))!important;min-height:max(52px,var(--ui-hit-target-min))!important;display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.responsive-menu-back[hidden]{display:none!important}.browser-scale-guard{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:max(env(safe-area-inset-top,0px),24px) max(env(safe-area-inset-right,0px),24px) max(env(safe-area-inset-bottom,0px),24px) max(env(safe-area-inset-left,0px),24px);background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.86),transparent 36%),#e2e8f0f5;color:var(--ink-strong);text-align:center;pointer-events:auto}.browser-scale-guard[hidden]{display:none!important}.browser-scale-guard__card{display:grid;width:min(560px,100%);gap:14px;padding:clamp(24px,4vw,42px);border:2px solid var(--pixel-border);border-radius:8px;background:var(--surface-milk);box-shadow:var(--modal-lift-shadow)}.browser-scale-guard__card span,.browser-scale-guard__card strong,.browser-scale-guard__card p,.browser-scale-guard__card small{max-width:none;margin:0}.browser-scale-guard__card span{color:var(--danger-red);font-family:var(--font-pixel-soft);font-size:16px;text-transform:uppercase}.browser-scale-guard__card strong{font-family:var(--font-pixel);font-size:clamp(19px,4vw,30px);line-height:1.4;text-transform:uppercase}.browser-scale-guard__card p{color:var(--ink-soft);font-size:clamp(16px,2.2vw,19px);font-weight:800;line-height:1.5}.browser-scale-guard__card small{color:var(--ink-soft);font-family:var(--font-mono);font-size:14px;line-height:1.45}html.theme-ui-dark .browser-scale-guard{background:radial-gradient(circle at 50% 18%,rgba(107,231,255,.18),transparent 36%),#010610fa;color:#dbeff9}html.theme-ui-dark .browser-scale-guard__card{border-color:#6be7ff57;background:radial-gradient(circle at 18% 8%,rgba(107,231,255,.12),transparent 34%),#040b1af0;box-shadow:0 8px #00040cc7,0 34px 90px #00061294,inset 0 0 0 2px #bfeeff1f}html.theme-ui-dark .browser-scale-guard__card span{color:#6be7ff}html.theme-ui-dark .browser-scale-guard__card p,html.theme-ui-dark .browser-scale-guard__card small{color:#abc9dad1}.menu-stack{gap:var(--ui-menu-stack-gap, 20px)}#mainMenu .menu-stack{margin-top:var(--ui-main-menu-stack-offset, 74px)}.menu-dock-left .menu-chip:nth-child(1),.menu-dock-left .menu-chip:nth-child(2){left:max(var(--ui-safe-left),clamp(28px,8vw,128px))}.menu-dock-right .menu-chip:nth-child(1),.menu-dock-right .menu-chip:nth-child(2){right:max(var(--ui-safe-right),clamp(28px,8vw,128px))}:where(button,[role=button],input:not([type=hidden]),select,textarea){min-width:var(--ui-hit-target-min);min-height:var(--ui-hit-target-min)}html[data-ui-viewport=compact]{--ui-menu-stack-gap: 18px;--ui-main-menu-stack-offset: 62px}html[data-ui-viewport=narrow],html[data-ui-viewport=portrait]{--ui-menu-stack-gap: 14px;--ui-main-menu-stack-offset: 48px}html[data-ui-viewport=narrow] .menu-panel:not(.shop-panel),html[data-ui-viewport=portrait] .menu-panel:not(.shop-panel){overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}html[data-ui-viewport=narrow] .menu-button.menu-back-icon,html[data-ui-viewport=portrait] .menu-button.menu-back-icon{left:0;top:-64px}html[data-ui-viewport=portrait] .desktop-gate{display:grid;padding:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left)}@media(max-width:820px),(max-height:560px){.desktop-gate{display:grid}}@media(max-width:760px){:root{--game-hud-safe-x: 16px;--game-hud-safe-y: 16px}.hud{left:var(--game-hud-safe-x);right:var(--game-hud-safe-x);grid-template-columns:1fr}.hud-center,.theme-switcher{justify-self:start}.leaderboard{right:var(--game-hud-safe-x);top:auto;bottom:var(--game-hud-safe-y);width:190px}.skill-hud{bottom:var(--game-hud-safe-y)}.summary-actions,.summary-stats,.summary-highlights,.summary-breakdown{grid-template-columns:1fr;flex-direction:column}}#shopMenu.shop-panel.is-open{position:fixed!important;inset:0!important;width:100vw!important;min-width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;overflow:hidden!important;background:transparent!important}#shopMenu.shop-panel.is-open:not(.is-confirming):before{content:none!important;display:none!important;animation:none!important}#shopMenu.shop-panel.is-open:not(.is-confirming):after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open>.menu-back-icon{position:fixed!important;left:max(18px,env(safe-area-inset-left))!important;top:max(18px,env(safe-area-inset-top))!important;z-index:40!important}#shopMenu.shop-panel.is-open .shop-shell,#shopMenu.shop-panel.is-open .shop-chest-card{position:fixed!important;inset:0!important;z-index:5!important;display:block!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;pointer-events:none!important;background:transparent!important;box-shadow:none!important;transform:none!important}#shopMenu.shop-panel.is-open .shop-shell:before,#shopMenu.shop-panel.is-open .shop-shell:after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open .shop-wallet{display:none!important}#shopMenu.shop-panel.is-open #shopChestStatus{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#shopMenu.shop-panel.is-open .shop-chest-stage,#shopMenu.shop-panel.is-open .shop-chest-stage:focus,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-visible,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-within{position:fixed!important;inset:49% auto auto 50%!important;z-index:12!important;display:grid!important;place-items:center!important;width:clamp(248px,26vw,350px)!important;height:clamp(190px,20vw,270px)!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;overflow:visible!important;pointer-events:auto!important;background:transparent!important;box-shadow:none!important;transform:translate(-50%,-50%)!important}#shopMenu.shop-panel.is-open .shop-chest-stage:before{content:none!important;display:none!important;border:0!important;background:transparent!important;box-shadow:none!important;animation:none!important;filter:none!important}#shopMenu.shop-panel.is-open .shop-chest-stage>*{position:relative;z-index:1}#shopMenu.shop-panel.is-open .shop-chest-stage:after{content:none!important;display:none!important;border:0!important;background:transparent!important;box-shadow:none!important;animation:none!important}#shopMenu.shop-panel.is-open .shop-chest-stage:focus:not(:focus-visible){outline:0!important}#shopMenu.shop-panel.is-open .shop-chest-stage:focus-visible{outline:3px solid rgba(24,32,45,.88)!important;outline-offset:4px!important}#shopMenu.shop-panel.is-open .shop-chest-card:before,#shopMenu.shop-panel.is-open .shop-chest-card:after,#shopMenu.shop-panel.is-open .shop-rarity-aura,#shopMenu.shop-panel.is-open>.shop-underwater-ripples{content:none!important;display:none!important;opacity:0!important;border:0!important;background:transparent!important;box-shadow:none!important;animation:none!important}#shopMenu.shop-panel.is-open .shop-chest-card:not(.is-opening):not(.has-reward) .shop-chest,#shopMenu.shop-panel.is-open .shop-chest-card:not(.is-opening):not(.has-reward) .shop-chest-stage:hover .shop-chest,#shopMenu.shop-panel.is-open .shop-chest-card:not(.is-opening):not(.has-reward) .shop-chest-stage:active .shop-chest,#shopMenu.shop-panel.is-open .shop-chest-card:not(.is-opening):not(.has-reward) .shop-chest-stage:focus-visible .shop-chest,#shopMenu.shop-panel.is-open .shop-chest-card.is-water-focused:not(.is-opening):not(.has-reward) .shop-chest,#shopMenu.shop-panel.is-open .shop-chest-card:not(.is-opening):not(.has-reward) .shop-chest-stage.is-disabled .shop-chest{opacity:1!important;filter:none!important;transform:none!important;transition:none!important;animation:none!important}#shopMenu.shop-panel.is-open .shop-open-button{display:none!important}#shopMenu.shop-panel.is-open .shop-chest-hint:empty{display:none!important}#shopMenu.shop-panel.is-open .shop-chest-hint:not(:empty){position:fixed!important;left:50%!important;top:calc(49% + clamp(112px,13vw,150px))!important;z-index:16!important;display:block!important;width:max-content!important;max-width:min(34rem,calc(100vw - 48px))!important;margin:0!important;padding:10px 14px!important;border:1px solid rgba(112,82,41,.42)!important;border-radius:3px!important;color:#2d2419!important;background:#f6ebd6f0!important;box-shadow:0 4px #43301b29!important;font:700 clamp(14px,1vw,16px)/1.35 "Manrope",system-ui,sans-serif!important;text-align:center!important;pointer-events:none!important;transform:translate(-50%)!important}#shopMenu.shop-panel.is-open .shop-room-bubbles,#shopMenu.shop-panel.is-open .shop-room-bubbles.is-active{display:none!important;pointer-events:none!important;opacity:0!important;animation:none!important}#shopMenu.shop-panel.is-open.is-confirming .shop-room-bubbles{opacity:.18!important}#shopMenu.shop-panel.is-open .shop-live-bubble{display:none!important;pointer-events:none!important}@media(max-width:760px),(max-height:680px){#shopMenu.shop-panel.is-open .shop-chest-stage,#shopMenu.shop-panel.is-open .shop-chest-stage:focus,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-visible,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-within{top:48%!important;width:clamp(220px,58vw,300px)!important;height:clamp(170px,45vw,230px)!important}#shopMenu.shop-panel.is-open .shop-chest-hint:not(:empty){top:calc(48% + clamp(104px,30vw,132px))!important}}:root{--rewards-frame: color-mix(in srgb, var(--ink-strong) 88%, #17100a);--rewards-frame-shadow: color-mix(in srgb, var(--ink-strong) 58%, transparent);--rewards-surface: color-mix(in srgb, var(--panel) 96%, #fff8e7);--rewards-surface-raised: color-mix(in srgb, var(--panel) 90%, white);--rewards-copy: var(--ink-strong);--rewards-copy-soft: var(--ink-soft);--rewards-gold-light: oklch(94% .13 94);--rewards-gold: oklch(78% .15 84);--rewards-gold-dark: oklch(47% .11 70);--reward-accent: oklch(79% .04 88);--reward-accent-soft: oklch(79% .04 88 / .2);--reward-accent-ink: oklch(25% .03 72)}html.theme-ui-dark{--rewards-frame: rgba(137, 184, 213, .72);--rewards-frame-shadow: rgba(0, 4, 12, .76);--rewards-surface: rgba(3, 12, 25, .96);--rewards-surface-raised: rgba(8, 22, 38, .98);--rewards-copy: oklch(95% .025 226);--rewards-copy-soft: oklch(80% .04 222)}html body #shopMenu.shop-panel.is-open>.brand.shop-drops-title .shop-drops-coin.shop-drop-icon,html body #shopMenu.shop-panel.is-open .shop-confirm-cost-icon.shop-drop-icon,html body #yandexEconomyPanel .yandex-currency-icon.yandex-currency-icon--drops,html body .yandex-match-drops .yandex-currency-icon.yandex-currency-icon--drops{box-sizing:border-box!important;border:2px solid oklch(24% .07 68 / .94)!important;border-radius:50%!important;clip-path:none!important;background:radial-gradient(circle at 34% 27%,oklch(99% .055 98 / .98) 0 14%,transparent 15%),radial-gradient(circle at 44% 38%,oklch(91% .13 91) 0 35%,transparent 36%),linear-gradient(135deg,#f7cb58,#d4a234 29%,#c28e1f,#b07b00 58%,#815200,#532d00)!important;background:radial-gradient(circle at 34% 27%,oklch(99% .055 98 / .98) 0 14%,transparent 15%),radial-gradient(circle at 44% 38%,oklch(91% .13 91) 0 35%,transparent 36%),linear-gradient(135deg,#f7cb58,#d4a234 29%,#c28e1f,color(xyz 0.25 0.233 0.031) 58%,color(xyz 0.122 0.107 0.01),color(xyz 0.047 0.037 0.001))!important;box-shadow:0 2px #000000b8,0 0 7px #d2b46a29,inset 2px 1px #ffffff38,inset -3px -3px #371d0052!important;box-shadow:0 2px #000000b8,0 0 7px #d2b46a29,inset 2px 1px oklch(100% .05 96 / .22),inset -3px -3px oklch(26% .08 64 / .32)!important;filter:none!important;image-rendering:pixelated!important}html body #shopMenu.shop-panel.is-open>.brand.shop-drops-title .shop-drops-coin.shop-drop-icon:before,html body #shopMenu.shop-panel.is-open>.brand.shop-drops-title .shop-drops-coin.shop-drop-icon:after,html body #shopMenu.shop-panel.is-open .shop-confirm-cost-icon.shop-drop-icon:before,html body #shopMenu.shop-panel.is-open .shop-confirm-cost-icon.shop-drop-icon:after,html body #yandexEconomyPanel .yandex-currency-icon.yandex-currency-icon--drops:before,html body #yandexEconomyPanel .yandex-currency-icon.yandex-currency-icon--drops:after,html body .yandex-match-drops .yandex-currency-icon.yandex-currency-icon--drops:before,html body .yandex-match-drops .yandex-currency-icon.yandex-currency-icon--drops:after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open .shop-shell,#shopMenu.shop-panel.is-open .shop-chest-card{position:static!important;display:block!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}#shopMenu.shop-panel.is-open .shop-wallet,#shopMenu.shop-panel.is-open>.shop-rewards-floor,#shopMenu.shop-panel.is-open>.shop-room-bubbles,#shopMenu.shop-panel.is-open>.shop-underwater-ripples,#shopMenu.shop-panel.is-open .shop-rarity-aura,#shopMenu.shop-panel.is-open .shop-chest-prizes{display:none!important}#shopMenu.shop-panel.is-open .shop-chest-card:before,#shopMenu.shop-panel.is-open .shop-chest-card:after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title{position:fixed!important;inset:max(22px,calc(env(safe-area-inset-top) + 12px)) max(22px,calc(env(safe-area-inset-right) + 12px)) auto auto!important;z-index:44!important;display:grid!important;grid-template-columns:28px auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:9px!important;row-gap:2px!important;width:auto!important;height:auto!important;min-width:136px!important;min-height:54px!important;max-width:calc(100vw - 88px)!important;margin:0!important;padding:8px 12px 8px 10px!important;border:3px solid var(--rewards-frame)!important;border-radius:3px!important;color:var(--rewards-copy)!important;background:var(--rewards-surface)!important;box-shadow:0 5px 0 var(--rewards-frame-shadow),0 14px 28px color-mix(in srgb,var(--ink-strong) 14%,transparent),inset 0 0 0 2px color-mix(in srgb,white 14%,transparent)!important;clip-path:none!important;filter:none!important;transform:none!important;animation:none!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title:before,#shopMenu.shop-panel.is-open>.brand.shop-drops-title:after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title .shop-drops-coin{position:static!important;grid-column:1!important;grid-row:1 / span 2!important;display:block!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;margin:0!important;opacity:1!important;transform:none!important;animation:none!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title>span:not(.shop-drops-coin){position:static!important;grid-column:2!important;grid-row:1!important;display:block!important;margin:0!important;padding:0!important;color:var(--rewards-copy-soft)!important;font-family:var(--font-ui)!important;font-size:13px!important;font-weight:900!important;line-height:1!important;letter-spacing:.06em!important;text-align:left!important;text-shadow:none!important;text-transform:uppercase!important;transform:none!important;white-space:nowrap!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title>span:not(.shop-drops-coin):after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title strong{position:static!important;grid-column:2!important;grid-row:2!important;display:block!important;width:auto!important;min-width:2ch!important;max-width:12ch!important;margin:0!important;padding:0!important;overflow:visible!important;color:var(--rewards-copy)!important;font-family:var(--font-pixel)!important;font-size:18px!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;text-align:left!important;text-overflow:clip!important;text-shadow:none!important;transform:none!important;white-space:nowrap!important}#shopMenu.shop-panel.is-open .shop-chest-stage,#shopMenu.shop-panel.is-open .shop-chest-stage:focus,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-visible,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-within{position:fixed!important;inset:50% auto auto 50%!important;z-index:18!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:clamp(270px,24vw,348px)!important;height:clamp(246px,34vh,304px)!important;min-width:0!important;min-height:0!important;margin:0!important;padding:24px!important;border:4px solid var(--rewards-frame)!important;border-radius:3px!important;outline:0!important;overflow:hidden!important;color:var(--rewards-copy)!important;background:linear-gradient(180deg,color-mix(in srgb,white 10%,transparent),transparent 38%),var(--rewards-surface-raised)!important;box-shadow:0 8px 0 var(--rewards-frame-shadow),0 24px 48px color-mix(in srgb,var(--ink-strong) 18%,transparent)!important;clip-path:none!important;filter:none!important;transform:translate(-50%,-50%)!important;transition:transform .15s ease-out,filter .15s ease-out,box-shadow .15s ease-out!important;pointer-events:auto!important}#shopMenu.shop-panel.is-open .shop-chest-stage:before,#shopMenu.shop-panel.is-open .shop-chest-stage:after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open .shop-chest-stage:not(.is-disabled):not(:disabled):hover{filter:brightness(1.035)!important;transform:translate(-50%,calc(-50% - 4px))!important}#shopMenu.shop-panel.is-open .shop-chest-stage:focus-visible{border-color:var(--focus-ring)!important;outline:0!important;outline-offset:0!important;box-shadow:0 8px 0 var(--rewards-frame-shadow),0 24px 48px color-mix(in srgb,var(--ink-strong) 18%,transparent)!important}#shopMenu.shop-panel.is-open .shop-chest-stage.is-disabled{cursor:default!important}#shopMenu.shop-panel.is-open .shop-chest{position:relative!important;inset:auto!important;z-index:2!important;display:block!important;width:min(270px,92%)!important;height:auto!important;aspect-ratio:925 / 738!important;margin:4px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;opacity:1!important;background:url(/assets/rewards-approved-chest-DQdb9sFB.png) center / contain no-repeat!important;box-shadow:none!important;clip-path:none!important;filter:drop-shadow(0 8px 0 rgba(0,0,0,.26))!important;transform:none!important;animation:none!important;transition:transform .15s ease-out,filter .15s ease-out!important}#shopMenu.shop-panel.is-open .shop-chest-lid,#shopMenu.shop-panel.is-open .shop-chest-lock{display:none!important}#shopMenu.shop-panel.is-open .shop-chest-stage:not(.is-disabled):not(:disabled):hover .shop-chest,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-visible .shop-chest{filter:drop-shadow(0 9px 0 rgba(0,0,0,.28)) drop-shadow(0 0 14px color-mix(in srgb,var(--reward-accent) 24%,transparent))!important;transform:scale(1.018)!important}html body #shopMenu.shop-panel.is-open .shop-chest-stage .shop-chest-quantity{position:absolute!important;inset:12px 12px auto auto!important;z-index:7!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:38px!important;height:34px!important;min-width:38px!important;min-height:34px!important;margin:0!important;padding:0!important;border:3px solid var(--rewards-frame)!important;border-radius:2px!important;color:var(--rewards-copy)!important;background:var(--rewards-surface)!important;box-shadow:0 4px 0 var(--rewards-frame-shadow),inset 0 0 0 2px color-mix(in srgb,white 12%,transparent)!important;font-family:var(--font-pixel)!important;font-size:15px!important;font-style:normal!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;text-shadow:none!important;transform:none!important;pointer-events:none!important}#shopMenu.shop-panel.is-open .shop-chest-quantity>span{display:none!important}#shopMenu.shop-panel.is-open .shop-chest-quantity>strong{position:static!important;display:block!important;margin:0!important;color:inherit!important;font:inherit!important}#shopMenu.shop-panel.is-open .shop-chest-hint:not(:empty){position:fixed!important;inset:calc(50% + clamp(150px,21vh,182px)) auto auto 50%!important;z-index:20!important;display:block!important;box-sizing:border-box!important;width:max-content!important;max-width:min(520px,calc(100vw - 48px))!important;min-height:42px!important;margin:0!important;padding:10px 14px!important;border:3px solid var(--rewards-frame)!important;border-radius:2px!important;color:var(--rewards-copy)!important;background:var(--rewards-surface)!important;box-shadow:0 5px 0 var(--rewards-frame-shadow)!important;font-family:var(--font-ui)!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important;text-align:center!important;transform:translate(-50%)!important}#shopMenu.shop-panel.is-open.is-confirming:before{content:""!important;position:fixed!important;inset:0!important;z-index:60!important;display:block!important;background:color-mix(in srgb,var(--ink-strong) 46%,transparent)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;pointer-events:auto!important}#shopMenu.shop-panel.is-open .shop-chest-confirm.is-hidden{display:none!important}#shopMenu.shop-panel.is-open .shop-chest-confirm:not(.is-hidden){position:fixed!important;inset:50% auto auto 50%!important;z-index:70!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;gap:14px!important;box-sizing:border-box!important;width:min(420px,calc(100vw - 36px))!important;min-width:0!important;min-height:0!important;margin:0!important;padding:24px!important;border:4px solid var(--rewards-frame)!important;border-radius:3px!important;overflow:visible!important;color:var(--rewards-copy)!important;background:var(--rewards-surface-raised)!important;box-shadow:0 8px 0 var(--rewards-frame-shadow),0 28px 70px color-mix(in srgb,var(--ink-strong) 34%,transparent)!important;clip-path:none!important;filter:none!important;transform:translate(-50%,-50%)!important;animation:none!important;pointer-events:auto!important}#shopMenu.shop-panel.is-open .shop-chest-confirm:not(.is-hidden):before,#shopMenu.shop-panel.is-open .shop-chest-confirm:not(.is-hidden):after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open .shop-confirm-icon{display:none!important}#shopMenu.shop-panel.is-open .shop-confirm-title{position:static!important;display:block!important;margin:0!important;color:var(--rewards-copy)!important;font-family:var(--font-pixel-soft)!important;font-size:clamp(18px,2.2vw,24px)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:.02em!important;text-align:center!important;text-shadow:none!important;text-transform:uppercase!important}#shopMenu.shop-panel.is-open .shop-confirm-cost{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;box-sizing:border-box!important;width:auto!important;min-height:42px!important;margin:0!important;padding:8px 12px!important;border:2px solid var(--rewards-frame)!important;border-radius:2px!important;color:var(--rewards-copy)!important;background:var(--rewards-surface-raised)!important;box-shadow:0 4px 0 var(--rewards-frame-shadow)!important;font-family:var(--font-ui)!important;font-size:14px!important;font-weight:900!important;line-height:1!important;text-align:center!important;transform:none!important}#shopMenu.shop-panel.is-open .shop-confirm-cost:before,#shopMenu.shop-panel.is-open .shop-confirm-cost:after{content:none!important;display:none!important}#shopMenu.shop-panel.is-open .shop-confirm-cost-icon{position:static!important;display:inline-block!important;flex:0 0 auto!important;width:19px!important;height:19px!important}#shopMenu.shop-panel.is-open .shop-confirm-cost-label,#shopMenu.shop-panel.is-open .shop-confirm-cost-amount,#shopMenu.shop-panel.is-open .shop-confirm-cost-unit{color:inherit!important;text-shadow:none!important}#shopMenu.shop-panel.is-open .shop-confirm-actions{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:4px 0 0!important}#shopMenu.shop-panel.is-open .shop-confirm-button{position:static!important;inset:auto!important;width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;transform:none!important}#shopReveal.shop-reveal.is-hidden{display:none!important}#shopReveal.shop-reveal:not(.is-hidden){position:fixed!important;inset:0!important;z-index:180!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;place-items:center!important;gap:14px!important;box-sizing:border-box!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important;overflow:hidden!important;opacity:1!important;visibility:visible!important;background:radial-gradient(circle at 50% 42%,var(--reward-accent-soft),transparent 38%),#02060ce6!important;pointer-events:auto!important;isolation:isolate!important}#shopReveal.shop-reveal:not(.is-hidden):before,#shopReveal.shop-reveal:not(.is-hidden):after,#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-vignette,#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-portal,#shopReveal.shop-reveal:not(.is-hidden) .shop-card-dot-grid,#shopReveal.shop-reveal:not(.is-hidden) .shop-card-pixel-grid,#shopReveal.shop-reveal:not(.is-hidden) .shop-card-pixel-canvas,#shopReveal.shop-reveal:not(.is-hidden) .shop-card-peel-flap,#shopReveal.shop-reveal:not(.is-hidden) .shop-card-edge-mesh,#shopReveal.shop-reveal:not(.is-hidden) .shop-card-edge-light,#shopReveal.shop-reveal:not(.is-hidden) .shop-card-spotlight{content:none!important;display:none!important;opacity:0!important;background:none!important;animation:none!important;pointer-events:none!important}#shopReveal.shop-reveal[data-reward-rarity=common]{--reward-accent: oklch(84% .025 88);--reward-accent-soft: oklch(84% .025 88 / .18);--reward-accent-ink: oklch(30% .025 72)}#shopReveal.shop-reveal[data-reward-rarity=uncommon]{--reward-accent: oklch(76% .13 151);--reward-accent-soft: oklch(76% .13 151 / .22);--reward-accent-ink: oklch(24% .075 151)}#shopReveal.shop-reveal[data-reward-rarity=rare]{--reward-accent: oklch(73% .14 245);--reward-accent-soft: oklch(73% .14 245 / .24);--reward-accent-ink: oklch(24% .09 245)}#shopReveal.shop-reveal[data-reward-rarity=epic]{--reward-accent: oklch(73% .17 313);--reward-accent-soft: oklch(73% .17 313 / .24);--reward-accent-ink: oklch(25% .1 313)}#shopReveal.shop-reveal[data-reward-rarity=legendary]{--reward-accent: oklch(83% .16 86);--reward-accent-soft: oklch(83% .16 86 / .28);--reward-accent-ink: oklch(29% .08 72)}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card{position:relative!important;inset:auto!important;z-index:2!important;grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:center!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(150px,1fr) auto auto auto auto!important;align-content:center!important;justify-items:center!important;gap:clamp(7px,1.2vh,12px)!important;box-sizing:border-box!important;width:min(372px,calc(100vw - 42px))!important;height:min(510px,calc(100dvh - 126px))!important;min-width:0!important;min-height:382px!important;max-height:510px!important;margin:0!important;padding:clamp(20px,3vh,28px) clamp(20px,2.5vw,28px)!important;border:4px solid var(--reward-accent)!important;border-radius:3px!important;outline:0!important;overflow:hidden!important;color:#f6f8fa!important;background:linear-gradient(180deg,#0f1924fa,#03080ffc)!important;background-size:auto!important;box-shadow:0 8px #000000c7,0 0 34px var(--reward-accent-soft),0 30px 74px #0000008f!important;clip-path:none!important;contain:layout paint!important;transform:none;transform-origin:50% 58%!important;animation:none!important;pointer-events:auto!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card:before,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card:after{content:none!important;display:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card>.shop-reveal-rarity,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card>.shop-reward-icon,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card>#shopRevealTitle,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card>#shopRevealDetail,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card>.shop-reveal-duplicate,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card>.shop-reveal-compensation{position:relative!important;inset:auto!important;z-index:3!important;grid-column:1!important;justify-self:center!important;box-sizing:border-box!important;max-width:100%!important;margin:0!important;opacity:1!important;visibility:visible!important;text-align:center!important;transform:none}#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-rarity{grid-row:1!important;display:block!important;min-width:124px!important;padding:8px 14px 7px!important;border:0!important;border-radius:2px!important;color:var(--reward-accent-ink)!important;background:var(--reward-accent)!important;box-shadow:0 4px #000000ad!important;clip-path:none!important;font-family:var(--font-pixel-soft)!important;font-size:clamp(12px,1.2vw,15px)!important;font-weight:900!important;line-height:1!important;letter-spacing:.07em!important;text-shadow:none!important;text-transform:uppercase!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-rarity:before,#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-rarity:after{content:none!important;display:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon{grid-row:2!important;align-self:center!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:clamp(154px,24vh,196px)!important;height:auto!important;max-width:100%!important;min-width:0!important;min-height:0!important;aspect-ratio:1!important;margin:0!important;padding:14px!important;border:3px solid var(--reward-accent)!important;border-radius:3px!important;overflow:hidden!important;color:#fff9e6!important;background:radial-gradient(circle at 50% 42%,var(--reward-accent-soft),transparent 62%),#050a11!important;box-shadow:0 7px #000000c2,inset 0 0 0 3px #ffffff0f!important;clip-path:none!important;font-family:var(--font-pixel)!important;font-size:72px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.06em!important;text-shadow:0 5px 0 rgba(0,0,0,.8),0 0 16px var(--reward-accent-soft)!important;white-space:nowrap!important;transform-origin:50% 58%!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon:before,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon:after{content:none!important;display:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon[data-kind=points]{font-size:clamp(64px,8.5vw,86px)!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon[data-kind=points][data-value-length="3"]{font-size:clamp(52px,6.7vw,70px)!important;letter-spacing:-.09em!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-points-value{position:static!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 .06em 0 0!important;overflow:visible!important;color:#fff8df!important;font:inherit!important;font-size:inherit!important;font-weight:900!important;line-height:1!important;letter-spacing:inherit!important;text-align:center!important;text-transform:none!important;text-shadow:0 5px 0 rgba(0,0,0,.82),0 0 18px rgba(255,209,102,.32)!important;transform:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon[data-kind=avatar],#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon[data-kind=skin],#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon[data-kind=emote]{padding:10px!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-avatar,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-skin,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-emote{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-avatar>em,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-skin>em,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-emote>em{display:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-avatar-disc{display:grid!important;place-items:center!important;width:min(136px,100%)!important;height:auto!important;aspect-ratio:1!important;border:0!important;border-radius:2px!important;overflow:hidden!important;background:#02060b!important;box-shadow:0 0 0 3px var(--reward-accent)!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-avatar-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:pixelated!important;filter:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-avatar-glyph{color:#f4fbff!important;font-family:var(--font-pixel)!important;font-size:58px!important;line-height:1!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-skin .skin-inkling-preview{width:min(168px,100%)!important;height:min(126px,100%)!important;max-width:100%!important;max-height:100%!important;transform:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-skin .skin-inkling-preview__viewport{width:100%!important;height:100%!important;overflow:hidden!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-skin .skin-inkling-preview__sheet{height:100%!important;max-height:100%!important;image-rendering:pixelated!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-emote-bubble{display:grid!important;place-items:center!important;width:min(154px,100%)!important;height:min(116px,100%)!important;min-height:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-emote-art.emote-asset-strip{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;transform:scale(1.35)!important;transform-origin:50% 50%!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-emote-art .emote-asset-strip__sheet{width:calc(var(--emote-frames, 1) * 100%)!important;height:100%!important;max-width:none!important;object-fit:cover!important;image-rendering:pixelated!important;animation:emoteAssetStripPlay 1.28s steps(var(--emote-steps, 1),end) infinite both!important}#shopReveal.shop-reveal:not(.is-hidden) #shopRevealTitle{grid-row:3!important;max-width:20ch!important;overflow:visible!important;color:#f7f9fa!important;font-family:var(--font-pixel)!important;font-size:clamp(18px,2.25vw,26px)!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important;text-shadow:0 3px 0 rgba(0,0,0,.86)!important;text-transform:uppercase!important}#shopReveal.shop-reveal:not(.is-hidden) #shopRevealDetail{grid-row:4!important;max-width:28ch!important;min-height:1.3em!important;overflow:visible!important;color:#e8eef2cc!important;font-family:var(--font-ui)!important;font-size:clamp(13px,1.15vw,15px)!important;font-weight:800!important;line-height:1.3!important;text-shadow:0 2px 0 rgba(0,0,0,.7)!important;text-transform:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-duplicate{grid-row:5!important;color:#ff9b88!important;font-family:var(--font-ui)!important;font-size:14px!important;line-height:1.2!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-compensation{grid-row:6!important;color:#ffe09a!important;font-family:var(--font-ui)!important;font-size:14px!important;line-height:1.2!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-prompt{display:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button{position:relative!important;inset:auto!important;z-index:4!important;grid-column:1!important;grid-row:2!important;align-self:end!important;justify-self:center!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:min(284px,calc(100vw - 54px))!important;min-height:54px!important;margin:0!important;padding:10px 18px!important;border:3px solid var(--reward-accent)!important;border-radius:3px!important;color:var(--reward-accent-ink)!important;background:var(--reward-accent)!important;box-shadow:0 6px #000000d6,inset 0 0 0 2px #ffffff38!important;font-size:13px!important;opacity:1!important;visibility:visible!important;clip-path:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button:hover:not(:disabled),#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button:focus-visible:not(:disabled){filter:brightness(1.08)!important;box-shadow:0 6px #000000d6,0 0 0 5px var(--reward-accent-soft),inset 0 0 0 2px #ffffff42!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button:focus-visible{outline:3px solid white!important;outline-offset:4px!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button:disabled{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-skip{position:fixed!important;inset:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) auto auto!important;z-index:5!important}#shopReveal.shop-reveal.is-sealed:not(.is-hidden) .shop-reward-card{grid-template-rows:auto minmax(170px,1fr) auto!important}#shopReveal.shop-reveal.is-sealed:not(.is-hidden) .shop-reward-icon{color:var(--reward-accent)!important;font-size:clamp(68px,9vw,96px)!important}#shopReveal.shop-reveal.is-sealed:not(.is-hidden) #shopRevealDetail,#shopReveal.shop-reveal.is-sealed:not(.is-hidden) .shop-reveal-duplicate,#shopReveal.shop-reveal.is-sealed:not(.is-hidden) .shop-reveal-compensation{display:none!important}#shopReveal.shop-reveal.is-claiming:not(.is-hidden) .shop-reward-card,#shopReveal.shop-reveal.is-claiming:not(.is-hidden) .shop-claim-button{animation:shopRewardClaimReturn .22s ease-in both!important}@media(max-width:600px),(max-height:680px){#shopMenu.shop-panel.is-open>.brand.shop-drops-title{inset:max(16px,calc(env(safe-area-inset-top) + 8px)) max(16px,calc(env(safe-area-inset-right) + 8px)) auto auto!important;min-width:126px!important;min-height:50px!important;padding:7px 10px 7px 8px!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title .shop-drops-coin{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}#shopMenu.shop-panel.is-open .shop-chest-stage,#shopMenu.shop-panel.is-open .shop-chest-stage:focus,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-visible,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-within{width:min(294px,calc(100vw - 72px))!important;height:min(250px,calc(100dvh - 176px))!important;padding:20px!important}#shopMenu.shop-panel.is-open .shop-chest{width:min(220px,90%)!important}#shopReveal.shop-reveal:not(.is-hidden){gap:10px!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card{grid-template-rows:auto minmax(126px,1fr) auto auto auto auto!important;gap:6px!important;width:min(340px,calc(100vw - 34px))!important;height:calc(100dvh - 94px)!important;min-height:0!important;max-height:470px!important;padding:16px 20px!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon{width:clamp(132px,22vh,166px)!important}#shopReveal.shop-reveal:not(.is-hidden) #shopRevealTitle{font-size:clamp(17px,2.5vw,22px)!important}#shopReveal.shop-reveal:not(.is-hidden) #shopRevealDetail{font-size:13px!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button{min-height:50px!important}}@media(prefers-reduced-motion:reduce){#shopMenu.shop-panel.is-open .shop-chest-stage,#shopMenu.shop-panel.is-open .shop-chest,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-card,#shopReveal.shop-reveal:not(.is-hidden) .shop-reward-icon,#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button,#shopReveal.shop-reveal:not(.is-hidden) .emote-asset-strip__sheet{animation:none!important;transition:none!important}}@keyframes shopRewardClaimReturn{to{opacity:0;transform:translateY(8px) scale(.98)}}#shopMenu.shop-panel.is-open .shop-chest-hint,html body #shopMenu.shop-panel.is-open .shop-chest-stage .shop-chest-quantity,#shopMenu.shop-panel.is-open .shop-confirm-title,#shopMenu.shop-panel.is-open>.brand.shop-drops-title>span:not(.shop-drops-coin),#shopMenu.shop-panel.is-open .shop-confirm-cost-label,#shopMenu.shop-panel.is-open .shop-confirm-cost-unit,#shopMenu.shop-panel.is-open .shop-confirm-button .button-text,#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button .button-text,#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-skip .button-text,#shopReveal.shop-reveal:not(.is-hidden) #shopRevealDetail,#shopReveal.shop-reveal:not(.is-hidden) #shopRevealRarity{display:none!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title{grid-template-rows:auto!important;min-width:104px!important}#shopMenu.shop-panel.is-open>.brand.shop-drops-title strong,#shopMenu.shop-panel.is-open>.brand.shop-drops-title .shop-drops-coin{grid-row:1!important}#shopMenu.shop-panel.is-open .shop-chest-confirm:not(.is-hidden){width:min(280px,calc(100vw - 36px))!important;padding:22px!important;gap:18px!important;background:#eee9dc!important;color:#171d2a!important}#shopMenu.shop-panel.is-open .shop-confirm-cost{padding:0!important;border:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font-family:var(--font-pixel)!important;font-size:22px!important}#shopMenu.shop-panel.is-open .shop-confirm-cost-icon{width:26px!important;height:26px!important}#shopMenu.shop-panel.is-open .shop-confirm-actions{grid-template-columns:repeat(2,72px)!important;width:auto!important;gap:16px!important}#shopMenu.shop-panel.is-open .shop-confirm-button,#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button,#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-skip{display:grid!important;place-items:center!important;width:72px!important;min-width:0!important;min-height:56px!important;padding:8px!important;border:3px solid #171d2a!important;border-radius:3px!important;color:#eee9dc!important;background:#171d2a!important;box-shadow:0 5px #171d2a66!important;text-shadow:none!important}#shopMenu.shop-panel.is-open #shopChestConfirmNo{color:#171d2a!important;background:#eee9dc!important}#shopMenu.shop-panel.is-open .shop-confirm-button .shop-action-glyph,#shopReveal.shop-reveal:not(.is-hidden) .shop-action-glyph{display:block!important;color:inherit!important;font:900 30px/1 var(--font-ui)!important;pointer-events:none!important}#shopMenu.shop-panel.is-open .shop-confirm-button:focus-visible,#shopReveal.shop-reveal:not(.is-hidden) .shop-claim-button:focus-visible,#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-skip:focus-visible{outline:3px solid #171d2a!important;outline-offset:5px!important}#shopReveal.shop-reveal:not(.is-hidden) .shop-reveal-skip[hidden]{display:none!important}#shopMenu.shop-panel.is-open #shopChestStatus{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;pointer-events:none!important}#shopMenu.shop-panel.is-open .shop-chest-stage,#shopMenu.shop-panel.is-open .shop-chest-stage:focus,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-visible,#shopMenu.shop-panel.is-open .shop-chest-stage:focus-within{inset:0!important;margin:auto!important;transform:translateY(16px)!important}#shopMenu.shop-panel.is-open .shop-chest-stage:not(.is-disabled):not(:disabled):hover{transform:translateY(12px)!important}.friends-list{display:block;max-height:min(430px,44vh);overflow:auto;padding:2px 6px 8px 2px;scrollbar-gutter:stable}.friends-group+.friends-group{margin-top:18px}.friends-group>h3{margin:0 0 10px;color:#111827a3;font-family:var(--font-pixel);font-size:10px;font-weight:400}.friends-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.friend-card{grid-template-columns:minmax(0,1fr) auto;cursor:default}.friend-profile-button{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:52px;padding:0;border:0;appearance:none;background:transparent;color:inherit;cursor:pointer;text-align:left;text-transform:uppercase}.friend-profile-button:focus-visible,.friend-more-button:focus-visible,.friend-action:focus-visible{outline:3px solid #1677aa;outline-offset:2px}.friends-search-input:focus-visible{outline:4px solid #1677aa;outline-offset:3px}.friend-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.friend-action{min-width:48px;min-height:44px;padding:6px 8px;border:2px solid rgba(17,24,39,.24);border-radius:4px;background:#ffffff38;color:inherit;font-family:var(--font-pixel-soft);font-size:9px;text-transform:uppercase;cursor:pointer}.friend-action:hover{background:#ffffff6b}.friend-action:disabled,.friends-list[aria-busy=true] .friend-action{pointer-events:none;cursor:wait;opacity:.5}.friend-action-primary{border-color:#16653480;color:#14532d}.friend-action-danger{border-color:#991b1b85;color:#8b1d1d}.friend-action-party{border-color:#1677aa85;color:#075985}.friend-pending{font-family:var(--font-pixel-soft);font-size:9px;color:#11182794}.arena-party-card{grid-template-columns:1fr;gap:12px;padding:14px;border-color:#1677aa75}.arena-party-header{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-pixel);font-size:11px;text-transform:uppercase}.arena-party-members{display:grid;gap:8px}.arena-party-member{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.arena-party-member .friend-avatar{width:38px;height:38px}.arena-party-member .friend-copy{min-width:0}.arena-party-member .friend-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-party-actions{justify-content:flex-start}.rankings-tab{min-height:46px}html.theme-ui-dark .friends-group>h3,html.theme-ui-dark .friend-pending{color:#a5c3d3c7}html.theme-ui-dark .friend-action{border-color:#687f9466;background:#091424a8;color:#d2e9f5}html.theme-ui-dark .friend-action-primary{border-color:#58dc9c99;color:#8ce0ac}html.theme-ui-dark .friend-action-danger{border-color:#ff70709e;color:#faa}html.theme-ui-dark .friend-action-party{border-color:#7dd3fc9e;color:#bae6fd}html.theme-ui-dark .friends-search-input:focus-visible{outline-color:#7dd3fc}html.theme-ui-dark .friend-more-button:focus-visible{outline-color:#7dd3fc}@media(max-width:820px){.friends-group-list{grid-template-columns:1fr}.friends-list{max-height:min(360px,42vh)}}@media(max-width:560px){.friend-roster-card{grid-template-columns:minmax(0,1fr) auto}.friend-request-card,.arena-party-card{grid-template-columns:1fr}.friend-actions{justify-content:stretch}.friend-action{flex:1}}@media(prefers-reduced-motion:reduce){.friend-card,.friend-action{transition:none!important}}.competitive-mode-picker{--social-control-surface: rgba(255, 255, 255, .68);--social-control-surface-hover: rgba(255, 255, 255, .94);--social-panel-surface: rgba(246, 248, 249, .98);display:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 16px;padding:14px 12px;border-block:1px solid rgba(17,24,39,.14);color:inherit}.lobby-panel[data-lobby-mode=online] .competitive-mode-picker{display:grid}.competitive-mode-picker>strong{grid-column:1 / -1;font-family:var(--font-pixel);font-size:14px;text-transform:uppercase}.competitive-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.competitive-mode-options>button,.lobby-invite-toggle,.lobby-invite-empty,.lobby-invite-friend{display:grid;min-height:56px;padding:10px 12px;border:1px solid rgba(17,24,39,.34);border-radius:3px;background:var(--social-control-surface);box-shadow:0 3px #11182724;color:inherit;font-family:var(--font-pixel-soft);text-align:left;cursor:pointer}.competitive-mode-options>button:hover,.lobby-invite-toggle:hover,.lobby-invite-empty:hover,.lobby-invite-friend:hover{background:var(--social-control-surface-hover)}.competitive-mode-options>button[data-selected=true]{border-color:#111827;background:#111827;box-shadow:0 3px #11182747;color:#fffaf0}.competitive-mode-options>button:disabled{border-style:dashed;box-shadow:none;cursor:default;opacity:.54}.competitive-mode-options>button span,.lobby-invite-toggle span{font-size:14px;text-transform:uppercase}.competitive-mode-options>button small{margin-top:5px;font-size:14px;line-height:1.25;opacity:.72}.competitive-mode-note{grid-column:1 / -1;margin:0;color:color-mix(in srgb,currentColor 72%,transparent);font-family:var(--font-pixel-soft);font-size:14px;line-height:1.5}.lobby-invite-control{position:relative}.lobby-invite-toggle{min-width:176px;place-items:center;text-align:center}.lobby-invite-picker{position:absolute;z-index:100;top:auto;right:0;bottom:calc(100% + 8px);width:min(360px,calc(100vw - 64px));padding:10px;border:2px solid #111827;border-radius:4px;background:var(--social-panel-surface);box-shadow:4px 5px #1118273d}.lobby-invite-picker[hidden]{display:none}.lobby-invite-status{min-height:18px;margin:0 0 8px;font-family:var(--font-pixel-soft);font-size:14px;line-height:1.35}.lobby-invite-list{display:grid;max-height:min(300px,42vh);gap:8px;overflow:auto}.lobby-invite-friend{grid-template-columns:minmax(0,1fr) auto;min-height:60px;gap:5px 10px}.lobby-invite-friend>span,.lobby-invite-friend>small{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.lobby-invite-friend>small{grid-row:2;opacity:.68}.lobby-invite-friend>em{grid-column:2;grid-row:1 / 3;align-self:center;font-size:14px;font-style:normal}.lobby-invite-friend:disabled{cursor:default;opacity:.58}.lobby-invite-empty{width:100%;place-items:center;text-align:center}.lobby-panel[data-lobby-mode=online] #lobbyWalletStatus,.lobby-panel[data-lobby-mode=online] #lobbyReadyState,.lobby-panel[data-lobby-mode=online] .lobby-mode-row,.lobby-panel[data-lobby-mode=online] .lobby-party-row{display:none!important}.competitive-rating-toast{position:fixed;z-index:200;top:20px;left:50%;max-width:min(620px,calc(100vw - 28px));padding:12px 18px;border:3px solid #111827;border-radius:5px;background:#f3f5f6;box-shadow:5px 6px #1118273d;color:#111827;font-family:var(--font-pixel-soft);font-size:14px;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity .14s ease,transform .14s ease}.competitive-rating-toast.is-visible{opacity:1;transform:translate(-50%)}.competitive-rating-toast[data-state=rated]{border-color:#166534}html.theme-ui-dark .competitive-mode-picker,html.theme-ui-dark .competitive-rating-toast{background:#101c2c;color:#eef6ff;border-color:#7890a8}html.theme-ui-dark .competitive-mode-picker{--social-control-surface: rgba(8, 18, 31, .78);--social-control-surface-hover: rgba(18, 38, 59, .94);--social-panel-surface: #101c2c}html.theme-ui-dark .competitive-mode-options>button,html.theme-ui-dark .lobby-invite-toggle,html.theme-ui-dark .lobby-invite-empty,html.theme-ui-dark .lobby-invite-friend{background:#08121fc7;border-color:#587087;color:#eef6ff}html.theme-ui-dark .competitive-mode-options>button[data-selected=true]{background:#eef6ff;color:#101c2c}html.theme-ui-dark .lobby-invite-picker{background:#101c2c;color:#eef6ff;border-color:#7890a8}@media(max-width:760px){.competitive-mode-picker,.competitive-mode-options{grid-template-columns:1fr}.lobby-invite-toggle{width:100%}.lobby-invite-picker{right:auto;left:0;width:100%}}@media(prefers-reduced-motion:reduce){.competitive-rating-toast{transition:none}}.friend-duel-invite-banner{position:fixed;z-index:190;top:max(24px,3vw,env(safe-area-inset-top));right:max(24px,3vw,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:min(520px,calc(100vw - 36px));gap:14px;padding:15px 16px;border:2px solid rgba(120,38,48,.72);border-radius:7px;background:#f1e7d3f7;box-shadow:5px 6px #11182738;color:#1f2937}.friend-duel-invite-banner[hidden]{display:none}.friend-duel-invite-copy{display:grid;min-width:0;gap:3px}.friend-duel-invite-copy small,.friend-duel-invite-copy strong{font-family:var(--font-pixel);text-transform:uppercase}.friend-duel-invite-copy small{color:#8f2737;font-size:14px;letter-spacing:.08em}.friend-duel-invite-copy strong{font-size:16px}.friend-duel-invite-copy>span,.friend-duel-invite-copy>em{overflow:hidden;font-family:var(--font-pixel-soft);font-size:14px;font-style:normal;line-height:1.35;text-overflow:ellipsis}.friend-duel-invite-copy>em{min-height:0;color:#8f2737;font-size:14px}.friend-duel-invite-copy>em:empty{display:none}.friend-duel-invite-actions{display:flex;flex-wrap:wrap;gap:8px}.friend-duel-invite-actions button{min-width:96px;min-height:48px;padding:9px 12px;border:2px solid rgba(31,41,55,.5);border-radius:4px;background:#fffbf0b3;color:inherit;font-family:var(--font-pixel-soft);font-size:14px;cursor:pointer}.friend-duel-invite-actions button:first-child{border-color:#8f2737;background:#8f2737;color:#fff8ec}.friend-duel-invite-actions button:disabled{cursor:wait;opacity:.55}.friend-duel-invite-actions button:focus-visible,.settings-yandex-sign-in:focus-visible,.settings-duel-dnd-toggle:focus-visible,.settings-language-actions button:focus-visible{outline:4px solid #0b78a8;outline-offset:3px}.settings-yandex-account,.settings-duel-dnd,.settings-language{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;gap:14px;padding:13px 14px;border:1px solid rgba(17,24,39,.24);border-radius:5px;background:#ffffff94;box-shadow:0 3px #1118271a}.settings-yandex-account{border-left:4px solid rgba(219,62,72,.72)}.settings-language{border-left:4px solid rgba(47,98,173,.74)}.settings-yandex-account-copy,.settings-duel-dnd-copy,.settings-language-copy{display:grid;min-width:0;gap:4px}.settings-yandex-account-copy small,.settings-language-copy small{color:#11182794;font-family:var(--font-pixel-soft);font-size:14px;font-weight:900;line-height:1.2;text-transform:uppercase}.settings-yandex-account-copy strong,.settings-duel-dnd-copy strong,.settings-language-copy strong{font-family:var(--font-pixel);font-size:14px;text-transform:uppercase}.settings-yandex-account-copy em,.settings-duel-dnd-copy small,.settings-duel-dnd-copy em,.settings-language-copy em{font-family:var(--font-pixel-soft);font-size:14px;font-style:normal;line-height:1.35}.settings-yandex-account-copy em,.settings-language-copy em{color:#111827ad}.settings-language-actions{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:8px}.settings-language-actions button{min-height:48px;padding:9px 12px;border:2px solid rgba(17,24,39,.42);border-radius:5px;background:#ffffffad;color:inherit;box-shadow:0 3px #11182724;cursor:pointer;font-family:var(--font-pixel-soft);font-size:14px}.settings-language-actions button:hover{background:#fffffff0}.settings-language-actions button.is-active{border-color:#111827;background:#111827;color:#f8fafc}.settings-yandex-account[data-state=connected] .settings-yandex-account-copy em{color:#24633f}.settings-yandex-sign-in{min-width:128px;min-height:48px;padding:9px 14px;border:2px solid rgba(185,44,57,.68);border-radius:6px;color:#fff8ec;background:#ba3447;box-shadow:0 3px #58121f57;cursor:pointer;font-family:var(--font-pixel-soft);font-size:14px}.settings-yandex-sign-in:hover:not(:disabled){border-color:#92273a;background:#a92c40}.settings-yandex-sign-in:disabled{cursor:not-allowed;opacity:.52}.settings-yandex-sign-in[hidden]{display:none}.settings-duel-dnd-copy em{color:#8f2737}.settings-duel-dnd-copy em:empty{display:none}.settings-duel-dnd-toggle{display:inline-grid;grid-template-columns:28px auto;align-items:center;min-width:94px;min-height:48px;gap:8px;padding:7px 10px;border:2px solid rgba(17,24,39,.45);border-radius:999px;background:#11182714;color:inherit;font-family:var(--font-pixel-soft);cursor:pointer}.settings-duel-dnd-toggle>span{position:relative;width:28px;height:16px;border-radius:999px;background:#11182747}.settings-duel-dnd-toggle>span:after{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#fff8ec;content:"";transition:transform .12s ease}.settings-duel-dnd-toggle[aria-checked=true]{border-color:#8f2737b3;background:#8f273721}.settings-duel-dnd-toggle[aria-checked=true]>span{background:#8f2737}.settings-duel-dnd-toggle[aria-checked=true]>span:after{transform:translate(12px)}.settings-duel-dnd-toggle:disabled{cursor:not-allowed;opacity:.52}.settings-duel-dnd-toggle em{font-size:14px;font-style:normal}html.theme-ui-dark .friend-duel-invite-banner,html.theme-ui-dark .settings-yandex-account,html.theme-ui-dark .settings-duel-dnd,html.theme-ui-dark .settings-language{border-color:#ff8291ad;background:#0d1a2af7;color:#eef6ff}html.theme-ui-dark .friend-duel-invite-copy small,html.theme-ui-dark .friend-duel-invite-copy>em,html.theme-ui-dark .settings-yandex-account-copy small,html.theme-ui-dark .settings-yandex-account-copy em,html.theme-ui-dark .settings-duel-dnd-copy em,html.theme-ui-dark .settings-language-copy small,html.theme-ui-dark .settings-language-copy em{color:#ff9aaa}html.theme-ui-dark .friend-duel-invite-actions button,html.theme-ui-dark .settings-duel-dnd-toggle,html.theme-ui-dark .settings-language-actions button{border-color:#94abc294;background:#05101cb8;color:#eef6ff}html.theme-ui-dark .settings-language-actions button.is-active{border-color:#eef6ff;background:#eef6ff;color:#101c2c}html.theme-ui-dark .friend-duel-invite-actions button:first-child{border-color:#d94b62;background:#b7374d}html.theme-ui-dark .friend-duel-invite-actions button:focus-visible,html.theme-ui-dark .settings-yandex-sign-in:focus-visible,html.theme-ui-dark .settings-duel-dnd-toggle:focus-visible,html.theme-ui-dark .settings-language-actions button:focus-visible{outline-color:#7dd3fc}@media(max-width:680px){.friend-duel-invite-banner{right:12px;left:12px;grid-template-columns:1fr;width:auto}.friend-duel-invite-actions button{flex:1}.settings-yandex-account,.settings-duel-dnd,.settings-language{grid-template-columns:1fr}.settings-yandex-sign-in,.settings-duel-dnd-toggle,.settings-language-actions{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.settings-duel-dnd-toggle>span:after{transition:none}}.rankings-shell.competitive-rankings-shell{grid-template-rows:auto auto auto minmax(0,1fr);gap:var(--competitive-rankings-gap, 12px)}.competitive-rankings-mode-tabs{grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--competitive-rankings-space-sm, 8px)}.competitive-rankings-mode-tabs[hidden],.competitive-rankings-mode-tab[hidden]{display:none}.competitive-rankings-shell>.rankings-toolbar{grid-row:2}.competitive-rankings-shell>.competitive-rank-progress{grid-row:3}.competitive-rankings-shell>.rankings-state,.competitive-rankings-shell>.rankings-table{grid-row:4}.rankings-shell.competitive-rankings-shell:has(>.competitive-rank-progress[hidden]){grid-template-rows:auto auto minmax(0,1fr)}.rankings-shell.competitive-rankings-shell:has(>.competitive-rank-progress[hidden])>.rankings-state,.rankings-shell.competitive-rankings-shell:has(>.competitive-rank-progress[hidden])>.rankings-table{grid-row:3}.competitive-rankings-mode-tab{min-height:48px;padding:8px 16px;border:2px solid rgba(17,24,39,.3);border-radius:5px;background:#ffffff3d;box-shadow:0 4px #1118274d;color:#111827b8;cursor:pointer;font-family:var(--font-pixel);font-size:14px;line-height:1.25;text-transform:uppercase}.competitive-rankings-mode-tab:hover,.competitive-rankings-mode-tab:focus-visible{border-color:#101827;color:#101827;outline:3px solid #fffaf0;outline-offset:2px}.competitive-rankings-mode-tab.is-active{border-color:#101827;background:#101827;color:#fffaf0}.competitive-rank-progress{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:8px 16px;padding:12px 16px;border:2px solid rgba(17,24,39,.18);border-radius:6px;background:#ffffff29}.competitive-rank-progress[hidden]{display:none}.competitive-rank-progress-stat{display:grid;gap:5px;min-width:0}.competitive-rank-progress-label{color:#1118279e;font-family:var(--font-pixel-soft);font-size:14px}.competitive-rank-progress-stat strong{overflow:hidden;color:#101827;font-family:var(--font-pixel);font-size:16px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.competitive-rank-progress-meter{grid-column:1 / -1;display:block;padding:3px;overflow:hidden;border:2px solid rgba(17,24,39,.28);border-radius:4px;background:#11182714}.competitive-rank-progress-fill{display:block;padding-block:5px;background:linear-gradient(90deg,#a87300,#ffd25c);transform:scaleX(var(--competitive-progress-scale, 0));transform-origin:left center}.competitive-rankings-row,.competitive-rankings-row .rankings-player,.competitive-rankings-row .rankings-rank strong,.competitive-rankings-row .rankings-rating strong,.competitive-rankings-row .rankings-you-badge{font-size:14px}.competitive-rankings-row .rankings-rating{display:flex;align-items:center;justify-content:center;gap:8px}.competitive-league-badge{padding:5px 7px;border:2px solid currentColor;border-radius:4px;color:#7a5200;font-family:var(--font-pixel-soft);font-size:14px;line-height:1;text-transform:uppercase}.competitive-rankings-gap{display:grid;place-items:center;padding:12px 16px;border-block:2px dashed rgba(17,24,39,.22);color:#111827a3;font-family:var(--font-pixel-soft);font-size:14px;text-align:center;text-transform:uppercase}html.theme-ui-dark .competitive-rankings-mode-tab{border-color:#687f9461;background:#0d1c30d1;box-shadow:0 4px #000000b8;color:#b1d0e0}html.theme-ui-dark .competitive-rankings-mode-tab:hover,html.theme-ui-dark .competitive-rankings-mode-tab:focus-visible{border-color:#dffaff;color:#fff;outline-color:#ffd25c}html.theme-ui-dark .competitive-rankings-mode-tab.is-active{border-color:#bfeeffb3;background:#dffaff;color:#06121f}html.theme-ui-dark .competitive-rank-progress{border-color:#687f944d;background:#01060f70}html.theme-ui-dark .competitive-rank-progress-label,html.theme-ui-dark .competitive-rankings-gap{color:#a5c3d3d1}html.theme-ui-dark .competitive-rank-progress-stat strong{color:#dbeff9}html.theme-ui-dark .competitive-rank-progress-meter{border-color:#687f945c;background:#bfeeff14}html.theme-ui-dark .competitive-rankings-gap{border-color:#687f9447}html.theme-ui-dark .competitive-league-badge{color:#ffd25c}@media(max-width:820px){.competitive-rank-progress{grid-template-columns:1fr 1fr}.competitive-rank-progress-next-stat{grid-column:1 / -1}.competitive-rankings-row .rankings-rating{align-content:center;flex-direction:column}}@media(max-width:560px){.competitive-rankings-mode-tabs{display:flex;padding:3px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}.competitive-rankings-mode-tab{flex:0 0 min(72vw,210px);scroll-snap-align:start}.competitive-rank-progress{grid-template-columns:1fr}.competitive-rank-progress-next-stat{grid-column:auto}}.account-data-entry{position:absolute;right:clamp(24px,4vw,64px);bottom:clamp(20px,3vh,42px);z-index:3}html[data-platform=yandex-games] .account-data-entry{position:absolute;right:clamp(24px,4vw,64px);bottom:clamp(20px,3vh,42px)}.account-data-trigger{width:auto;min-width:0;min-height:42px;height:42px;margin:0;padding:8px 12px;border-color:#1d222942;background:#fcf8f061;box-shadow:0 3px #171b2129;opacity:.76;font-size:9px}.account-data-trigger:hover,.account-data-trigger:focus-visible{opacity:1}.account-data-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:auto;padding:0;overflow:auto;border:3px solid oklch(23% .018 258 / .92);border-radius:8px;color:#151b23;background:#ede3d2;box-shadow:8px 9px #12161c57,0 24px 72px #080b114d}.account-data-dialog::backdrop{background:#0a0d13b8}.account-data-panel{position:relative;display:grid;gap:20px;padding:28px;background:linear-gradient(180deg,oklch(98% .012 88 / .62),transparent 32%),#ede3d2}.account-data-header{display:grid;gap:7px;padding-right:54px}.account-data-header>span{color:#5f4f3e;font-family:var(--font-pixel-soft);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.account-data-header h2{margin:0;color:#11161e;font-family:var(--font-pixel);font-size:24px;font-weight:400;line-height:1.2;text-transform:uppercase}.account-data-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid oklch(25% .015 258 / .42);border-radius:5px;appearance:none;color:#151b23;background:#fcf8f094;cursor:pointer;font-family:var(--font-pixel-soft);font-size:26px;line-height:1}.account-data-status{min-height:42px;margin:0;padding:11px 13px;border:1px solid oklch(25% .015 258 / .18);border-radius:5px;color:#333b48;background:#fcf8f075;font-family:var(--font-pixel-soft);font-size:12px;line-height:1.5}.account-data-status[data-tone=error]{border-color:#a43b3875;color:#7c2524;background:#fbd8d49e}.account-data-status[data-tone=success]{border-color:#296a3b75;color:#0d4a22;background:#cfe9d48f}.account-data-panel[data-state=standalone] .account-data-status{min-height:0;padding:16px;line-height:1.65}.account-data-actions{display:grid;gap:20px}.account-data-actions[hidden]{display:none}.account-data-export-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding-block:4px 18px;border-bottom:1px solid oklch(25% .015 258 / .18)}.account-data-export-row>div{display:grid;gap:7px;min-width:0}.account-data-export-row strong,.account-data-danger summary{color:#151b23;font-family:var(--font-pixel);font-size:13px;font-weight:400;line-height:1.35;text-transform:uppercase}.account-data-export-row span,.account-data-danger p,.account-data-confirm>span,.account-data-clear-local-copy{color:#3a4350;font-family:var(--font-pixel-soft);font-size:11px;line-height:1.5;overflow-wrap:break-word}.account-data-button{min-width:146px;min-height:46px;padding:9px 12px;border:2px solid oklch(25% .015 258 / .52);border-radius:5px;appearance:none;color:#151b23;background:#fcf8f0a8;box-shadow:0 4px #171b213d;cursor:pointer;font-family:var(--font-pixel-soft);font-size:10px;line-height:1.35;text-transform:uppercase}.account-data-button:hover:not(:disabled),.account-data-close:hover{background:#fffcf4eb;transform:translateY(-1px)}.account-data-button:active:not(:disabled),.account-data-close:active{box-shadow:none;transform:translateY(3px)}.account-data-button:focus-visible,.account-data-close:focus-visible,.account-data-confirm input:focus-visible,.account-data-trigger:focus-visible{outline:3px solid oklch(55% .14 235);outline-offset:3px}.account-data-button:disabled,.account-data-panel[aria-busy=true] input:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.account-data-danger{padding:0;border:1px solid oklch(25% .015 258 / .2);border-radius:6px;background:#fcf8f03d;transition:border-color .18s cubic-bezier(.165,.84,.44,1),background-color .18s cubic-bezier(.165,.84,.44,1)}.account-data-danger[open]{border-color:#a73e3b6b;background:#f5d6d26b}.account-data-danger summary{padding:14px 16px;color:#364050;cursor:pointer;list-style-position:inside;-webkit-user-select:none;user-select:none}.account-data-danger summary:hover{color:#7c1d1e;background:#f5d6d23d}.account-data-danger summary:focus-visible{outline:3px solid oklch(55% .14 235);outline-offset:3px}.account-data-danger[open] summary{color:#7c1d1e}.account-data-danger-body{display:grid;gap:13px;padding:2px 18px 18px}.account-data-danger p{margin:0}.account-data-confirm{display:grid;gap:8px}.account-data-confirm input{width:100%;min-height:46px;padding:9px 12px;border:2px solid oklch(43% .1 25 / .56);border-radius:5px;color:#151b23;background:#fcf8f0b8;font-family:var(--font-pixel);font-size:13px;text-transform:uppercase}.account-data-clear-local{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:11px;min-width:0;cursor:pointer}.account-data-clear-local input{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);opacity:0}.account-data-checkbox{display:grid;grid-column:1;place-items:center;width:20px;height:20px;margin-top:1px;border:2px solid oklch(43% .1 25 / .56);border-radius:4px;background:#fcf8f0b8;box-shadow:inset 0 0 0 1px #fcf8f05c}.account-data-checkbox:after{width:9px;height:5px;border-bottom:2px solid oklch(98% .012 88);border-left:2px solid oklch(98% .012 88);content:"";opacity:0;transform:translateY(-1px) rotate(-45deg) scale(.75)}.account-data-clear-local input:checked+.account-data-checkbox{border-color:#005d2f;border-color:oklch(42% .12 153);background:#00713a;background:oklch(48% .13 153)}.account-data-clear-local input:checked+.account-data-checkbox:after{opacity:1}.account-data-clear-local input:focus-visible+.account-data-checkbox{outline:3px solid oklch(55% .14 235);outline-offset:3px}.account-data-clear-local input:disabled+.account-data-checkbox,.account-data-clear-local input:disabled~.account-data-clear-local-copy{cursor:not-allowed;opacity:.48}.account-data-clear-local-copy{display:block;grid-column:2;min-width:0;-webkit-hyphens:auto;hyphens:auto;word-break:normal}.account-data-button-danger{justify-self:end;border-color:#8d2425b3;color:#fcf8f0;background:#9a2929;box-shadow:0 4px #581414bd}.account-data-button-danger:hover:not(:disabled){background:#90101a}.account-data-signin{justify-self:center}.account-data-signin[hidden]{display:none}html.theme-ui-dark .account-data-dialog,html.theme-ui-dark .account-data-panel{color:#dbebf3;background:#0f1924}html.theme-ui-dark .account-data-header h2,html.theme-ui-dark .account-data-export-row strong,html.theme-ui-dark .account-data-close,html.theme-ui-dark .account-data-button:not(.account-data-button-danger),html.theme-ui-dark .account-data-confirm input{color:#e0eef5}html.theme-ui-dark .account-data-close,html.theme-ui-dark .account-data-button:not(.account-data-button-danger),html.theme-ui-dark .account-data-confirm input,html.theme-ui-dark .account-data-status{background:#1d2833}html.theme-ui-dark .account-data-export-row span,html.theme-ui-dark .account-data-danger p,html.theme-ui-dark .account-data-confirm>span,html.theme-ui-dark .account-data-clear-local-copy,html.theme-ui-dark .account-data-status{color:#b5c7d2}html.theme-ui-dark .account-data-danger{border-color:#a2b0b92e;background:#18232e75}html.theme-ui-dark .account-data-danger[open]{border-color:#cf7f796b;background:#3a211f85}html.theme-ui-dark .account-data-danger summary{color:#b5c7d2}html.theme-ui-dark .account-data-danger[open] summary,html.theme-ui-dark .account-data-danger summary:hover{color:#fbb7b0}html.theme-ui-dark .account-data-checkbox{border-color:#cd948f94;background:#1d2833}@media(max-width:820px){.account-data-entry,html[data-platform=yandex-games] .account-data-entry{position:static;grid-column:1 / -1;justify-self:end}.account-data-trigger{width:auto}}@media(max-width:560px){.account-data-panel{gap:16px;padding:22px 18px}.account-data-close{top:14px;right:14px}.account-data-export-row{grid-template-columns:1fr}.account-data-button,.account-data-button-danger{width:100%;justify-self:stretch}}@media(prefers-reduced-motion:reduce){.account-data-danger,.account-data-button,.account-data-close{transition:none}}.arena-party-lobby{--party-accent: #1d4ed8;--party-accent-soft: rgba(29, 78, 216, .1);--party-border: rgba(17, 24, 39, .34);--party-control: rgba(255, 255, 255, .72);--party-control-hover: rgba(255, 255, 255, .96);--party-muted: rgba(31, 41, 55, .72);--party-ready: #166534;--party-ready-soft: rgba(22, 101, 52, .1);--party-surface: rgba(247, 246, 241, .92);display:none;gap:14px;padding:clamp(14px,2.2vw,20px);border:2px solid var(--party-border);border-radius:4px;background:linear-gradient(135deg,var(--party-accent-soft),transparent 42%),var(--party-surface);box-shadow:0 5px #1118272e,inset 0 0 0 2px #ffffff57;color:#172033;font-family:var(--font-pixel-soft, var(--font-pixel));font-size:14px;text-align:left;text-transform:none}.arena-party-lobby[hidden]{display:none!important}.lobby-panel[data-lobby-mode=online] .arena-party-lobby:not([hidden]){display:grid}.lobby-panel[data-arena-party-active=true]{width:min(920px,calc(100vw - 40px))}.lobby-panel[data-arena-party-active=true] .competitive-mode-picker,.lobby-panel[data-arena-party-active=true] .lobby-loadout,.lobby-panel[data-arena-party-active=true] #lobbyStats,.lobby-panel[data-arena-party-active=true] #lobbyStartButton{display:none!important}.lobby-panel[data-arena-party-active=true] .lobby-actions{grid-template-columns:1fr;margin-top:14px}.arena-party-lobby__header{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,auto);align-items:center;gap:12px}.arena-party-lobby__mark{display:grid;width:48px;height:48px;place-items:center;border:2px solid currentColor;border-radius:3px;background:var(--party-accent);box-shadow:0 3px #11182747;color:#fff;font-family:var(--font-pixel);font-size:14px}.arena-party-lobby__heading{display:grid;min-width:0;gap:4px}.arena-party-lobby__heading strong{overflow:hidden;font-family:var(--font-pixel);font-size:clamp(16px,2.2vw,20px);line-height:1.3;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.arena-party-lobby__heading small,.arena-party-lobby__hint,.arena-party-lobby__feedback{color:var(--party-muted);font-size:14px;font-style:normal;line-height:1.45}.arena-party-lobby__feedback{max-width:260px;min-height:20px;text-align:right}.arena-party-lobby__feedback[data-state=error]{color:#9f1239}.arena-party-lobby__body{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);align-items:stretch;gap:14px}.arena-party-lobby__roster,.arena-party-chat{display:grid;min-width:0;gap:10px;padding:12px;border:1px solid var(--party-border);border-radius:3px;background:#ffffff6b}.arena-party-lobby__roster{align-content:start}.arena-party-lobby__roster h3,.arena-party-chat h3{margin:0;font-family:var(--font-pixel);font-size:14px;line-height:1.35;text-transform:uppercase}.arena-party-lobby__members{display:grid;gap:9px}.arena-party-member{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;min-width:0;min-height:70px;gap:10px;padding:9px;border:1px solid var(--party-border);border-radius:3px;background:var(--party-control);box-shadow:0 3px #1118271f}.arena-party-member.is-self{border-color:color-mix(in srgb,var(--party-accent) 72%,transparent);box-shadow:0 3px #1118271f,inset 3px 0 0 var(--party-accent)}.arena-party-member.is-empty{border-style:dashed;box-shadow:none;opacity:.76}.arena-party-member__avatar{display:grid;width:48px;height:48px;place-items:center;border:2px solid rgba(17,24,39,.46);border-radius:3px;background:#cbd5e1;color:#172033;font-family:var(--font-pixel);font-size:18px}.arena-party-member[data-avatar-tone="0"] .arena-party-member__avatar{background:#bfdbfe}.arena-party-member[data-avatar-tone="1"] .arena-party-member__avatar{background:#fecdd3}.arena-party-member[data-avatar-tone="2"] .arena-party-member__avatar{background:#bbf7d0}.arena-party-member[data-avatar-tone="3"] .arena-party-member__avatar{background:#fde68a}.arena-party-member[data-avatar-tone="4"] .arena-party-member__avatar{background:#ddd6fe}.arena-party-member[data-avatar-tone="5"] .arena-party-member__avatar{background:#a5f3fc}.arena-party-member__copy{display:grid;min-width:0;gap:3px}.arena-party-member__copy strong,.arena-party-member__copy small{overflow:hidden;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.arena-party-member__copy small{color:var(--party-muted)}.arena-party-member__badges{display:flex;flex-wrap:wrap;gap:5px}.arena-party-member__badges em{padding:2px 5px;border:1px solid currentColor;border-radius:2px;color:var(--party-accent);font-size:14px;font-style:normal;line-height:1.2;text-transform:uppercase}.arena-party-member__status{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 8px;border:1px solid currentColor;border-radius:3px;color:var(--party-muted);font-size:14px;line-height:1.2;text-align:center}.arena-party-member__status.is-ready{background:var(--party-ready-soft);color:var(--party-ready)}.arena-party-member__status.is-waiting{border-style:dashed}.arena-party-lobby__hint{min-height:42px;margin:0}.arena-party-lobby__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:9px}.arena-party-lobby button,.arena-party-chat input{min-height:48px;border:1px solid var(--party-border);border-radius:3px;font:inherit;font-size:14px}.arena-party-lobby button{padding:9px 12px;background:var(--party-control);box-shadow:0 3px #11182729;color:inherit;cursor:pointer}.arena-party-lobby button:hover:not(:disabled){background:var(--party-control-hover);transform:translateY(-1px)}.arena-party-lobby button:active:not(:disabled){box-shadow:0 1px #1118272e;transform:translateY(2px)}.arena-party-lobby button:disabled{box-shadow:none;cursor:default;opacity:.56}.arena-party-lobby button:focus-visible,.arena-party-chat input:focus-visible,.arena-party-chat__log:focus-visible{outline:3px solid var(--focus-ring, #2563eb);outline-offset:3px;box-shadow:var(--focus-ring-shadow, 0 0 0 6px rgba(37, 99, 235, .18))}.arena-party-lobby__ready{border-color:color-mix(in srgb,var(--party-ready) 66%,transparent)!important;background:var(--party-ready-soft)!important;color:var(--party-ready)!important;font-family:var(--font-pixel)!important;text-transform:uppercase}.arena-party-lobby__leave{color:#9f1239!important}.arena-party-chat{grid-template-rows:auto minmax(118px,1fr) auto auto}.arena-party-chat__log{min-height:118px;max-height:190px;padding:8px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--party-border);border-radius:3px;background:#ffffff75;scrollbar-gutter:stable}.arena-party-chat__empty{display:grid;height:100%;min-height:92px;place-items:center;margin:0;color:var(--party-muted);font-size:14px;text-align:center}.arena-party-chat__message{display:grid;gap:3px;margin-bottom:8px;padding:7px 8px;border-left:3px solid var(--party-border);background:#ffffff80;overflow-wrap:anywhere}.arena-party-chat__message.is-self{border-left-color:var(--party-accent);background:var(--party-accent-soft)}.arena-party-chat__message strong,.arena-party-chat__message span{font-size:14px;line-height:1.4}.arena-party-chat__message strong{color:var(--party-muted)}.arena-party-chat__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.arena-party-chat input{width:100%;min-width:0;padding:9px 11px;background:var(--party-control);color:inherit}.arena-party-chat input::placeholder{color:var(--party-muted);opacity:.84}.arena-party-chat__emotes{display:grid;grid-template-columns:repeat(4,48px);justify-content:end;gap:8px}.arena-party-chat__emotes button{width:48px;min-width:48px;padding:0;font-family:var(--font-pixel);font-size:20px}.arena-party-lobby__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.theme-ui-dark .arena-party-lobby{--party-accent: #6be7ff;--party-accent-soft: rgba(107, 231, 255, .1);--party-border: rgba(135, 172, 198, .38);--party-control: rgba(8, 18, 31, .84);--party-control-hover: rgba(18, 38, 59, .96);--party-muted: rgba(190, 216, 235, .76);--party-ready: #79e8aa;--party-ready-soft: rgba(88, 220, 156, .1);--party-surface: rgba(3, 10, 23, .94);background:radial-gradient(circle at 12% 0,rgba(107,231,255,.12),transparent 36%),linear-gradient(180deg,#09172af5,#020814fa);box-shadow:0 5px #00030ac2,inset 0 0 0 2px #bfeeff14;color:#eef7ff}html.theme-ui-dark .arena-party-lobby__roster,html.theme-ui-dark .arena-party-chat,html.theme-ui-dark .arena-party-chat__log{background:#01071194}html.theme-ui-dark .arena-party-member,html.theme-ui-dark .arena-party-chat input,html.theme-ui-dark .arena-party-lobby button,html.theme-ui-dark .arena-party-chat__message{color:#eef7ff}html.theme-ui-dark .arena-party-chat__message:not(.is-self){background:#08121fb8}html.theme-ui-dark .arena-party-lobby__feedback[data-state=error],html.theme-ui-dark .arena-party-lobby__leave{color:#ffb4c1!important}@media(max-width:760px){.arena-party-lobby__body{grid-template-columns:1fr}.arena-party-chat__log{max-height:150px}}@media(max-height:680px)and (min-width:761px){.arena-party-lobby{gap:9px;padding-block:11px}.arena-party-chat__log{max-height:130px}}@media(max-width:520px){.arena-party-lobby__header{grid-template-columns:48px minmax(0,1fr)}.arena-party-lobby__feedback{grid-column:1 / -1;max-width:none;text-align:left}.arena-party-member{grid-template-columns:48px minmax(0,1fr)}.arena-party-member__status{grid-column:1 / -1}.arena-party-lobby__actions,.arena-party-chat__form{grid-template-columns:1fr}.arena-party-chat__emotes{grid-template-columns:repeat(4,minmax(48px,1fr))}.arena-party-chat__emotes button{width:100%}}@media(prefers-reduced-motion:reduce){.arena-party-lobby button{transition:none!important}}