.game-button{--face-top:var(--button-red-top);--face-bottom:var(--button-red-bottom);--bevel:var(--button-red-bevel);--highlight:var(--button-red-highlight);--depth:.26em;--skew:-10deg;background:linear-gradient(155deg, var(--button-housing-top), var(--button-housing-bottom) 65%);padding:.24em .26em calc(.24em + var(--depth));transform:skewX(var(--skew));box-shadow:0 .2em .3em var(--shadow-strong), inset 0 .07em 0 var(--button-housing-highlight), inset 0 -.06em 0 var(--button-housing-edge);isolation:isolate;font-weight:var(--font-weight-display);font-style:italic;line-height:var(--line-height-action);color:var(--white);-webkit-tap-highlight-color:transparent;transition:scale var(--duration-release) var(--ease-spring);border:0;border-radius:.62em;position:relative}.button-face{background:linear-gradient(165deg, var(--face-top), var(--face-bottom) 75%);width:100%;height:100%;box-shadow:0 var(--depth) 0 var(--bevel), 0 calc(var(--depth) + .06em) .1em var(--shadow-strong), inset .1em .1em 0 var(--highlight), inset -.08em -.06em 0 var(--shade-subtle);text-shadow:0 .08em 0 var(--shadow-soft);transition:translate var(--duration-release) var(--ease-spring), box-shadow var(--duration-release) var(--ease-out);border-radius:.4em;justify-content:center;align-items:center;gap:.45em;padding:.42em .7em;display:flex;position:relative;translate:0}.button-face:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1c,#fff0);border-radius:.3em .3em 35% 35%;height:42%;position:absolute;inset:.1em .18em auto}.button-face>span,.button-face>.game-icon{transform:skewX(calc(var(--skew) * -1));position:relative}.button-face>.game-icon{flex-shrink:0;width:1.55em;height:1.55em}.game-button--blue{--face-top:var(--button-blue-top);--face-bottom:var(--button-blue-bottom);--bevel:var(--button-blue-bevel);--highlight:var(--button-blue-highlight)}.game-button--white{--face-top:var(--white);--face-bottom:var(--button-white-bottom);--bevel:var(--button-white-bevel);--highlight:var(--white);color:var(--button-white-text);--icon-outline:transparent}.game-button--white .button-face{text-shadow:none}.game-button--dark{--face-top:var(--button-dark-top);--face-bottom:var(--button-dark-bottom);--bevel:var(--button-dark-bevel);--highlight:var(--button-dark-highlight)}.game-button--green{--face-top:var(--button-green-top);--face-bottom:var(--button-green-bottom);--bevel:var(--button-green-bevel);--highlight:var(--button-green-highlight);color:var(--button-green-text);--icon-outline:transparent}.game-button--green .button-face{text-shadow:none}.game-button--icon{aspect-ratio:1}.game-button--icon .button-face{padding:.2em}.game-button--icon .button-face>.game-icon{width:1.7em;height:1.7em}.game-button:active:not(:disabled){transition-duration:var(--duration-press);scale:.97}.game-button:active:not(:disabled) .button-face{translate:0 var(--depth);transition-duration:var(--duration-press);box-shadow:0 .03em 0 var(--bevel), 0 .05em .06em var(--shadow-strong), inset .08em .08em 0 var(--highlight), inset 0 .08em .2em var(--shade-subtle)}.game-button:disabled{cursor:default;filter:saturate(.35);opacity:.65}.button-bursts{pointer-events:none;width:1.1em;height:1.1em;position:absolute;top:-.55em;right:-.12em}.button-bursts i{background:#ff203a;border-radius:.06em;width:.38em;height:.85em;position:absolute;transform:rotate(22deg);box-shadow:.06em .06em #95061c}.button-bursts i+i{height:.62em;top:.44em;right:-.04em;transform:rotate(60deg)}.game-button--blue .button-bursts i{background:#0860ff;box-shadow:.06em .06em #031d92}.game-button--white .button-bursts{left:-.66em;right:auto;transform:scaleX(-1)}.game-button--white .button-bursts i{background:#0588ff;box-shadow:.06em .06em #033a9a}.game-button:focus-visible{box-shadow:0 .2em .3em var(--shadow-strong), inset 0 .07em 0 var(--button-housing-highlight), 0 0 0 .12em #ffffffa0;outline:none}.game-icon{fill:currentColor;stroke:var(--icon-outline,var(--ink));stroke-width:2.2px;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 .09em 0 var(--icon-outline,var(--ink)));overflow:visible}.menu-dialog{--dialog-zoom:1;zoom:var(--dialog-zoom);width:min(640px, 92vw / var(--dialog-zoom));max-height:calc(88svh / var(--dialog-zoom));border-radius:var(--radius-dialog);color:var(--text-primary);background:linear-gradient(180deg, var(--dialog-top), var(--dialog-bottom));box-shadow:0 0 0 3px var(--ink), inset 0 0 0 2px var(--dialog-rim), inset 0 3px 0 2px #ffffff14, 0 10px 0 3px var(--ink), var(--dialog-shadow);border:0;padding:0;overflow:visible}.menu-dialog[open]{flex-direction:column;display:flex}@media (width>=1200px) and (height>=700px){.menu-dialog{--dialog-zoom:1.2}}@media (width>=1700px) and (height>=950px){.menu-dialog{--dialog-zoom:1.4}}@media (height<=340px) and (orientation:landscape){.menu-dialog{--dialog-zoom:.72}}.menu-dialog::backdrop{background:radial-gradient(#0a0f2bd9,#02030bf2)}.dialog-header{border-radius:calc(var(--radius-dialog) - 2px) calc(var(--radius-dialog) - 2px) 0 0;background:linear-gradient(180deg, var(--dialog-band-top), var(--dialog-band-bottom));box-shadow:inset 0 2px 0 #fff3, 0 4px 0 var(--dialog-band-edge);flex:none;margin:2px 2px 0;padding:14px 84px 16px 26px}.dialog-header h1{font-size:var(--font-size-panel-title);font-style:italic;font-weight:var(--font-weight-display);letter-spacing:-.01em;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);margin:0;line-height:1.1}.dialog-close{z-index:20;width:64px;font-size:20px;position:absolute;top:-16px;right:-16px}.dialog-body{border-radius:0 0 var(--radius-dialog) var(--radius-dialog);min-height:0;padding-top:4px;overflow-y:auto}.menu-dialog--leaderboard{width:min(860px, 88vw / var(--dialog-zoom))}.menu-dialog--rules{width:min(1060px, 94vw / var(--dialog-zoom))}.menu-dialog--friends{width:min(1120px, 90vw / var(--dialog-zoom))}.menu-dialog--settings,.menu-dialog--profile{width:min(820px, 90vw / var(--dialog-zoom))}.menu-dialog--settings .dialog-body{margin-top:4px;padding-top:0;scroll-padding-top:88px}.menu-dialog--skins,.menu-dialog--maps{width:min(1040px, 94vw / var(--dialog-zoom))}.menu-dialog--skins .dialog-body,.menu-dialog--maps .dialog-body{overflow:hidden}.dialog-content{padding:var(--space-6) var(--space-7);font-size:var(--font-size-body);line-height:var(--line-height-body)}.dialog-content p{margin:0 0 20px}.dialog-content h2{margin:0 0 12px;font-size:20px;font-style:italic}.dialog-content label{margin-bottom:var(--space-2);font-weight:var(--font-weight-strong);display:block}.panel-note{font-size:var(--font-size-note);color:var(--text-note);margin-top:20px!important}@media (height<=550px) and (orientation:landscape){.menu-dialog{max-width:calc((100vw - 24px - 2 * max(env(safe-area-inset-left,0px), env(safe-area-inset-right,0px))) / var(--dialog-zoom));max-height:calc((100svh - 28px - 2 * env(safe-area-inset-bottom,0px)) / var(--dialog-zoom))}.dialog-header{padding:8px 64px 10px 18px}.dialog-header h1{-webkit-text-stroke-width:4px;font-size:20px}.dialog-close{width:50px;font-size:16px;top:-10px;right:-10px}.dialog-content{padding:var(--space-4) var(--space-5)}}.menu-dialog.is-opening{animation:game-dialog-enter var(--duration-screen) var(--ease-out) both}.menu-dialog.is-closing{animation:game-fade-out var(--duration-screen-exit) var(--ease-in) both;pointer-events:none}.menu-dialog.is-opening::backdrop{animation:game-backdrop-enter var(--duration-screen) ease-out both}.menu-dialog.is-closing::backdrop{animation:game-backdrop-enter var(--duration-screen-exit) ease-in reverse both}@keyframes game-dialog-enter{0%{opacity:0;translate:0 12px;scale:.94}}@keyframes game-backdrop-enter{0%{opacity:0}to{opacity:1}}.pad-glyph{box-sizing:border-box;background:var(--arena-panel,var(--surface-close));min-width:1.9em;height:1.9em;box-shadow:var(--arena-chip-shadow,inset 0 0 0 2px var(--panel-divider));color:inherit;font:inherit;font-size:.86em;font-weight:var(--font-weight-display,800);white-space:nowrap;border-radius:.45em;place-items:center;padding:0 .45em;line-height:1;display:inline-grid}.pad-glyph--face,.pad-glyph--stick{border-radius:50%;padding:0}.pad-glyph--stick{box-shadow:var(--arena-chip-shadow,inset 0 0 0 2px var(--panel-divider)), inset 0 0 0 4px #ffffff24}.pad-legend{z-index:40;left:50%;bottom:max(8px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--ink) 86%, transparent);box-shadow:inset 0 0 0 1px var(--dialog-rim);color:var(--text-muted);font-size:13px;font-weight:var(--font-weight-strong);white-space:nowrap;pointer-events:none;border-radius:999px;gap:16px;margin:0;padding:5px 14px;display:flex;position:fixed;translate:-50%}.pad-legend span{align-items:center;gap:5px;display:inline-flex}.pad-legend .pad-glyph{color:var(--text-primary)}:root[data-pad=play] .pad-legend{display:none}.dialog-header:has(.pad-legend){justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-header .pad-legend{flex:none;position:static;translate:none}.menu-dialog:not(:has([role=tablist])) .pad-legend-tabs{display:none}@media (width<=900px){.dialog-header .pad-legend-move{display:none}}.search-status{background:linear-gradient(180deg, var(--plate-top), var(--plate-bottom));box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--button-blue-highlight), 0 .3em 0 .14em var(--ink);color:var(--text-primary);font-style:italic;font-weight:var(--font-weight-display);white-space:nowrap;animation:game-rise var(--duration-screen) var(--ease-out) backwards;border-radius:.9em;gap:.5em;padding:.7em 1em;display:grid}.search-status-head{align-items:center;gap:.6em;display:flex}.search-status-head b{flex:1;font-size:1.15em}.search-status-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.search-status-dots{gap:.2em;display:flex}.search-status-dots i{background:var(--button-blue-highlight);border-radius:50%;width:.45em;height:.45em;animation:1.2s ease-in-out infinite search-dot}.search-status-dots i:nth-child(2){animation-delay:.15s}.search-status-dots i:nth-child(3){animation-delay:.3s}@keyframes search-dot{0%,to{opacity:.3;translate:0}50%{opacity:1;translate:0 -.2em}}.search-status-progress{align-items:center;gap:.3em;display:flex}.search-status-progress i{background:#ffffff1f;border-radius:.2em;flex:1;height:.7em;transform:skew(-12deg);box-shadow:inset 0 0 0 .08em #fff3}.search-status-progress i.is-found{background:var(--ready-check);box-shadow:var(--glow-ready);animation:game-pop var(--duration-enter) var(--ease-spring) backwards}.search-status-progress b{color:var(--ready-check);font-variant-numeric:tabular-nums;margin-left:.4em}.game-tabs{background:var(--surface-inset);font-size:18px;font-style:italic;font-weight:var(--font-weight-display);border-radius:.9em;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.35em;padding:.3em;display:grid;box-shadow:inset 0 .2em #0006}.game-tabs button{transition:scale var(--duration-release) var(--ease-spring)}.game-tabs button:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.game-tabs button{min-width:0;min-height:var(--touch-target);color:var(--text-muted);--icon-outline:transparent;background:0 0;border:0;border-radius:.65em;justify-content:center;align-items:center;gap:.4em;padding:.5em .3em;display:flex}.game-tabs button[aria-selected=true]{color:var(--text-primary);background:linear-gradient(165deg, var(--button-blue-top), var(--button-blue-bottom));box-shadow:0 .25em 0 var(--button-blue-bevel), inset 0 .12em 0 var(--button-blue-highlight);text-shadow:0 .12em 0 var(--ink);--icon-outline:var(--ink)}.game-tabs .game-icon{flex:none;width:1.4em;height:1.4em}.game-tabs span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-tabs b{border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;background:#0005;flex:none;place-items:center;min-width:1.6em;height:1.6em;padding:0 .3em;font-size:.85em;font-style:normal;display:grid}@media (height<=550px) and (orientation:landscape){.game-tabs{font-size:14px}}.game-slider,.game-toggle,.game-segmented{font-size:16px;font-weight:var(--font-weight-strong)}.game-slider{--track:.6em;--thumb:1.6em;align-items:center;gap:.6em;display:flex}.game-slider input{appearance:none;min-width:0;height:var(--touch-target);cursor:pointer;background:0 0;flex:1;margin:0}.game-slider input::-webkit-slider-runnable-track{height:var(--track);border-radius:var(--radius-pill);background:linear-gradient(to right, var(--button-blue-top) 0, var(--button-blue-bottom) var(--fill), var(--surface-inset) var(--fill));box-shadow:0 0 0 2px var(--ink), inset 0 .12em 0 #0005}.game-slider input::-moz-range-track{height:var(--track);border-radius:var(--radius-pill);background:linear-gradient(to right, var(--button-blue-top) 0, var(--button-blue-bottom) var(--fill), var(--surface-inset) var(--fill));box-shadow:0 0 0 2px var(--ink), inset 0 .12em 0 #0005}.game-slider input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--thumb);height:var(--thumb);background:linear-gradient(var(--white), var(--button-white-bottom));box-shadow:0 0 0 2px var(--ink), 0 .16em 0 var(--button-white-bevel), 0 .16em 0 2px var(--ink);transition:scale var(--duration-release) var(--ease-spring);margin-top:calc((var(--track) - var(--thumb)) / 2);border:0;border-radius:50%}.game-slider input::-moz-range-thumb{appearance:none;box-sizing:border-box;width:var(--thumb);height:var(--thumb);background:linear-gradient(var(--white), var(--button-white-bottom));box-shadow:0 0 0 2px var(--ink), 0 .16em 0 var(--button-white-bevel), 0 .16em 0 2px var(--ink);transition:scale var(--duration-release) var(--ease-spring);border:0;border-radius:50%}.game-slider input:active::-webkit-slider-thumb{scale:1.15}.game-slider input:active::-moz-range-thumb{scale:1.15}.game-slider input:disabled{opacity:.45;cursor:default}.game-slider output{font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:3.4em}.game-slider output small{color:var(--text-muted);margin-left:.1em;font-size:.8em}.game-toggle{transition:scale var(--duration-release) var(--ease-spring)}.game-toggle:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.game-toggle{min-width:var(--touch-target);min-height:var(--touch-target);border-radius:var(--radius-pill);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.game-toggle i{border-radius:var(--radius-pill);background:var(--surface-inset);width:3.4em;height:1.9em;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--field-border), inset 0 .2em 0 #0006;transition:background-color var(--duration-exit) var(--ease-out);position:relative}.game-toggle i:after{content:"";background:linear-gradient(var(--text-muted), var(--field-border));width:1.4em;height:1.4em;transition:translate var(--duration-release) var(--ease-spring);border-radius:50%;position:absolute;top:.25em;left:.25em;box-shadow:0 .12em #0008}.game-toggle[aria-checked=true] i{background:linear-gradient(165deg, var(--button-green-top), var(--button-green-bottom));box-shadow:0 0 0 2px var(--ink), inset 0 .12em 0 var(--button-green-highlight)}.game-toggle[aria-checked=true] i:after{background:linear-gradient(var(--white), var(--button-white-bottom));box-shadow:0 .12em 0 var(--button-green-bevel);translate:1.5em}.game-toggle:disabled{opacity:.45;cursor:default}.game-toggle:focus{outline:none}.game-toggle:focus-visible i,:root[data-input=gamepad] .game-toggle:focus i{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.game-segmented{background:var(--surface-inset);box-shadow:0 0 0 2px var(--ink), inset 0 .2em 0 #0006;border-radius:.75em;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.2em;padding:.2em;display:grid}.game-segmented button{transition:scale var(--duration-release) var(--ease-spring)}.game-segmented button:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.game-segmented button{min-width:0;min-height:var(--touch-target);color:var(--text-muted);overflow-wrap:anywhere;transition:scale var(--duration-release) var(--ease-spring), color var(--duration-exit) var(--ease-out);background:0 0;border:0;border-radius:.6em;padding:.3em .5em;font-size:.9em;line-height:1.1}.game-segmented button[aria-checked=true]{color:var(--text-primary);background:linear-gradient(165deg, var(--button-blue-top), var(--button-blue-bottom));box-shadow:0 .16em 0 var(--button-blue-bevel), inset 0 .1em 0 var(--button-blue-highlight);text-shadow:0 .1em 0 var(--ink)}.game-segmented button:disabled{opacity:.45;cursor:default}@media (hover:hover){.game-segmented button:not([aria-checked=true],:disabled):hover{color:var(--text-primary);background:#ffffff10}.game-toggle:not(:disabled):hover i{filter:brightness(1.15)}}@media (height<=550px) and (orientation:landscape){.game-slider,.game-toggle,.game-segmented{font-size:14px}}.game-field{width:100%;min-width:0;min-height:var(--touch-target);border-radius:var(--radius-control);background:var(--surface-inset);box-shadow:inset 0 0 0 2px var(--field-border), inset 0 4px 0 #0006;color:var(--text-primary);caret-color:var(--field-caret);font:inherit;border:0;padding:.55em .8em}.game-field::placeholder{color:var(--text-muted);opacity:.6}.game-field[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--button-red-top), inset 0 4px 0 #0006}.game-empty{align-content:center;justify-items:center;gap:var(--space-2);min-height:100%;padding:var(--space-6) var(--space-4);text-align:center;animation:game-rise var(--duration-screen) var(--ease-out) backwards;display:grid}.game-empty strong{font-size:18px;font-style:italic;font-weight:var(--font-weight-display)}.game-empty p{max-width:26em;color:var(--text-muted);font-size:13px;font-style:normal;font-weight:var(--font-weight-strong);margin:0;line-height:1.4}.game-empty .game-button{margin-top:var(--space-2);font-size:15px}.game-empty-icon{border-radius:var(--radius-card);background:var(--surface-inset);width:56px;height:56px;box-shadow:inset 0 0 0 2px var(--field-border);color:var(--text-muted);--icon-outline:transparent;place-items:center;display:grid}.game-empty-icon .game-icon{width:30px;height:30px}.game-skeleton{align-content:start;gap:var(--space-2);display:grid}.game-skeleton i{border-radius:var(--radius-control);background:#ffffff12;height:48px;animation:1.2s ease-in-out infinite alternate game-skeleton}.game-skeleton i:nth-child(2n){animation-delay:.2s}@keyframes game-skeleton{to{opacity:.35}}.picker{--picker-gap:clamp(12px, 1.6vw, 22px);gap:var(--picker-gap);height:min(540px, 88svh / var(--dialog-zoom) - 76px);padding:var(--picker-gap);padding-right:max(var(--picker-gap), env(safe-area-inset-right));padding-left:max(var(--picker-gap), env(safe-area-inset-left));grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);display:grid}.picker-stage{background:var(--surface-inset);min-height:0;box-shadow:inset 0 0 0 2px var(--dialog-rim), inset 0 0 46px #000b;isolation:isolate;border-radius:18px;position:relative;overflow:hidden}.picker-side{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.picker-heading{flex:none;justify-items:start;gap:2px;display:grid}.picker-heading h2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(26px,3.4vw,42px);font-style:italic;font-weight:var(--font-weight-display);letter-spacing:-.01em;text-transform:uppercase;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);animation:picker-title var(--duration-enter) var(--ease-out);margin:0;padding:2px 10px 4px 4px;line-height:1.05;overflow:hidden}.picker-heading p{color:var(--text-muted);font-size:clamp(13px,1.25vw,15px);font-weight:var(--font-weight-strong);margin:0 0 0 4px;line-height:1.3}.picker-detail b{color:var(--text-accent);font-size:.8em;font-style:italic;font-weight:var(--font-weight-display);letter-spacing:.06em;text-transform:uppercase;margin-right:8px}.picker-badge,.picker-card-badge{--badge-top:#ff9d2e;--badge-bottom:#e8590c;background:linear-gradient(180deg, var(--badge-top), var(--badge-bottom));color:var(--ink);font-style:italic;font-weight:var(--font-weight-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transform:skew(-10deg)}.picker-badge{box-shadow:0 0 0 2px var(--ink);border-radius:5px;margin:0 0 2px 6px;padding:2px 10px;font-size:11px}.picker-roster{--card-min:80px;--card-art-ratio:1;grid-template-columns:repeat(auto-fill, minmax(var(--card-min), 1fr));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;flex:1 1 0;align-content:start;gap:10px;min-height:0;margin:0 -8px 0 -6px;padding:8px 8px 10px 6px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#000 calc(100% - 12px),#0000)}.picker-roster--wide{--card-min:124px;--card-art-ratio:16 / 10}.picker-card{transition:scale var(--duration-release) var(--ease-spring)}.picker-card:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.picker-card{min-width:0;box-shadow:inset 0 0 0 2px var(--dialog-rim), 0 4px 0 var(--ink);color:var(--text-primary);transition:scale var(--duration-release) var(--ease-spring), translate var(--duration-release) var(--ease-spring), box-shadow .14s var(--ease-out);background:linear-gradient(#2a3058,#1b1f3d);border:0;border-radius:13px;gap:5px;padding:5px 5px 6px;display:grid;position:relative}.picker-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:italic;font-weight:var(--font-weight-display);text-transform:uppercase;text-shadow:0 2px 0 var(--ink);line-height:1.15;overflow:hidden}.picker-card:focus-visible{outline-offset:3px}.picker-card.is-shown{background:linear-gradient(180deg, var(--button-blue-top), var(--button-blue-bottom));box-shadow:inset 0 0 0 2px var(--button-blue-highlight), 0 7px 0 var(--button-blue-bevel), 0 0 18px #3385ff80;translate:0 -3px}.picker-card-art{aspect-ratio:var(--card-art-ratio);background:radial-gradient(circle at 50% 30%, #4f74d9aa, transparent 72%), var(--surface-inset);border-radius:9px;display:block;overflow:hidden;box-shadow:inset 0 3px #0006}.picker-card-art img{object-fit:cover;width:100%;height:100%;display:block}.is-shown .picker-card-art{background:radial-gradient(circle at 50% 30%,#fff6,#0000 72%),#0b2a8f}.picker-card-badge{box-shadow:0 0 0 2px var(--ink), 0 2px 0 2px var(--ink);text-overflow:ellipsis;pointer-events:none;border-radius:4px;max-width:calc(100% + 8px);padding:1px 6px;font-size:9px;position:absolute;top:-5px;left:-4px;overflow:hidden}.picker-card-equipped{background:var(--button-green-top);width:22px;height:22px;box-shadow:0 0 0 2px var(--ink), 0 2px 0 2px var(--ink);color:var(--button-green-text);--icon-outline:transparent;pointer-events:none;animation:game-pop var(--duration-enter) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.picker-card-equipped svg{width:14px;height:14px}.picker-confirm{flex:none;align-self:stretch;height:3em;margin:0 6px 6px;font-size:clamp(15px,1.5vw,19px)}.picker-confirm.is-equipped{cursor:default;filter:saturate(.6)}@media (height<=550px) and (orientation:landscape){.picker{--picker-gap:10px;height:calc((100svh - 28px) / var(--dialog-zoom) - 46px)}.picker-side{gap:6px}.picker-heading h2{-webkit-text-stroke-width:5px;font-size:24px}.picker-heading p{font-size:12px}.picker-roster{--card-min:100px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--card-min);scroll-snap-type:x proximity;gap:8px;scroll-padding-inline:6px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.picker-roster--wide{--card-min:148px}.picker-card{scroll-snap-align:start}.picker-card strong{font-size:11px}.picker-card-badge{font-size:8px}.picker-confirm{height:2.7em;font-size:14px}}@keyframes picker-title{0%{opacity:0;translate:14px}}.toast-stack{inset:max(12px, env(safe-area-inset-top)) 0 auto;pointer-events:none;width:min(460px,100vw - 32px);font-family:var(--font-family);background:0 0;border:0;margin:0 auto;padding:0;position:fixed;overflow:visible}.toast-stack:popover-open{gap:var(--space-3);display:grid}.game-toast{--toast-accent:var(--button-blue-top);--toast-accent-edge:var(--button-blue-bevel);color:var(--white);pointer-events:auto;animation:toast-enter .42s var(--ease-spring) both;position:relative}.game-toast--success{--toast-accent:var(--button-green-top);--toast-accent-edge:var(--button-green-bevel)}.game-toast--error{--toast-accent:var(--button-red-top);--toast-accent-edge:var(--button-red-bevel)}.game-toast.is-leaving{animation:toast-exit var(--duration-exit) var(--ease-in) both}.toast-face{align-items:center;gap:var(--space-3);background:linear-gradient(180deg, var(--dialog-top), var(--dialog-bottom));min-height:60px;box-shadow:0 0 0 3px var(--ink), inset 0 0 0 2px var(--dialog-rim), 0 6px 0 3px var(--ink), 0 14px 30px var(--shadow-strong);border-radius:14px;padding:8px 10px 8px 8px;display:flex;transform:skew(-6deg)}.toast-face>*{transform:skew(6deg)}.toast-face p{font-size:14px;line-height:1.3;font-weight:var(--font-weight-display);text-transform:uppercase;text-shadow:0 2px 0 var(--ink);flex:1;margin:0;font-style:italic}.toast-icon{background:var(--toast-accent);width:42px;height:42px;box-shadow:inset 0 2px 0 #fff5, 0 4px 0 var(--toast-accent-edge);border-radius:10px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.toast-icon b{font-weight:var(--font-weight-display);text-shadow:0 2px 0 var(--ink)}.toast-icon svg{width:26px;height:26px}.toast-action{flex:none;font-size:12px}.toast-close{flex:none;width:38px;font-size:12px}@keyframes toast-enter{0%{opacity:0;translate:0 -48px;scale:.9}to{opacity:1;translate:0;scale:1}}@keyframes toast-exit{to{opacity:0;translate:0 -24px;scale:.94}}@media (height<=550px){.toast-stack{width:min(380px,100vw - 32px)}.toast-face{min-height:48px;padding:6px 8px 6px 6px}.toast-face p{font-size:13px}.toast-icon{width:34px;height:34px;font-size:18px}.toast-icon svg{width:20px;height:20px}.toast-close{width:32px;font-size:10px}}@media (prefers-reduced-motion:reduce){.game-toast.is-leaving{opacity:0}}@media (width>=1200px) and (height>=700px){.toast-stack{zoom:1.2}}.fps-counter{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));z-index:50;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 1px var(--dialog-rim);color:var(--text-muted);font-family:var(--font-family);font-size:12px;font-style:italic;font-weight:var(--font-weight-display);font-variant-numeric:tabular-nums;pointer-events:none;background:#0a0d1ce6;border-radius:9px;padding:3px 9px;position:fixed}.fps-counter b{color:var(--ready-check)}.fps-counter--ok b{color:var(--reward-gold)}.fps-counter--bad b{color:var(--player-red-bright)}.player-avatar{--avatar-color:var(--team-red);width:var(--avatar-size,56px);height:var(--avatar-size,56px);filter:drop-shadow(0 3px 2px var(--shadow-medium));flex:none;display:block}.player-avatar--blue{--avatar-color:var(--team-blue)}.player-avatar--purple{--avatar-color:var(--avatar-purple)}.player-avatar--green{--avatar-color:var(--avatar-green)}.player-avatar--yellow{--avatar-color:var(--reward-gold)}.player-avatar--orange{--avatar-color:var(--avatar-orange)}.player-avatar--pink{--avatar-color:var(--avatar-pink)}.player-avatar--black{--avatar-color:var(--avatar-black)}.player-avatar--white{--avatar-color:var(--text-primary)}.player-avatar-hair{fill:var(--avatar-color)}.player-avatar-face{fill:var(--text-primary)}.player-avatar-eye,.player-avatar-frame{fill:var(--scene-plaque)}.top-bar{min-width:0;font-style:italic;font-weight:var(--font-weight-display);animation:game-drop var(--duration-enter) var(--ease-out) backwards;align-items:center;gap:1em;display:flex}.top-identity{transition:scale var(--duration-release) var(--ease-spring)}.top-identity:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.top-identity{background:linear-gradient(180deg, var(--plate-top), var(--plate-bottom));box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--dialog-rim), 0 .3em 0 .14em var(--ink);transform-origin:bottom;border:0;border-radius:1em;flex:0 auto;align-items:center;gap:.8em;min-width:0;max-width:24em;height:4.4em;padding:0 1.4em 0 .5em;display:flex;transform:skew(-8deg)}.top-identity>*{transform:skew(8deg)}.top-identity-portrait{background:radial-gradient(circle at 50% 30%, var(--button-red-highlight), transparent 70%), linear-gradient(180deg, var(--button-red-top), var(--button-red-bevel));width:3.4em;height:3.4em;box-shadow:0 0 0 .12em var(--ink), inset 0 .16em 0 #fff5;border-radius:.8em;flex:none;place-items:center;display:grid}.top-identity-portrait svg{width:84%;height:84%}.top-identity-text{justify-items:start;gap:.25em;min-width:0;display:grid}.top-identity-text b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;min-width:0;max-width:100%;text-shadow:0 .1em 0 var(--ink);font-size:1.6em;line-height:1;overflow:hidden}.top-identity-text small{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:var(--text-muted);align-items:center;gap:.45em;font-size:.9em;display:flex;overflow:hidden}.top-identity-text i{background:var(--online);width:.6em;height:.6em;box-shadow:var(--glow-ready);border-radius:50%;flex:none}.top-stats{background:linear-gradient(180deg, var(--plate-top), var(--plate-bottom));box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--dialog-rim), 0 .3em 0 .14em var(--ink);border-radius:.9em;flex:none;align-items:center;gap:1.4em;height:3.4em;margin:0;padding:0 1.3em;list-style:none;display:flex;transform:skew(-8deg)}.top-stats li{font-variant-numeric:tabular-nums;text-shadow:0 .1em 0 var(--ink);align-items:center;gap:.5em;font-size:1.35em;display:flex;transform:skew(8deg)}.top-stats img,.top-stats svg{width:1.35em;height:1.35em}.top-stat-skull{color:var(--button-white-bottom)}.top-rank{color:var(--reward-gold);background:#0008;border-radius:.5em;padding:.15em .5em;font-size:.75em}.top-actions{gap:.8em;margin-left:auto;display:flex}.top-action{position:relative}.top-action .game-button{width:3em;font-size:1.4em}.top-badge{border-radius:var(--radius-pill);background:var(--team-red);min-width:1.7em;height:1.7em;box-shadow:0 0 0 .16em var(--ink);font-variant-numeric:tabular-nums;pointer-events:none;animation:game-pop var(--duration-enter) var(--ease-spring) backwards;place-items:center;padding:0 .4em;font-size:.95em;font-style:normal;display:grid;position:absolute;top:-.45em;right:-.45em}.top-badge--online{background:var(--button-green-bottom);color:var(--button-green-text)}.invite-friend-card{transition:scale var(--duration-release) var(--ease-spring)}.invite-friend-card:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.invite-friend-card{color:var(--text-primary);font-style:italic;font-weight:var(--font-weight-display);background:0 0;border:0;justify-items:center;padding:0;display:grid;position:relative}.invite-friend-ghost{width:9.5em;font-size:var(--invite-art,1em);opacity:.85;filter:drop-shadow(0 0 .1em #7d8bd6);display:block;position:relative}.invite-friend-ghost img{width:100%;height:auto;display:block}.invite-friend-ghost:after{content:"";opacity:0;background:linear-gradient(105deg,#0000 35%,#8fa6ffaa 50%,#0000 65%) 0 0/300% 100%;position:absolute;inset:0;-webkit-mask:url(../assets/skins/ghost.png) 50%/100% 100% no-repeat;mask:url(../assets/skins/ghost.png) 50%/100% 100% no-repeat}.is-searching .invite-friend-ghost:after{opacity:1;animation:1.4s linear infinite invite-shimmer}@keyframes invite-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.invite-friend-plus{background:linear-gradient(180deg, var(--button-blue-top), var(--button-blue-bottom));width:3.6em;height:3.6em;box-shadow:0 0 0 .16em var(--ink), inset 0 .18em 0 var(--button-blue-highlight), 0 .3em 0 .16em var(--ink), var(--glow-blue);animation:invite-beckon 2.6s var(--ease-out) infinite;border-radius:.9em;place-items:center;display:grid;position:absolute;top:20%;rotate:-6deg}.invite-friend-plus svg{width:62%;height:62%}@keyframes invite-beckon{0%,70%,to{scale:1}80%{scale:1.12}}.invite-friend-label{background:linear-gradient(180deg, var(--plate-top), var(--plate-bottom));box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--dialog-rim), 0 .3em 0 .14em var(--ink);border-radius:.9em;justify-items:center;gap:.2em;margin-top:-2.6em;padding:.55em 1.2em .6em;display:grid;transform:skew(-8deg)}.invite-friend-label>*{transform:skew(8deg)}.invite-friend-label strong{white-space:nowrap;text-shadow:0 .12em 0 var(--ink);font-size:1.25em}.invite-friend-label small{color:var(--text-muted);align-items:center;gap:.4em;font-size:.9em;display:flex}.invite-friend-label i{background:var(--field-border);border-radius:50%;width:.6em;height:.6em}.has-online .invite-friend-label i{background:var(--online);box-shadow:var(--glow-ready)}.invite-friend-card.is-searching{pointer-events:none}.find-team{transition:scale var(--duration-release) var(--ease-spring)}.find-team:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.find-team{border-radius:var(--radius-pill);min-height:3.7em;box-shadow:inset 0 0 0 .1em var(--dialog-rim);color:var(--text-muted);font-style:italic;font-weight:var(--font-weight-display);white-space:nowrap;background:#0a0d22b3;border:0;align-items:center;gap:.5em;padding:0 1em;display:flex}.find-team .game-icon{width:1.2em;height:1.2em}.find-team.is-searching{color:var(--text-primary);box-shadow:inset 0 0 0 .1em var(--button-blue-highlight)}.find-team:disabled{cursor:default;opacity:.55}.players{pointer-events:none;container-type:size}.stage-set{--stage-height:min(100cqh, 120cqw);--stage-lift:0%;height:var(--stage-height);aspect-ratio:3/2;translate:-50% calc(-50% - var(--stage-lift));transition:translate var(--duration-enter) var(--ease-out);pointer-events:auto;position:absolute;top:50%;left:50%}.players.is-solo .stage-set{translate:calc(-50% - var(--stage-height) * .255) calc(-50% - var(--stage-lift))}.stage-set:before{content:"";background:radial-gradient(closest-side,#8ea6ff80,#5f7dff26 60%,#0000);border-radius:50%;position:absolute;inset:73% 14% 5%}.character-render{position:absolute;inset:0}.character-render canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.character-render canvas:active{cursor:grabbing}.model-status{text-align:center;width:100%;color:var(--text-model-status);position:absolute;top:46%;left:0}.player-slot{left:var(--red-x,50%);top:var(--red-y,55%);width:0;height:0;opacity:var(--stage-ready,0);transition:opacity var(--duration-screen) ease-out;--action-offset:var(--red-action-offset,7em);position:absolute}.stage-set:has(.character-render.is-error) .player-slot{opacity:1}.player-slot--blue{left:var(--blue-x,80%);top:var(--blue-y,55%);--action-offset:var(--blue-action-offset,7em)}.player-tag{top:var(--action-offset);white-space:nowrap;background:0 0;border:0;border-radius:.8em;justify-items:center;gap:.35em;padding:.3em .6em;display:grid;position:absolute;left:0;translate:-50%}button.player-tag{transition:scale var(--duration-release) var(--ease-spring)}button.player-tag:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}button.player-tag{min-height:var(--touch-target)}button.player-tag .game-icon{opacity:.8;width:.8em;height:.8em}.player-name{align-items:center;gap:.5em;display:flex}.player-name b{font-style:italic;font-weight:var(--font-weight-display);-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:9em;text-shadow:0 .12em 0 var(--ink);padding:.1em .15em;font-size:1.5em;line-height:1;overflow:hidden}.player-trophies{font-style:italic;font-weight:var(--font-weight-display);-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;color:var(--reward-gold);align-items:center;gap:.2em;font-size:1.15em;line-height:1;display:flex}.player-trophies img{width:1.2em;height:1.2em}.player-ready{border-radius:var(--radius-pill);box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .08em var(--field-border);color:var(--text-muted);font-size:.95em;font-style:italic;font-weight:var(--font-weight-display);background:#0a1023dd;align-items:center;gap:.45em;padding:.3em .9em;display:flex}.player-ready i{background:var(--field-border);border-radius:50%;width:.6em;height:.6em}.player-tag.is-ready .player-ready{background:var(--ready-background);box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .08em var(--ready-border);color:var(--ready-check);animation:game-pop var(--duration-enter) var(--ease-spring) backwards}.player-tag.is-ready .player-ready i{background:var(--online);box-shadow:var(--glow-ready)}.player-invite{--invite-art:calc(var(--stage-height) * .04);top:calc(var(--invite-art) * -8.2);justify-items:center;gap:.7em;display:grid;position:absolute;left:0;translate:-50%}@media (height<=550px) and (orientation:landscape){.stage-set{--stage-lift:6%}.player-invite{--invite-art:calc(var(--stage-height) * .034);top:calc(var(--invite-art) * -9.4)}}[data-arena]{--arena-font-display:var(--font-family);--arena-font-text:var(--font-family);--arena-display-style:italic;--arena-display-weight:var(--font-weight-display);--arena-display-tracking:normal;--arena-display-features:normal;--arena-text-style:italic;--arena-text-weight:var(--font-weight-display);--arena-type-scale:1;--arena-digit:.68em;--arena-text:var(--white);--arena-muted:var(--text-muted);--arena-ink:var(--ink);--arena-stroke:1;--arena-drop:1;--arena-text-glow:0 0 0 transparent;--arena-accent:var(--reward-gold);--arena-accent-fill:linear-gradient(180deg, #ffe08a, #e89a00);--arena-accent-ink:var(--ink);--arena-ok:var(--ready-check);--arena-ok-fill:linear-gradient(180deg, var(--button-green-top), var(--button-green-bottom));--arena-blue:var(--player-blue);--arena-blue-bright:var(--player-blue-bright);--arena-blue-top:var(--button-blue-top);--arena-blue-bottom:var(--button-blue-bottom);--arena-blue-bevel:var(--button-blue-bevel);--arena-blue-highlight:var(--button-blue-highlight);--arena-red:var(--player-red);--arena-red-bright:var(--player-red-bright);--arena-red-top:var(--button-red-top);--arena-red-bottom:var(--button-red-bottom);--arena-red-bevel:var(--button-red-bevel);--arena-red-highlight:var(--button-red-highlight);--arena-scrim:#0a0d1c;--arena-vignette:#04050eb8;--arena-alarm:#ff1a3a;--arena-stage:radial-gradient(ellipse 46% 16% at 50% 80%, #ffffff1f, transparent 70%), conic-gradient(from 148deg at 20% -12%, transparent 0deg, #3f6cff3d 10deg, transparent 24deg), conic-gradient(from 188deg at 80% -12%, transparent 0deg, #ff33463d 14deg, transparent 24deg), radial-gradient(ellipse at 50% 42%, #1b2247, #04050f 80%);--arena-panel:linear-gradient(180deg, #252b55, #10142e);--arena-chip:#0a0d1ccc;--arena-inset:var(--surface-inset);--arena-texture:none;--arena-glass:none;--arena-radius:14px;--arena-radius-chip:10px;--arena-radius-button:50%;--arena-skew:10deg;--arena-ribbon-tilt:-1.6deg;--arena-ribbon-base:#05060fd9;--arena-ribbon-edge:inset 0 5px 0 #ffffff2e, inset 0 -5px 0 #0000004d;--arena-ribbon-mask:none;--arena-clip:none;--arena-plate-shadow:0 0 0 3px var(--arena-ink), inset 0 2px 0 #fff3, 0 5px 0 3px var(--arena-ink);--arena-chip-shadow:0 0 0 2px var(--arena-ink);--arena-bar-shadow:0 0 0 3px var(--arena-ink), inset 0 3px 0 #0008;--arena-ease-pop:var(--ease-spring);--arena-ease-out:var(--ease-out);--arena-ease-in:var(--ease-in);--arena-motion:1;--arena-event-fx:none}.hud-ornament{pointer-events:none;display:none}[data-arena=japan]{--arena-font-display:"Pattaya", "Pattaya Fallback", var(--font-family);--arena-font-text:"Kurale", "Kurale Fallback", Georgia, serif;--arena-display-style:normal;--arena-display-weight:400;--arena-display-tracking:.01em;--arena-text-style:normal;--arena-text-weight:400;--arena-type-scale:1.06;--arena-digit:.6em;--arena-text:#f6ecd8;--arena-muted:#d9c9a8;--arena-ink:#150e0b;--arena-stroke:.55;--arena-drop:.5;--arena-text-glow:0 0 .5em #150e0bcc;--arena-accent:#f0c66a;--arena-accent-fill:linear-gradient(180deg, #e8553a, #b92d1a);--arena-accent-ink:#fff3de;--arena-ok:#b9d98a;--arena-ok-fill:linear-gradient(180deg, #7fa651, #4d7430);--arena-scrim:#120c0a;--arena-vignette:#0a0605c7;--arena-stage:radial-gradient(ellipse 60% 30% at 50% 100%, #e8553a2e, transparent 70%), radial-gradient(ellipse at 50% 30%, #2a1c16, #0c0706 78%);--arena-panel:linear-gradient(180deg, #3b2a1f, #1e1511);--arena-chip:#1a110de0;--arena-inset:#0f0a08;--arena-texture:repeating-linear-gradient(88deg, transparent 0 7px, #ffffff08 7px 8px, transparent 8px 19px, #0000001f 19px 20px), radial-gradient(circle at 20% 30%, #ffffff0d 0 1px, transparent 2px);--arena-radius:3px;--arena-radius-chip:3px;--arena-skew:0deg;--arena-ribbon-tilt:-1deg;--arena-ribbon-base:#150e0be6;--arena-ribbon-edge:none;--arena-ribbon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath d='M4 54 20 30 14 22 46 12 60 18 120 8 200 12 290 6 352 14 372 9 396 30 384 38 398 58 380 66 392 84 350 88 338 96 260 90 180 96 92 90 70 97 30 86 36 78 6 70z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;--arena-plate-shadow:0 0 0 1px #d2ab5e, 0 0 0 3px var(--arena-ink), 0 6px 14px #000a;--arena-chip-shadow:0 0 0 1px #d2ab5e99, 0 0 0 2px var(--arena-ink);--arena-bar-shadow:0 0 0 1px #d2ab5e99, 0 0 0 3px var(--arena-ink);--arena-ease-pop:cubic-bezier(.22, 1, .36, 1);--arena-ease-out:cubic-bezier(.16, 1, .3, 1);--arena-motion:1.5}[data-arena=japan].match-screen{--ink:#150e0b;--radius-control:4px;--radius-dialog:6px;--ease-spring:cubic-bezier(.22, 1, .36, 1)}[data-arena=japan] .hud-ornament--cap{opacity:.85;border-inline:2px solid #d2ab5e;width:46%;height:60px;display:block;position:absolute;bottom:100%;left:50%;translate:-50%}[data-arena=apocalypse]{--arena-font-display:"Russo One", "Russo One Fallback", var(--font-family);--arena-font-text:"Roboto Condensed", "Roboto Condensed Fallback", var(--font-family);--arena-display-style:normal;--arena-display-weight:400;--arena-display-tracking:.02em;--arena-text-style:normal;--arena-text-weight:700;--arena-type-scale:.96;--arena-digit:.7em;--arena-text:#f1ede4;--arena-muted:#c9c3b6;--arena-ink:#11100e;--arena-stroke:.8;--arena-accent:#f5c531;--arena-accent-fill:linear-gradient(180deg, #f7cf45, #d99a12);--arena-accent-ink:#11100e;--arena-ok:#b7d65a;--arena-ok-fill:linear-gradient(180deg, #9db53c, #5f7a1e);--arena-scrim:#141412;--arena-vignette:#080807c7;--arena-stage:repeating-linear-gradient(100deg, transparent 0 46px, #ffffff08 46px 47px), radial-gradient(ellipse at 50% 40%, #3a3833, #0e0e0d 80%);--arena-panel:linear-gradient(180deg, #5a5650, #33312d);--arena-chip:#1b1a18e6;--arena-inset:#0d0d0c;--arena-texture:radial-gradient(circle at 7px 7px, #0009 0 1.5px, #ffffff40 2px 2.6px, transparent 3px), radial-gradient(circle at calc(100% - 7px) 7px, #0009 0 1.5px, #ffffff40 2px 2.6px, transparent 3px), repeating-linear-gradient(112deg, transparent 0 17px, #ffffff12 17px 18px, transparent 18px 41px, #00000026 41px 43px);--arena-radius:2px;--arena-radius-chip:2px;--arena-skew:0deg;--arena-ribbon-tilt:-2.4deg;--arena-ribbon-base:#11100ee6;--arena-ribbon-edge:inset 0 6px 0 #f5c531, inset 0 -6px 0 #f5c531, inset 0 9px 0 #11100e, inset 0 -9px 0 #11100e;--arena-plate-shadow:0 0 0 2px var(--arena-ink), inset 0 0 0 1px #ffffff26, inset 0 -3px 0 #0000004d, 0 4px 0 2px var(--arena-ink);--arena-chip-shadow:0 0 0 2px var(--arena-ink), inset 0 -2px 0 #c8501e;--arena-bar-shadow:0 0 0 3px var(--arena-ink), inset 0 3px 0 #000a;--arena-ease-pop:cubic-bezier(.2, 0, 0, 1);--arena-ease-out:cubic-bezier(.2, 0, 0, 1);--arena-ease-in:cubic-bezier(.7, 0, 1, .6);--arena-motion:.7;--arena-event-fx:arena-glitch}[data-arena=apocalypse].match-screen{--ink:#11100e;--radius-control:3px;--radius-dialog:4px;--ease-spring:cubic-bezier(.2, 0, 0, 1)}[data-arena=apocalypse] .hud-ornament--base{filter:blur(.6px);background:#c8501e;border-radius:60% 40% 70% 30%/100%;width:78%;height:5px;margin-top:2px;display:block;rotate:-.6deg}@keyframes arena-glitch{0%,to{clip-path:none;transform:none}12%{clip-path:inset(0 0 55%);transform:translate(-7px,2px)skew(-6deg)}24%{clip-path:inset(40% 0 0);transform:translate(6px,-2px)}36%{clip-path:none;transform:translate(-3px,1px)skew(4deg)}48%{transform:translate(3px)}}[data-arena=voxel]{--arena-font-display:"Tiny5", "Tiny5 Fallback", var(--font-family);--arena-font-text:"Tiny5", "Tiny5 Fallback", var(--font-family);--arena-display-style:normal;--arena-display-weight:400;--arena-display-tracking:.02em;--arena-text-style:normal;--arena-text-weight:400;--arena-type-scale:1.22;--arena-digit:.62em;--arena-text:#fff;--arena-muted:#e3e3e3;--arena-ink:#1b1b1b;--arena-stroke:.7;--arena-accent:#ffd83d;--arena-accent-fill:linear-gradient(180deg, #ffd83d 0 50%, #e0a91a 50% 100%);--arena-accent-ink:#1b1b1b;--arena-ok:#8ee04e;--arena-ok-fill:linear-gradient(180deg, #6cc13a 0 50%, #4e9a26 50% 100%);--arena-blue-top:#3b82f6;--arena-blue-bottom:#3b82f6;--arena-red-top:#ef4444;--arena-red-bottom:#ef4444;--arena-scrim:#20241c;--arena-vignette:#10140c8f;--arena-radius-button:0px;--arena-stage:linear-gradient(180deg, #2b4a6b 0 62%, #3f7d22 62% 68%, #5a3a1c 68% 100%);--arena-panel:linear-gradient(180deg, #505050 0 50%, #434343 50% 100%);--arena-chip:#2b2b2bf0;--arena-inset:#1b1b1b;--arena-texture:repeating-linear-gradient(90deg, #ffffff12 0 8px, transparent 8px 16px, #00000014 16px 24px), repeating-linear-gradient(0deg, transparent 0 8px, #0000000f 8px 16px);--arena-radius:0px;--arena-radius-chip:0px;--arena-skew:0deg;--arena-ribbon-tilt:0deg;--arena-ribbon-base:#1b1b1bf0;--arena-ribbon-edge:inset 0 8px 0 #fff3, inset 0 -8px 0 #00000059;--arena-plate-shadow:-4px 0 0 0 var(--arena-ink), 4px 0 0 0 var(--arena-ink), 0 -4px 0 0 var(--arena-ink), 0 4px 0 0 var(--arena-ink), inset 0 4px 0 #ffffff47, inset 0 -4px 0 #00000052, 0 8px 0 0 #0000004d;--arena-chip-shadow:-3px 0 0 0 var(--arena-ink), 3px 0 0 0 var(--arena-ink), 0 -3px 0 0 var(--arena-ink), 0 3px 0 0 var(--arena-ink);--arena-bar-shadow:-3px 0 0 0 var(--arena-ink), 3px 0 0 0 var(--arena-ink), 0 -3px 0 0 var(--arena-ink), 0 3px 0 0 var(--arena-ink);--arena-ease-pop:steps(4, end);--arena-ease-out:steps(5, end);--arena-ease-in:steps(3, end)}[data-arena=voxel].match-screen{--ink:#1b1b1b;--radius-control:0px;--radius-card:0px;--radius-dialog:0px;--ease-spring:steps(4, end);--ease-out:steps(5, end)}[data-arena=voxel] .hud-ornament--cap{background:repeating-linear-gradient(90deg,#5cb531 0 8px,#4a9a26 8px 16px,#6fce3e 16px 24px);height:8px;display:block;position:absolute;inset:-8px 4px auto;box-shadow:0 4px #8b5a2b}[data-arena=space]{--arena-font-display:"Tektur", "Tektur Fallback", var(--font-family);--arena-font-text:"Exo 2", "Exo 2 Fallback", var(--font-family);--arena-display-style:normal;--arena-display-weight:800;--arena-display-tracking:.04em;--arena-text-style:normal;--arena-text-weight:600;--arena-type-scale:.94;--arena-digit:.66em;--arena-text:#eafcff;--arena-muted:#a9d6e2;--arena-ink:#020a18;--arena-stroke:.45;--arena-drop:0;--arena-text-glow:0 0 .25em #020a18, 0 0 .45em #5ef2ff80;--arena-accent:#ffb85c;--arena-accent-fill:linear-gradient(180deg, #ffc978, #f08a1c);--arena-accent-ink:#1a0d00;--arena-ok:#6dffd0;--arena-ok-fill:linear-gradient(180deg, #2fd9b0, #0e8f7c);--arena-scrim:#050d1f;--arena-vignette:#01040cc7;--arena-stage:radial-gradient(circle at 18% 22%, #ffffffb3 0 1px, transparent 1.5px), radial-gradient(circle at 72% 14%, #fff9 0 1px, transparent 1.5px), radial-gradient(circle at 86% 64%, #ffffff80 0 1px, transparent 1.5px), radial-gradient(circle at 34% 78%, #ffffff80 0 1px, transparent 1.5px), radial-gradient(ellipse at 50% 110%, #19c2b540, transparent 60%), radial-gradient(ellipse at 50% 40%, #0c2447, #030814 80%);--arena-panel:linear-gradient(180deg, #0e2a4ee6, #071428eb);--arena-chip:#071428e0;--arena-inset:#030a17;--arena-texture:repeating-linear-gradient(0deg, #5ef2ff14 0 1px, transparent 1px 3px);--arena-glass:blur(6px);--arena-radius:0px;--arena-radius-chip:0px;--arena-skew:0deg;--arena-ribbon-tilt:0deg;--arena-ribbon-base:#050d1fe0;--arena-ribbon-edge:inset 0 1px 0 #5ef2ff, inset 0 -1px 0 #5ef2ff, inset 0 0 28px #5ef2ff40;--arena-clip:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);--arena-plate-shadow:inset 0 0 0 1.5px #5ef2ffcc, inset 0 0 18px #5ef2ff38;--arena-chip-shadow:inset 0 0 0 1px #5ef2ff99;--arena-bar-shadow:0 0 0 1px #5ef2ffcc, 0 0 10px #5ef2ff59;--arena-ease-pop:cubic-bezier(.16, 1, .3, 1);--arena-ease-out:cubic-bezier(.16, 1, .3, 1);--arena-motion:1.15}[data-arena=space].match-screen{--ink:#020a18;--radius-control:2px;--radius-dialog:4px;--ease-spring:cubic-bezier(.16, 1, .3, 1)}[data-arena=space] .hud-ornament--base{background:repeating-linear-gradient(90deg,#5ef2ff99 0 2px,#0000 2px 10px) top/100% 4px no-repeat;border-top:1px solid #5ef2ffcc;width:64%;height:5px;display:block}[data-arena=theatre]{--arena-font-display:"Playfair Display", "Playfair Display Fallback", Georgia, serif;--arena-font-text:"PT Serif", "PT Serif Fallback", Georgia, serif;--arena-display-style:normal;--arena-display-weight:900;--arena-display-tracking:.03em;--arena-display-features:"lnum";--arena-text-style:normal;--arena-text-weight:700;--arena-type-scale:.96;--arena-digit:.62em;--arena-text:#fff4dc;--arena-muted:#e6cfa0;--arena-ink:#140806;--arena-stroke:.75;--arena-drop:.6;--arena-text-glow:0 0 .3em #140806, 0 0 .6em #140806, 0 0 .9em #ffb34d40;--arena-red-bright:#ff8f93;--arena-accent:#f2c14e;--arena-accent-fill:linear-gradient(180deg, #f6d06c, #c98f1e);--arena-accent-ink:#2a0a06;--arena-ok:#6fd9b4;--arena-ok-fill:linear-gradient(180deg, #4dbf98, #1f7f63);--arena-scrim:#120706;--arena-vignette:#0a0303c7;--arena-stage:radial-gradient(ellipse 54% 44% at 50% 46%, #ffcf8a33, transparent 72%), radial-gradient(ellipse at 50% 46%, #4a1012, #0e0404 80%);--arena-panel:linear-gradient(180deg, #5c1216, #2b0709);--arena-chip:#26090af0;--arena-inset:#140506;--arena-texture:linear-gradient(180deg, #ffffff1f 0 18%, transparent 46%), repeating-linear-gradient(45deg, #f2c14e0d 0 1px, transparent 1px 9px), repeating-linear-gradient(-45deg, #f2c14e0d 0 1px, transparent 1px 9px);--arena-radius:4px;--arena-radius-chip:3px;--arena-skew:0deg;--arena-ribbon-tilt:0deg;--arena-ribbon-base:#1a0708eb;--arena-ribbon-edge:inset 0 3px 0 #f2c14e, inset 0 -3px 0 #f2c14e, inset 0 6px 0 #140806, inset 0 -6px 0 #140806, inset 0 7px 0 #f2c14e80, inset 0 -7px 0 #f2c14e80;--arena-plate-shadow:inset 0 0 0 1px #f2c14e, inset 0 0 0 3px #2b0709, inset 0 0 0 4px #f2c14e80, 0 0 0 2px var(--arena-ink), 0 6px 16px #000b;--arena-chip-shadow:inset 0 0 0 1px #f2c14e99, 0 0 0 2px var(--arena-ink);--arena-bar-shadow:0 0 0 1px #f2c14e, 0 0 0 3px var(--arena-ink);--arena-ease-pop:cubic-bezier(.25, .9, .3, 1);--arena-ease-out:cubic-bezier(.25, .9, .3, 1);--arena-motion:1.4}[data-arena=theatre].match-screen{--ink:#140806;--radius-control:4px;--radius-dialog:6px;--ease-spring:cubic-bezier(.25, .9, .3, 1)}[data-arena=theatre] .hud-ornament--base{background:linear-gradient(#f2c14e,#f2c14e) 0 0/100% 1px no-repeat,repeating-linear-gradient(90deg,#f2c14e 0 2px,#0000 2px 6px,#f2c14e 6px 12px,#0000 12px 16px) 0 3px/100% 2px no-repeat,repeating-linear-gradient(90deg,#f2c14e 0 2px,#0000 2px 16px) 0 3px/100% 5px no-repeat;width:86%;height:8px;display:block;position:relative}[data-arena=theatre] .hud-ornament--base:before,[data-arena=theatre] .hud-ornament--base:after{content:"";background:linear-gradient(#f2c14e 0 4px,#c2271f 4px);border-radius:3px 3px 1px 1px;width:6px;height:18px;position:absolute;top:6px}[data-arena=theatre] .hud-ornament--base:before{left:-3px}[data-arena=theatre] .hud-ornament--base:after{right:-3px}[data-arena=rooftop]{--arena-font-display:"Sofia Sans Extra Condensed", "Sofia Sans Extra Condensed Fallback", var(--font-family);--arena-font-text:"Sofia Sans Condensed", "Sofia Sans Condensed Fallback", var(--font-family);--arena-display-style:normal;--arena-display-weight:800;--arena-display-tracking:.05em;--arena-text-style:normal;--arena-text-weight:600;--arena-type-scale:1.24;--arena-digit:.46em;--arena-text:#fff6ff;--arena-muted:#d9c7ee;--arena-ink:#07060f;--arena-stroke:.4;--arena-drop:0;--arena-text-glow:0 0 .25em #07060f, 0 0 .4em #ff5cf299;--arena-accent:#ffb629;--arena-accent-fill:linear-gradient(180deg, #ffc64f, #f08f00);--arena-accent-ink:#1c0c00;--arena-ok:#b8ff6a;--arena-ok-fill:linear-gradient(180deg, #a6e84a, #5e9d14);--arena-scrim:#08071a;--arena-vignette:#04030cc7;--arena-stage:radial-gradient(ellipse 80% 30% at 50% 100%, #ff5cf233, transparent 70%), radial-gradient(ellipse 60% 24% at 20% 100%, #ffb62926, transparent 70%), radial-gradient(ellipse at 50% 30%, #1a1440, #06050f 80%);--arena-panel:linear-gradient(180deg, #1a1436e0, #0a0818eb);--arena-chip:#0c0a1ee6;--arena-inset:#05040d;--arena-texture:linear-gradient(115deg, transparent 0 38%, #ffffff12 38% 44%, transparent 44%);--arena-glass:blur(8px) saturate(1.3);--arena-radius:8px;--arena-radius-chip:6px;--arena-skew:0deg;--arena-ribbon-tilt:0deg;--arena-ribbon-base:#08071ae6;--arena-ribbon-edge:inset 0 2px 0 #ff5cf2, inset 0 -2px 0 #a070ff, inset 0 14px 22px -12px #ff5cf2, inset 0 -14px 22px -12px #a070ff;--arena-plate-shadow:0 0 0 1.5px #ff5cf2, 0 0 14px #ff5cf299, inset 0 0 12px #a070ff4d;--arena-chip-shadow:0 0 0 1px #a070ff, 0 0 8px #a070ff80;--arena-bar-shadow:0 0 0 1.5px #ffb629, 0 0 10px #ffb62980;--arena-ease-pop:cubic-bezier(.2, .8, .2, 1);--arena-event-fx:arena-flicker}[data-arena=rooftop].match-screen{--ink:#07060f;--radius-control:6px;--radius-dialog:10px}[data-arena=rooftop] .hud-ornament--base{background:#ffd27a;border-radius:2px;width:70%;height:3px;margin-top:3px;animation:.9s linear backwards arena-flicker;display:block;box-shadow:0 0 6px #ffb629,0 0 14px #ffb629}@keyframes arena-flicker{0%,18%,30%,44%{opacity:.15}12%,24%,38%,56%,to{opacity:1}}.stage-backdrop{background:var(--surface-field) url(../assets/lobby-arena.webp) center/cover no-repeat;position:absolute;inset:0;overflow:hidden}.stage-backdrop img{object-fit:cover;filter:blur(10px)saturate(1.15);width:108%;height:108%;animation:.6s ease-out backwards stage-backdrop-in;position:absolute;inset:-4%}.stage-backdrop:after{content:"";background:radial-gradient(55% 60% at 45% 55%,#0000,#05071688 100%),linear-gradient(#050716cc,#05071655 30%,#05071666 60%,#050716e6);position:absolute;inset:0}@keyframes stage-backdrop-in{0%{opacity:0}}@media (height<=550px) and (orientation:landscape){.stage-backdrop img{filter:none;width:100%;height:100%;inset:0}.stage-backdrop:after{background:linear-gradient(#050716e0,#050716a6 35%,#050716b3 60%,#050716f0)}}.match-arena{z-index:-1;pointer-events:none;background:var(--surface-page);position:absolute;inset:0;overflow:hidden}.match-arena-camera{animation:arena-camera-arrive 1.8s var(--ease-out) both;position:absolute;inset:0;transform:scale(1.15)}.match-arena-camera>img,.match-arena-camera>svg{width:100%;height:100%;position:absolute;inset:0}.match-arena-camera>img{object-fit:cover}.match-arena-scrim{background:radial-gradient(at 50% 46%,#05081200 28%,#05081245 67%,#0508129c 100%),linear-gradient(#050812cc 0%,#05081220 27%,#05081240 62%,#050812de 83%,#050812f5 100%);position:absolute;inset:0}.arena-light{transform-box:view-box;animation:12s cubic-bezier(.45,0,.55,1) infinite alternate arena-light-sweep}.arena-light--red{transform-origin:256px 455px;--sweep-start:-9deg;--sweep-end:11deg}.arena-light--blue{transform-origin:1416px 455px;--sweep-start:13deg;--sweep-end:-10deg;animation-duration:15s;animation-delay:-6500ms}@keyframes arena-camera-arrive{0%{opacity:0;transform:scale(1.19)translateY(.8%)}to{opacity:1;transform:scale(1.15)}}@keyframes arena-light-sweep{0%{transform:rotate(var(--sweep-start))}to{transform:rotate(var(--sweep-end))}}@media (prefers-reduced-motion:reduce){.match-arena-camera{animation:none;transform:scale(1.15)}.arena-light{animation:none;transform:none}}.match-loading{z-index:20;isolation:isolate;background:var(--surface-page);color:var(--text-primary);font-style:italic;font-weight:var(--font-weight-display);animation:match-loading-in .26s var(--ease-out) backwards;grid-template-rows:auto 1fr auto auto auto;justify-items:center;gap:1.4cqh;padding:5cqh 4cqw;display:grid;position:fixed;inset:0;overflow:hidden}.match-loading-title{letter-spacing:-.02em;-webkit-text-stroke:.45cqw var(--ink);paint-order:stroke fill;text-shadow:0 .5cqw 0 var(--ink);animation:game-pop .42s var(--ease-spring) backwards;margin:0;font-size:clamp(28px,4.6cqw,80px)}.match-loading-head{justify-items:center;gap:.8cqh;display:grid}.match-loading-map{background:linear-gradient(180deg, var(--dialog-band-top), var(--dialog-band-bottom));box-shadow:0 0 0 .16em var(--ink), 0 .3em 0 .16em var(--ink);text-transform:uppercase;animation:game-pop .42s .12s var(--ease-spring) backwards;border-radius:.35em;margin:0;padding:.25em 1em .3em;font-size:clamp(14px,1.7cqw,30px);transform:skew(-10deg)}.match-loading-map span{color:var(--reward-gold);letter-spacing:.08em;margin-right:.6em;font-size:.7em}.match-loading-versus{justify-content:center;align-items:center;gap:4cqw;min-height:0;display:flex}.match-loading-team{gap:1.6cqw;margin:0;padding:0;list-style:none;display:flex}.match-loading-team li{width:15cqw;box-shadow:0 0 0 .25cqw var(--ink), inset 0 0 0 .18cqw var(--team-colour), 0 .5cqw 0 .25cqw var(--ink);background:linear-gradient(180deg, var(--team-top), var(--team-bottom));animation:match-loading-card .42s var(--ease-spring) backwards;border-radius:1.6cqw;justify-items:center;gap:.6cqw;padding:1.2cqw 1cqw 1cqw;display:grid}.match-loading-team img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 .4cqw #0008);width:100%}.match-loading-team b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-shadow:0 .2cqw 0 var(--ink);font-size:clamp(14px,1.7cqw,28px);overflow:hidden}.match-loading-team--ours{--team-colour:var(--player-red);--team-top:#5a1730;--team-bottom:#23102a}.match-loading-team--ours li{transform:skew(-6deg)}.match-loading-team--theirs{--team-colour:var(--player-blue);--team-top:#16306a;--team-bottom:#0f1a40}.match-loading-team--theirs li{transform:skew(6deg)}.match-loading-team li{position:relative}.match-loading-team li.is-unknown img{opacity:.9}.match-loading-emoji{filter:drop-shadow(0 .2cqw 0 var(--ink));font-size:clamp(18px,2.4cqw,40px);font-style:normal;position:absolute;top:.6cqw;right:.8cqw}.match-loading-vs{color:var(--reward-gold);-webkit-text-stroke:.5cqw var(--ink);paint-order:stroke fill;text-shadow:0 .5cqw 0 var(--ink);animation:game-pop .5s .25s var(--ease-spring) backwards;font-size:clamp(32px,6cqw,100px)}.match-loading-bar{background:var(--surface-inset);width:40cqw;height:1.4cqw;min-height:10px;box-shadow:0 0 0 .2cqw var(--ink), inset 0 .25cqw 0 #0008;border-radius:1cqw;overflow:hidden}.match-loading-bar i{border-radius:inherit;background:linear-gradient(180deg, var(--button-green-top), var(--button-green-bottom));width:35%;height:100%;animation:1.3s ease-in-out infinite match-loading-run;display:block}.match-loading-status{color:var(--ready-check);text-shadow:0 .2cqw 0 var(--ink);margin:0;font-size:clamp(14px,1.5cqw,24px)}.match-loading-tip{max-width:60cqw;color:var(--text-muted);text-align:center;animation:game-rise var(--duration-enter) var(--ease-out) backwards;margin:0;font-size:clamp(13px,1.3cqw,21px)}.match-loading-tip span{background:var(--reward-gold);color:var(--ink);border-radius:.4em;margin-right:.6em;padding:.1em .5em}@keyframes match-loading-in{0%{opacity:0}}@keyframes match-loading-card{0%{opacity:0;translate:0 3cqw;scale:.8}}@keyframes match-loading-run{0%{translate:-110%}to{translate:300%}}@media (prefers-reduced-motion:reduce){.match-loading,.match-loading-title,.match-loading-team li,.match-loading-vs,.match-loading-tip{animation:none}.match-loading-bar i{opacity:.65;width:100%;animation:none}}.friends-panel{--friends-online:var(--status-online,#21e779);font-weight:var(--font-weight-display);font-style:italic;line-height:var(--line-height-action);color:var(--text-primary);grid-template-columns:42% minmax(0,1fr);gap:clamp(16px,2vw,32px);padding:clamp(16px,2.2vw,32px);display:grid}.friends-add{border-right:2px solid var(--panel-divider);flex-direction:column;gap:clamp(10px,1.4vw,20px);padding-right:clamp(16px,2vw,32px);display:flex}.friends-add h2{white-space:nowrap;letter-spacing:-.03em;text-shadow:0 3px 0 var(--ink);margin:0;font-size:clamp(20px,2.4vw,34px)}.friends-add form{flex-direction:column;gap:clamp(10px,1.2vw,18px);display:flex}.friends-add input{font-size:clamp(17px,1.7vw,26px)}.friends-username{border-radius:var(--radius-control);background:var(--surface-inset);box-shadow:inset 0 0 0 2px var(--dialog-rim);justify-content:space-between;align-items:center;gap:12px;padding:clamp(10px,1.2vw,18px) clamp(12px,1.4vw,20px);display:flex}.friends-username small{color:var(--text-muted);margin-bottom:4px;font-size:clamp(11px,1.1vw,16px);display:block}.friends-username strong{text-shadow:0 3px 0 var(--ink);font-size:clamp(26px,2.8vw,42px);display:block}.friends-copy{flex-shrink:0;width:clamp(44px,4.4vw,60px);font-size:clamp(14px,1.4vw,19px)}.friends-add-button{--skew:-6deg;width:100%;font-size:clamp(20px,2.2vw,32px)}.friends-separator{color:var(--text-muted);align-items:center;gap:14px;font-size:clamp(12px,1.2vw,18px);display:flex}.friends-separator span{background:var(--panel-divider);flex:1;height:2px}.friends-share{--skew:-6deg;white-space:nowrap;width:100%;font-size:clamp(12px,1.25vw,18px)}.friends-directory{flex-direction:column;gap:clamp(10px,1.3vw,18px);min-width:0;display:flex}.friends-list{flex-direction:column;gap:clamp(8px,.8vw,12px);max-height:min(48vh,460px);padding:2px 4px 6px 0;display:flex;overflow-y:auto}.friend-card{box-shadow:inset 0 0 0 2px var(--dialog-rim), inset 0 2px 0 2px #ffffff10, 0 4px 0 var(--ink);background:linear-gradient(#2a3058,#1b1f3d);border-radius:14px;align-items:center;gap:clamp(10px,1.2vw,18px);padding:clamp(7px,.7vw,10px) clamp(10px,1vw,16px);display:flex}.friend-avatar{flex-shrink:0;width:clamp(44px,4.6vw,70px);height:clamp(44px,4.6vw,70px)}.friend-details{flex:1;min-width:0}.friend-details h3{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 var(--ink);margin:0 0 5px;font-size:clamp(16px,1.6vw,24px);overflow:hidden}.friend-details small{color:var(--text-muted);font-size:11px}.friend-meta{align-items:center;gap:12px;display:flex}.friend-meta strong{align-items:center;gap:5px;font-size:clamp(14px,1.4vw,20px);display:flex}.friend-trophy{width:1.2em;height:1.2em;filter:drop-shadow(0 2px 0 var(--ink))}.friend-status{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:clamp(11px,.95vw,14px);display:flex;overflow:hidden}.friend-status i{background:currentColor;border-radius:50%;flex-shrink:0;width:.75em;height:.75em}.friend-status.is-online{color:var(--friends-online)}.friend-card-actions,.friend-request-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.friend-card-actions .game-button,.friend-request-actions .game-button{font-size:clamp(11px,1.05vw,15px)}.friend-card-actions .game-button--icon,.friend-request-actions .game-button--icon{width:2.9em}.friends-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.friends-preview-note{font-size:var(--font-size-note);font-style:normal;font-weight:var(--font-weight-strong);color:var(--text-note);grid-column:1/-1;margin:0}@media (height<=550px) and (orientation:landscape){.friends-panel{gap:14px;padding:14px 16px}.friends-add{gap:8px;padding-right:14px}.friends-add h2{font-size:20px}.friends-add input{padding:8px 12px;font-size:15px}.friends-add form{gap:8px}.friends-username{padding:7px 10px}.friends-username small{margin-bottom:2px;font-size:10px}.friends-username strong{font-size:22px}.friends-copy{width:42px;font-size:14px}.friends-add-button{font-size:17px}.friends-share{font-size:13px}.friends-separator{font-size:12px}.friends-list{max-height:calc(100svh - 170px)}.friend-avatar{width:40px;height:40px}.friend-card{gap:8px;padding:5px 8px}.friend-details h3{margin-bottom:3px;font-size:16px}.friend-meta strong{font-size:14px}.friend-status{font-size:11px}.friend-card-actions .game-button,.friend-request-actions .game-button{font-size:12px}}@media (width<=600px) and (orientation:portrait){.friends-panel{grid-template-columns:1fr}.friends-add{border-right:0;border-bottom:2px solid var(--panel-divider);padding:0 0 15px}}.team-invite-popup{z-index:8;background:linear-gradient(180deg, var(--plate-top), var(--plate-bottom));width:max-content;max-width:100%;box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--button-green-top), 0 .3em 0 .14em var(--ink), 0 1em 2em var(--shadow-strong);font-style:italic;font-weight:var(--font-weight-display);animation:game-drop var(--duration-enter) var(--ease-out) backwards, team-invite-nudge 2.4s 1s ease-in-out infinite;border-radius:1em;align-items:center;gap:1em;margin-inline:auto;padding:.6em .9em;display:flex;position:absolute;top:6.2em;left:0;right:0}.team-invite-avatar{flex:none;width:3.4em;height:3.4em}.team-invite-text{gap:.2em;min-width:0;display:grid}.team-invite-text b{text-overflow:ellipsis;white-space:nowrap;min-width:0;text-shadow:0 .1em 0 var(--ink);font-size:1.4em;overflow:hidden}.team-invite-text small{color:var(--button-green-top);font-size:.9em}.team-invite-actions{gap:.6em;font-size:1.15em;display:flex}.team-invite-actions .game-button{min-height:2.8em}.team-invite-more{border-radius:var(--radius-pill);background:var(--button-red-top);box-shadow:0 0 0 .14em var(--ink);padding:.15em .5em;font-size:.9em;font-style:normal;position:absolute;top:-.6em;right:-.6em}@keyframes team-invite-nudge{0%,86%,to{rotate:0deg}90%{rotate:-1.5deg}95%{rotate:1.5deg}}.picker--maps{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr)}.map-stage{background:var(--arena-inset,var(--surface-inset));position:absolute;inset:0;overflow:hidden}.map-stage img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.map-stage-soft{filter:blur(14px);scale:1.1}.map-stage-art{animation:map-stage-in .26s var(--ease-out), map-stage-drift 26s ease-in-out .26s infinite alternate}@keyframes map-stage-in{0%{opacity:0;scale:1.04}}@keyframes map-stage-drift{to{translate:-1.2% -.8%;scale:1.07}}.map-stage-caption{background:linear-gradient(180deg, transparent, var(--arena-scrim,#0b0a18) 130%);color:var(--arena-text,var(--text-primary));justify-items:start;gap:4px;padding:56px 20px 18px;display:grid;position:absolute;inset:auto 0 0}.map-stage-caption h2{max-width:100%;color:var(--arena-accent,var(--text-accent));font-family:var(--arena-font-display,inherit);font-size:clamp(30px,4vw,52px);font-style:var(--arena-display-style,italic);font-weight:var(--arena-display-weight,var(--font-weight-display));letter-spacing:var(--arena-display-tracking,-.01em);text-transform:uppercase;text-shadow:0 3px #000a,0 0 22px #000c;animation:picker-title var(--duration-enter) var(--ease-out);margin:0;line-height:1}.map-stage-caption p{font-size:clamp(13px,1.3vw,16px);font-weight:var(--font-weight-strong);text-shadow:0 1px 6px #000;margin:0}.map-stage-caption ul{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.map-stage-caption li{box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 35%, transparent);font-size:11px;font-weight:var(--font-weight-strong);letter-spacing:.06em;text-transform:uppercase;background:#0009;border-radius:99px;padding:2px 9px}.map-stage-mine{background:var(--button-green-top);box-shadow:0 0 0 2px var(--ink);color:var(--button-green-text);font-size:11px;font-style:italic;font-weight:var(--font-weight-display);letter-spacing:.05em;text-transform:uppercase;--icon-outline:transparent;animation:game-pop var(--duration-enter) var(--ease-spring);border-radius:99px;align-items:center;gap:5px;margin-bottom:4px;padding:3px 10px 3px 6px;display:inline-flex}.map-stage-mine svg{width:13px;height:13px}.map-rule{flex:none;gap:2px;padding:2px 4px 0;display:grid}.map-rule b{color:var(--text-accent);font-size:12px;font-style:italic;font-weight:var(--font-weight-display);letter-spacing:.08em;text-transform:uppercase}.map-rule p{color:var(--text-muted);font-size:clamp(12px,1.15vw,14px);font-weight:var(--font-weight-strong);margin:0;line-height:1.3}.picker--maps .picker-roster{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch;overflow:visible;-webkit-mask-image:none;mask-image:none}.picker--maps .picker-card{background:var(--arena-inset,var(--surface-inset));padding:0;overflow:hidden}.picker--maps .picker-card:first-child{grid-column:span 2}.picker--maps .picker-card .picker-card-art{aspect-ratio:auto;background:0 0;border-radius:0;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0006}.picker--maps .picker-card strong{color:var(--arena-accent,var(--white));text-align:left;background:linear-gradient(#0000,#07061299 60%);padding:18px 8px 6px;font-size:clamp(11px,1.05vw,13px);position:absolute;inset:auto 0 0}.picker--maps .picker-card:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--dialog-rim);pointer-events:none;position:absolute;inset:0}.picker--maps .picker-card.is-shown{background:var(--arena-inset,var(--surface-inset));box-shadow:0 7px 0 var(--ink), 0 0 18px color-mix(in srgb, var(--arena-accent,var(--focus)) 55%, transparent)}.picker--maps .picker-card.is-shown:after{box-shadow:inset 0 0 0 3px var(--arena-accent,var(--white))}.picker--maps .picker-card.is-equipped:after{box-shadow:inset 0 0 0 3px var(--button-green-top)}.picker--maps .picker-card-equipped{z-index:1;border-radius:99px;grid-auto-flow:column;gap:3px;width:auto;height:20px;padding:0 7px 0 4px;top:5px;right:5px}.picker--maps .picker-card-equipped:after{content:"Выбрано";font-size:9px;font-style:italic;font-weight:var(--font-weight-display);letter-spacing:.05em;text-transform:uppercase}.picker--maps .picker-card-equipped svg{width:12px;height:12px}@media (height<=550px) and (orientation:landscape){.picker--maps{grid-template-columns:minmax(0,1fr)}.picker--maps>*{grid-area:1/1}.picker--maps .picker-side{z-index:1;pointer-events:none;grid-template:minmax(0,1fr) auto/minmax(0,1fr) auto;align-items:end;gap:6px 10px;padding:8px;display:grid}.picker--maps .picker-side>*{pointer-events:auto}.picker--maps .picker-roster{scroll-snap-type:x mandatory;grid-template-rows:none;grid-template-columns:none;grid-auto-columns:156px;height:98px;margin:0;padding:4px 4px 8px;scroll-padding-inline:4px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.picker--maps .picker-card:first-child{grid-column:auto}.picker--maps .picker-confirm{width:9.5em;margin:0 0 8px}.map-rule{background:#0b0a18b8;border-radius:10px;grid-column:1/-1;place-self:start end;max-width:46%;padding:6px 10px}.map-rule b{font-size:10px}.map-rule p{font-size:11px;line-height:1.25}.map-stage-caption{z-index:1;background:0 0;max-width:54%;padding:12px 14px 0;inset:0 0 auto}.map-stage-caption h2{font-size:28px}.map-stage-caption p{font-size:12px}.map-stage:after{content:"";pointer-events:none;background:linear-gradient(#0b0a18b0,#0000 42%),linear-gradient(#0000 54%,#0b0a18d9);position:absolute;inset:0}}.map-button{transition:scale var(--duration-release) var(--ease-spring)}.map-button:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.map-button{background:linear-gradient(180deg, var(--dialog-top), var(--dialog-bottom));box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--dialog-rim), 0 .3em 0 .14em var(--ink);color:var(--text-primary);text-align:left;border:0;border-radius:.7em;align-items:center;gap:.6em;padding:.3em .6em .3em .3em;display:flex;transform:skew(-10deg)}.map-button>*{transform:skew(10deg)}.map-button img{aspect-ratio:16/10;object-fit:cover;background:var(--surface-inset);border-radius:.45em;flex:none;height:100%}.map-button span{flex:auto;min-width:0;line-height:1.1;display:grid}.map-button small{color:var(--text-accent);font-size:.6em;font-style:italic;font-weight:var(--font-weight-display);letter-spacing:.08em}.map-button b{text-overflow:ellipsis;white-space:nowrap;font-style:italic;font-weight:var(--font-weight-display);text-transform:uppercase;text-shadow:0 .1em 0 var(--ink);overflow:hidden}.map-button .game-icon{opacity:.8;flex:none;width:.9em;height:.9em}.map-button:disabled{cursor:default;filter:saturate(.35);opacity:.65}.role-switch{align-items:center;gap:.5em;display:flex}.role-switch button{transition:scale var(--duration-release) var(--ease-spring)}.role-switch button:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.role-switch button{background:var(--surface-inset);box-shadow:0 0 0 .14em var(--ink);color:var(--text-primary);font:inherit;font-size:.8em;font-style:italic;font-weight:var(--font-weight-display);text-transform:uppercase;opacity:.6;border:0;border-radius:.6em;flex:1 1 0;padding:.45em .6em}.role-switch button[aria-pressed=true]{background:linear-gradient(180deg, var(--dialog-top), var(--dialog-bottom));box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--text-accent);opacity:1}.role-switch button:disabled{cursor:default}.team-panel{gap:var(--space-4);font-style:italic;font-weight:var(--font-weight-display);padding:clamp(14px,2vw,28px);display:grid}.team-members{gap:var(--space-3);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.team-member{box-shadow:inset 0 0 0 2px var(--dialog-rim), 0 5px 0 var(--ink);background:linear-gradient(#2a3058,#1b1f3d);border-radius:16px;align-content:start;justify-items:center;gap:8px;padding:16px 12px 14px;display:grid}.team-member--red{box-shadow:inset 0 0 0 2px var(--player-red), 0 5px 0 var(--ink);background:linear-gradient(#4a1730,#23102a)}.team-member--blue{box-shadow:inset 0 0 0 2px var(--player-blue), 0 5px 0 var(--ink);background:linear-gradient(#16306a,#0f1a40)}.team-member--empty{place-content:center}.team-member--empty .game-button{font-size:16px}.team-member-avatar{width:clamp(64px,7vw,96px);height:clamp(64px,7vw,96px)}.team-member-info{justify-items:center;gap:4px;display:grid}.team-member-info strong{text-shadow:0 2px 0 var(--ink);align-items:center;gap:6px;font-size:clamp(19px,2vw,28px);display:flex}.team-member-info small{background:var(--button-green-top);color:var(--button-green-text);text-shadow:none;border-radius:6px;padding:1px 6px;font-size:11px}.team-member-trophies{color:var(--reward-gold);align-items:center;gap:5px;font-size:17px;display:flex}.team-member-trophies img{width:21px;height:21px}.team-member-ready{background:#0007;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:14px;display:flex}.team-member-ready i{background:#78849b;border-radius:50%;width:8px;height:8px}.team-member-ready.is-ready{color:var(--ready-check)}.team-member-ready.is-ready i{background:#2cf16a}.team-hint{color:var(--text-note);font-size:14px;font-style:normal;font-weight:var(--font-weight-strong);text-align:center;margin:0}.team-actions{justify-content:space-between;gap:var(--space-3);display:flex}.team-actions .game-button{--skew:-6deg;font-size:16px}@media (height<=550px) and (orientation:landscape){.team-panel{gap:var(--space-3)}.team-member{gap:4px;padding:8px 10px}.team-member-avatar{width:44px;height:44px}.team-hint{font-size:12px}}.team-member-kick{--skew:-6deg;margin-top:4px;font-size:13px}.leaderboard-panel{--ranking-gold:#ffd72c;--ranking-gold-dark:#bc8700;--ranking-silver:#c9d3ee;--ranking-silver-dark:#67718b;--ranking-bronze:#efad72;--ranking-bronze-dark:#9e5929;gap:var(--space-3) var(--space-5);height:min(600px, 88svh / var(--dialog-zoom) - 90px);padding:var(--space-5) var(--space-6) var(--space-3);font-style:italic;font-weight:var(--font-weight-display);color:var(--text-primary);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:40% minmax(0,1fr);display:grid}.leaderboard-panel img{filter:drop-shadow(0 2px 0 var(--ink))}.leaderboard-podium{align-items:end;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.leaderboard-step{--step:var(--ranking-bronze);--step-dark:var(--ranking-bronze-dark);--step-height:34%;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.leaderboard-step--1{--step:var(--ranking-gold);--step-dark:var(--ranking-gold-dark);--step-height:56%}.leaderboard-step--2{--step:var(--ranking-silver);--step-dark:var(--ranking-silver-dark);--step-height:45%}.leaderboard-step-portrait{position:relative}.leaderboard-crown{width:62%;height:62%;color:var(--ranking-gold);z-index:1;position:absolute;top:-12%;right:-34%;rotate:24deg}.leaderboard-step-avatar{width:clamp(48px,6vw,84px);height:clamp(48px,6vw,84px);filter:drop-shadow(0 3px 0 var(--ink))}.leaderboard-step--1 .leaderboard-step-avatar{width:clamp(58px,7.4vw,104px);height:clamp(58px,7.4vw,104px)}.leaderboard-step-nick{text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-shadow:0 2px 0 var(--ink);font-size:clamp(13px,1.5vw,20px);overflow:hidden}.leaderboard-step .leaderboard-score{color:var(--reward-gold);font-size:clamp(13px,1.4vw,19px)}.leaderboard-step-block{width:100%;height:var(--step-height);background:linear-gradient(180deg, var(--step), var(--step-dark));box-shadow:0 0 0 3px var(--ink), inset 0 3px 0 #fff6, inset 0 -6px 0 #0003;color:var(--white);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;border-radius:12px 12px 4px 4px;place-items:start center;padding-top:6px;font-size:clamp(24px,3.4vw,46px);display:grid}.leaderboard-step.is-me .leaderboard-step-nick{color:var(--ready-check)}.leaderboard-state,.leaderboard-panel>.game-tabs{grid-column:1/-1}.leaderboard-side{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.leaderboard-standings{flex:1;min-height:0;padding:2px 4px 6px 2px;overflow-y:auto}.leaderboard-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{min-height:52px;box-shadow:inset 0 0 0 2px var(--dialog-rim), 0 4px 0 var(--ink);text-shadow:0 2px 0 var(--ink);background:linear-gradient(#2a3058,#1b1f3d);border-radius:12px;grid-template-columns:2.6em auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 14px 4px 4px;font-size:clamp(15px,1.5vw,20px);display:grid}.leaderboard-rank{background:var(--surface-inset);color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:9px;align-self:stretch;place-items:center;display:grid}.leaderboard-avatar{width:40px;height:40px}.leaderboard-nick{text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.leaderboard-nick small{background:var(--button-green-bottom);color:var(--button-green-text);text-shadow:none;border-radius:6px;padding:2px 7px;font-size:12px}.leaderboard-score{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.leaderboard-score img{width:1.25em;height:1.25em}.leaderboard-row.is-me,.leaderboard-me{box-shadow:inset 0 0 0 2px var(--ready-border), 0 4px 0 var(--ink);background:linear-gradient(#1f6b44,#12402b)}.leaderboard-row.is-me .leaderboard-rank,.leaderboard-me .leaderboard-rank{color:var(--white);background:#0b2a1c}.leaderboard-me{flex-shrink:0}@media (height<=550px) and (orientation:landscape){.leaderboard-panel{height:calc((100svh - 28px) / var(--dialog-zoom) - 52px);gap:6px var(--space-4);padding:var(--space-3) var(--space-4) 6px}.leaderboard-step-block{border-radius:9px 9px 3px 3px}.leaderboard-row{gap:8px;min-height:40px;padding:3px 10px 3px 3px;font-size:14px}.leaderboard-avatar{width:30px;height:30px}}.rules-panel{font-style:italic;font-weight:var(--font-weight-display);color:var(--text-primary);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px 24px;padding:16px 26px 20px;display:grid}.rules-stage{background:radial-gradient(ellipse 60% 55% at 50% 45%, #2b3a8a55, transparent 70%), var(--surface-inset);min-height:0;box-shadow:inset 0 0 0 2px var(--dialog-rim);animation:game-pop var(--duration-enter) var(--ease-spring) backwards;border-radius:18px;place-items:center;display:grid}.rules-arena{width:100%;max-height:380px;font-family:var(--font-family);font-style:italic;font-weight:var(--font-weight-display)}.rules-step{min-width:0;animation:game-rise var(--duration-enter) var(--ease-out) backwards;flex-direction:column;gap:10px;display:flex}.rules-step h2{letter-spacing:-.02em;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);margin:0;font-size:clamp(30px,4vw,48px);line-height:1}.rules-step p{color:var(--text-profile);font-size:16px;font-style:normal;font-weight:var(--font-weight-strong);margin:0;line-height:1.45}.rules-step p b{color:var(--button-blue-highlight);font-weight:var(--font-weight-display)}.rules-step-count{color:var(--text-muted);letter-spacing:.04em;font-size:14px}.rules-roles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rules-role{min-height:112px;box-shadow:inset 0 0 0 2px var(--dialog-rim), 0 4px 0 var(--ink);background:linear-gradient(#2a3058,#1b1f3d);border-radius:14px;gap:4px;padding:12px 74px 12px 12px;display:grid;position:relative;overflow:hidden}.rules-role img{width:84px;filter:drop-shadow(0 3px 0 var(--ink));position:absolute;bottom:-22px;right:-6px}.rules-role strong{text-shadow:0 2px 0 var(--ink);font-size:18px}.rules-role span{color:var(--text-muted);font-size:13px;font-style:normal;font-weight:var(--font-weight-strong);line-height:1.35}.rules-role--red strong{color:var(--player-red-bright)}.rules-role--blue strong{color:var(--player-blue-bright)}.rules-strip{background:var(--surface-inset);box-shadow:inset 0 0 0 2px var(--dialog-rim);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.rules-strip>svg{flex-shrink:0;width:30px;height:30px}.rules-strip span{color:var(--text-muted);font-size:13px;display:grid}.rules-strip strong{color:var(--text-primary);font-size:14px}.rules-facts{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.rules-fact{min-height:84px;box-shadow:inset 0 0 0 2px var(--dialog-rim), 0 4px 0 var(--ink);background:linear-gradient(#2a3058,#1b1f3d);border-radius:14px;align-content:center;gap:4px;padding:12px 14px;display:grid}.rules-fact dt{text-shadow:0 3px 0 var(--ink);font-size:26px;line-height:1}.rules-fact dd{color:var(--text-muted);margin:0;font-size:13px}.rules-fact--gold dt{color:var(--reward-gold)}.rules-fact--red dt{color:var(--player-red-bright)}.rules-fact--blue dt{color:var(--player-blue-bright)}.rules-nav{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.rules-nav .game-button{min-width:170px;font-size:18px}.rules-back .button-face>svg{rotate:180deg}.rules-next .button-face{flex-direction:row-reverse}.rules-dots{gap:10px;display:flex}.rules-dots button{transition:scale var(--duration-release) var(--ease-spring)}.rules-dots button:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.rules-dots button{background:#fff3;border:0;border-radius:50%;width:14px;height:14px;padding:0}.rules-dots button.is-active{background:var(--white);box-shadow:0 0 10px #fff8}.arena-zone{stroke-width:4px}.arena-zone--red{fill:#ff293f30;stroke:#ff293f}.arena-zone--blue{fill:#1164ff30;stroke:#3f86ff}.rules-arena--points .arena-zone{animation:1.2s ease-in-out infinite rules-pulse}.arena-lamp{stroke:var(--white);stroke-width:4px}.arena-lamp--red{fill:#ffd2d6}.arena-lamp--blue{fill:#d6e4ff}.arena-beam polygon{fill:#fff3d633}.arena-beam .arena-spot{fill:#fff3d644}.rules-arena--tie .arena-spot{fill:#e6efff88;animation:1.2s ease-in-out infinite rules-pulse}.arena-shadow{fill:#02030bdd}.arena-shadow.is-marked{stroke:var(--reward-gold);stroke-width:5px;stroke-dasharray:14 10;animation:1s linear infinite rules-dash}.arena-touch{fill:none;stroke:var(--reward-gold);stroke-width:7px;transform-box:fill-box;transform-origin:50%;animation:1.1s ease-out infinite rules-ping}.arena-badge rect{fill:#10142e;stroke:var(--ink);stroke-width:7px}.arena-badge text{fill:var(--white);text-anchor:middle;font-size:46px}.arena-badge--red text{fill:var(--player-red-bright)}.arena-badge--blue text{fill:var(--player-blue-bright)}.arena-badge--gold text{fill:var(--reward-gold)}.arena-blind{stroke:#ff293f;stroke-width:4px}.arena-card{fill:var(--white);stroke:var(--ink);stroke-width:7px}.arena-board rect{fill:#10142ef2;stroke:var(--dialog-rim);stroke-width:7px}.arena-board text{fill:var(--white);text-anchor:middle}.arena-board-score{font-size:58px}.arena-board-time{font-size:30px;fill:var(--player-blue-bright)!important}.arena-dark{fill:#02030ad0}@keyframes rules-pulse{50%{opacity:.45}}@keyframes rules-dash{to{stroke-dashoffset:-18px}}@keyframes rules-ping{0%{opacity:1;scale:.6}to{opacity:0;scale:1.8}}@media (height<=550px) and (orientation:landscape){.rules-panel{gap:8px 14px;padding:10px 14px 12px}.rules-arena{max-height:calc(100svh - 150px)}.rules-step{gap:6px}.rules-step h2{-webkit-text-stroke-width:4px;font-size:26px}.rules-step p{font-size:13px;line-height:1.35}.rules-step-count{font-size:12px}.rules-role{min-height:0;padding:8px 52px 8px 10px}.rules-role img{width:58px;bottom:-16px}.rules-role strong{font-size:14px}.rules-role span{font-size:12px}.rules-strip{display:none}.rules-fact{min-height:0;padding:8px 10px}.rules-fact dt{font-size:20px}.rules-fact dd{font-size:12px}.rules-nav .game-button{min-width:120px;font-size:14px}}.settings-panel{--settings-gutter:var(--space-6);--settings-control:320px;--settings-title:26px;gap:var(--space-4);padding:0 var(--settings-gutter) var(--space-4);font-weight:var(--font-weight-strong);flex-direction:column;display:flex}.settings-tabs{z-index:2;margin:0 calc(-1 * var(--settings-gutter)) calc(-1 * var(--space-2));padding:var(--space-4) var(--settings-gutter) var(--space-2);background:var(--dialog-top);position:sticky;top:0}.settings-list{gap:var(--space-4);flex-direction:column;display:flex;container:settings/inline-size}.settings-section{min-width:0;container:settings-section/inline-size}.settings-section h2{margin:0 0 var(--space-2) var(--space-1);color:var(--text-muted);font-size:14px;font-style:italic;font-weight:var(--font-weight-display);letter-spacing:.04em;text-transform:uppercase;line-height:18px}.settings-group{border-radius:var(--radius-card);box-shadow:inset 0 0 0 2px var(--dialog-rim), inset 0 2px 0 2px #ffffff10, 0 4px 0 var(--ink);background:linear-gradient(#2a3058,#1b1f3d)}.settings-row{grid-template-columns:minmax(0, 1fr) minmax(0, var(--settings-control));align-items:center;gap:var(--space-2) var(--space-5);min-height:64px;padding:10px 18px;display:grid}.settings-row+.settings-row{border-top:2px solid #0b0a1859}.settings-row.is-stacked{grid-template-columns:minmax(0,1fr);padding-block:14px}.settings-row-text{min-width:0}.settings-row-text b{font-size:16px;font-weight:var(--font-weight-strong);line-height:1.25;display:block}.settings-row-text span{color:var(--text-muted);text-wrap:pretty;margin-top:2px;font-size:13px;line-height:1.35;display:block}.settings-row-control{justify-content:flex-end;align-items:center;gap:var(--space-3);min-width:0;display:flex}.settings-row-control .game-slider,.settings-row-control .game-segmented{flex:1 1 0;min-width:0}.settings-row-control>.game-toggle:only-child{flex:1 1 0;justify-items:end}.is-stacked>.settings-row-control{flex-wrap:wrap;justify-content:flex-start}.is-stacked>.settings-row-control .game-segmented{flex-basis:260px}@container settings-section (width<=500px){.settings-row:has(>.settings-row-control>:is(.game-slider,.game-segmented)){grid-template-columns:minmax(0,1fr)}.settings-row:has(>.settings-row-control>.game-toggle:only-child){grid-template-columns:minmax(0,1fr) 80px}}.settings-action{min-height:var(--touch-target);--skew:-6deg;flex:none;font-size:14px}.settings-footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-footer p{color:var(--text-note);margin:0;font-size:13px;line-height:1.35}.settings-graphics{gap:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.settings-features{gap:6px var(--space-3);margin:var(--space-1) 0 0;flex:1 0 100%;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0;list-style:none;display:grid}.settings-features li{color:var(--text-muted);opacity:.7;align-items:center;gap:8px;font-size:13px;line-height:1.3;display:flex}.settings-features li.is-on{color:var(--text-primary);opacity:1}.settings-features .game-icon{width:16px;height:16px;color:var(--button-red-top);--icon-outline:transparent;flex:none}.settings-features .is-on .game-icon{color:var(--button-green-top)}.settings-features b{color:var(--reward-gold);font-weight:var(--font-weight-display)}.settings-preview{min-height:200px;margin-top:var(--settings-title);border-radius:var(--radius-card);box-shadow:0 4px 0 var(--ink);background:#080b19 url(../assets/lobby-arena.webp) 50% 40%/cover no-repeat;position:relative;overflow:hidden}.settings-preview:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--dialog-rim);pointer-events:none;position:absolute;inset:0}.settings-preview .character-render{position:absolute;inset:0}.settings-preview .model-status{text-align:center;color:var(--text-model-status);font-size:12px;position:absolute;inset:auto 0 45%}@container settings (width<=600px){.settings-graphics{grid-template-columns:minmax(0,1fr)}.settings-preview{display:none}}@media (height<=550px) and (orientation:landscape){.settings-panel{--settings-gutter:var(--space-4);--settings-control:260px;gap:var(--space-3);padding-bottom:var(--space-3)}.settings-tabs{padding-top:var(--space-3)}.settings-list{gap:var(--space-3)}.settings-row{min-height:56px;padding:6px 14px}.settings-row.is-stacked{padding-block:10px}.settings-row-text b{font-size:15px}.settings-row-text span,.settings-action,.settings-footer p{font-size:12px}}@media (width<=720px){.settings-tabs .game-icon{display:none}}.controls-pad{align-items:center;gap:var(--space-3);flex-direction:column;padding:14px 18px;display:flex}.pad-diagram{width:100%;max-width:660px;display:block}.pad-diagram-shade-top{stop-color:var(--button-dark-top)}.pad-diagram-shade-bottom{stop-color:var(--plate-bottom)}.pad-diagram-body{fill:url(#pad-diagram-shade)}.pad-diagram-bridge{fill:var(--surface-inset)}.pad-diagram-body,.pad-diagram-bridge,.pad-diagram-part{stroke:var(--dialog-rim);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pad-diagram-part{fill:var(--surface-close);transition:fill var(--duration-exit) var(--ease-out), stroke var(--duration-exit) var(--ease-out)}.pad-diagram-part.is-idle{opacity:.5}.pad-diagram-well{fill:var(--ink)}.pad-diagram-line{fill:none;stroke:var(--text-muted);stroke-width:1.5px;stroke-linejoin:round;opacity:.5}.pad-diagram-glyph{fill:var(--text-primary);font-size:12px;font-weight:var(--font-weight-display);pointer-events:none}.pad-diagram-label{fill:var(--text-primary);font-size:14px;font-weight:var(--font-weight-strong)}.pad-diagram-key{fill:var(--text-accent);font-weight:var(--font-weight-display)}.pad-diagram-press{fill:var(--text-muted);font-size:12px}.pad-diagram .is-free .pad-diagram-label{fill:var(--text-muted);opacity:.6}.pad-diagram .is-free .pad-diagram-line{opacity:.25}:is(.controls-pad:has([data-control="0"]:is(:hover,:focus),[data-control="0"].is-waiting) .pad-diagram [data-control="0"].pad-diagram-part,.controls-pad:has([data-control="0"]:is(:hover,:focus),[data-control="0"].is-waiting) .pad-diagram [data-control="0"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="0"]:is(:hover,:focus),[data-control="0"].is-waiting) .pad-diagram [data-control="0"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="0"]:is(:hover,:focus),[data-control="0"].is-waiting) .pad-diagram [data-control="0"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="0"].is-waiting) .pad-diagram [data-control="0"].pad-diagram-part,.controls-pad:has([data-control="0"].is-waiting) .pad-diagram [data-control="0"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="0"].is-waiting) .pad-diagram [data-control="0"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="0"].is-waiting) .pad-diagram [data-control="0"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="1"]:is(:hover,:focus),[data-control="1"].is-waiting) .pad-diagram [data-control="1"].pad-diagram-part,.controls-pad:has([data-control="1"]:is(:hover,:focus),[data-control="1"].is-waiting) .pad-diagram [data-control="1"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="1"]:is(:hover,:focus),[data-control="1"].is-waiting) .pad-diagram [data-control="1"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="1"]:is(:hover,:focus),[data-control="1"].is-waiting) .pad-diagram [data-control="1"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="1"].is-waiting) .pad-diagram [data-control="1"].pad-diagram-part,.controls-pad:has([data-control="1"].is-waiting) .pad-diagram [data-control="1"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="1"].is-waiting) .pad-diagram [data-control="1"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="1"].is-waiting) .pad-diagram [data-control="1"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="2"]:is(:hover,:focus),[data-control="2"].is-waiting) .pad-diagram [data-control="2"].pad-diagram-part,.controls-pad:has([data-control="2"]:is(:hover,:focus),[data-control="2"].is-waiting) .pad-diagram [data-control="2"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="2"]:is(:hover,:focus),[data-control="2"].is-waiting) .pad-diagram [data-control="2"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="2"]:is(:hover,:focus),[data-control="2"].is-waiting) .pad-diagram [data-control="2"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="2"].is-waiting) .pad-diagram [data-control="2"].pad-diagram-part,.controls-pad:has([data-control="2"].is-waiting) .pad-diagram [data-control="2"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="2"].is-waiting) .pad-diagram [data-control="2"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="2"].is-waiting) .pad-diagram [data-control="2"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="3"]:is(:hover,:focus),[data-control="3"].is-waiting) .pad-diagram [data-control="3"].pad-diagram-part,.controls-pad:has([data-control="3"]:is(:hover,:focus),[data-control="3"].is-waiting) .pad-diagram [data-control="3"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="3"]:is(:hover,:focus),[data-control="3"].is-waiting) .pad-diagram [data-control="3"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="3"]:is(:hover,:focus),[data-control="3"].is-waiting) .pad-diagram [data-control="3"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="3"].is-waiting) .pad-diagram [data-control="3"].pad-diagram-part,.controls-pad:has([data-control="3"].is-waiting) .pad-diagram [data-control="3"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="3"].is-waiting) .pad-diagram [data-control="3"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="3"].is-waiting) .pad-diagram [data-control="3"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="4"]:is(:hover,:focus),[data-control="4"].is-waiting) .pad-diagram [data-control="4"].pad-diagram-part,.controls-pad:has([data-control="4"]:is(:hover,:focus),[data-control="4"].is-waiting) .pad-diagram [data-control="4"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="4"]:is(:hover,:focus),[data-control="4"].is-waiting) .pad-diagram [data-control="4"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="4"]:is(:hover,:focus),[data-control="4"].is-waiting) .pad-diagram [data-control="4"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="4"].is-waiting) .pad-diagram [data-control="4"].pad-diagram-part,.controls-pad:has([data-control="4"].is-waiting) .pad-diagram [data-control="4"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="4"].is-waiting) .pad-diagram [data-control="4"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="4"].is-waiting) .pad-diagram [data-control="4"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="5"]:is(:hover,:focus),[data-control="5"].is-waiting) .pad-diagram [data-control="5"].pad-diagram-part,.controls-pad:has([data-control="5"]:is(:hover,:focus),[data-control="5"].is-waiting) .pad-diagram [data-control="5"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="5"]:is(:hover,:focus),[data-control="5"].is-waiting) .pad-diagram [data-control="5"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="5"]:is(:hover,:focus),[data-control="5"].is-waiting) .pad-diagram [data-control="5"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="5"].is-waiting) .pad-diagram [data-control="5"].pad-diagram-part,.controls-pad:has([data-control="5"].is-waiting) .pad-diagram [data-control="5"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="5"].is-waiting) .pad-diagram [data-control="5"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="5"].is-waiting) .pad-diagram [data-control="5"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="6"]:is(:hover,:focus),[data-control="6"].is-waiting) .pad-diagram [data-control="6"].pad-diagram-part,.controls-pad:has([data-control="6"]:is(:hover,:focus),[data-control="6"].is-waiting) .pad-diagram [data-control="6"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="6"]:is(:hover,:focus),[data-control="6"].is-waiting) .pad-diagram [data-control="6"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="6"]:is(:hover,:focus),[data-control="6"].is-waiting) .pad-diagram [data-control="6"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="6"].is-waiting) .pad-diagram [data-control="6"].pad-diagram-part,.controls-pad:has([data-control="6"].is-waiting) .pad-diagram [data-control="6"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="6"].is-waiting) .pad-diagram [data-control="6"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="6"].is-waiting) .pad-diagram [data-control="6"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="7"]:is(:hover,:focus),[data-control="7"].is-waiting) .pad-diagram [data-control="7"].pad-diagram-part,.controls-pad:has([data-control="7"]:is(:hover,:focus),[data-control="7"].is-waiting) .pad-diagram [data-control="7"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="7"]:is(:hover,:focus),[data-control="7"].is-waiting) .pad-diagram [data-control="7"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="7"]:is(:hover,:focus),[data-control="7"].is-waiting) .pad-diagram [data-control="7"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="7"].is-waiting) .pad-diagram [data-control="7"].pad-diagram-part,.controls-pad:has([data-control="7"].is-waiting) .pad-diagram [data-control="7"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="7"].is-waiting) .pad-diagram [data-control="7"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="7"].is-waiting) .pad-diagram [data-control="7"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="9"]:is(:hover,:focus),[data-control="9"].is-waiting) .pad-diagram [data-control="9"].pad-diagram-part,.controls-pad:has([data-control="9"]:is(:hover,:focus),[data-control="9"].is-waiting) .pad-diagram [data-control="9"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="9"]:is(:hover,:focus),[data-control="9"].is-waiting) .pad-diagram [data-control="9"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="9"]:is(:hover,:focus),[data-control="9"].is-waiting) .pad-diagram [data-control="9"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="9"].is-waiting) .pad-diagram [data-control="9"].pad-diagram-part,.controls-pad:has([data-control="9"].is-waiting) .pad-diagram [data-control="9"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="9"].is-waiting) .pad-diagram [data-control="9"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="9"].is-waiting) .pad-diagram [data-control="9"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="10"]:is(:hover,:focus),[data-control="10"].is-waiting) .pad-diagram [data-control="10"].pad-diagram-part,.controls-pad:has([data-control="10"]:is(:hover,:focus),[data-control="10"].is-waiting) .pad-diagram [data-control="10"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="10"]:is(:hover,:focus),[data-control="10"].is-waiting) .pad-diagram [data-control="10"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="10"]:is(:hover,:focus),[data-control="10"].is-waiting) .pad-diagram [data-control="10"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="10"].is-waiting) .pad-diagram [data-control="10"].pad-diagram-part,.controls-pad:has([data-control="10"].is-waiting) .pad-diagram [data-control="10"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="10"].is-waiting) .pad-diagram [data-control="10"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="10"].is-waiting) .pad-diagram [data-control="10"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control="11"]:is(:hover,:focus),[data-control="11"].is-waiting) .pad-diagram [data-control="11"].pad-diagram-part,.controls-pad:has([data-control="11"]:is(:hover,:focus),[data-control="11"].is-waiting) .pad-diagram [data-control="11"] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control="11"]:is(:hover,:focus),[data-control="11"].is-waiting) .pad-diagram [data-control="11"] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control="11"]:is(:hover,:focus),[data-control="11"].is-waiting) .pad-diagram [data-control="11"] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control="11"].is-waiting) .pad-diagram [data-control="11"].pad-diagram-part,.controls-pad:has([data-control="11"].is-waiting) .pad-diagram [data-control="11"] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control="11"].is-waiting) .pad-diagram [data-control="11"] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control="11"].is-waiting) .pad-diagram [data-control="11"] .pad-diagram-line{stroke:var(--reward-gold)}:is(.controls-pad:has([data-control=dpad]:is(:hover,:focus),[data-control=dpad].is-waiting) .pad-diagram [data-control=dpad].pad-diagram-part,.controls-pad:has([data-control=dpad]:is(:hover,:focus),[data-control=dpad].is-waiting) .pad-diagram [data-control=dpad] .pad-diagram-part){fill:var(--button-blue-bottom);stroke:var(--button-blue-highlight)}.controls-pad:has([data-control=dpad]:is(:hover,:focus),[data-control=dpad].is-waiting) .pad-diagram [data-control=dpad] .pad-diagram-line{stroke:var(--button-blue-highlight);opacity:1}.controls-pad:has([data-control=dpad]:is(:hover,:focus),[data-control=dpad].is-waiting) .pad-diagram [data-control=dpad] .pad-diagram-label{fill:var(--text-primary);opacity:1}:is(.controls-pad:has([data-control=dpad].is-waiting) .pad-diagram [data-control=dpad].pad-diagram-part,.controls-pad:has([data-control=dpad].is-waiting) .pad-diagram [data-control=dpad] .pad-diagram-part){fill:var(--reward-gold);stroke:var(--white);animation:.9s ease-in-out infinite alternate pad-diagram-await}.controls-pad:has([data-control=dpad].is-waiting) .pad-diagram [data-control=dpad] .pad-diagram-glyph{fill:var(--ink)}.controls-pad:has([data-control=dpad].is-waiting) .pad-diagram [data-control=dpad] .pad-diagram-line{stroke:var(--reward-gold)}@keyframes pad-diagram-await{to{fill:var(--surface-close)}}@media (height<=550px) and (orientation:landscape){.pad-diagram{display:none}}.controls-binds{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.controls-binds>button:not(.game-button){min-height:var(--touch-target);background:var(--surface-inset);box-shadow:inset 0 0 0 2px var(--dialog-rim);border:0;border-radius:12px;align-items:center;gap:10px;padding:6px 10px 6px 14px;font-size:14px;display:inline-flex}.controls-binds>button:not(.game-button) em{color:var(--reward-gold);font-size:13px;font-style:normal}.controls-binds>button:not(.game-button).is-waiting{box-shadow:inset 0 0 0 2px var(--reward-gold)}.controls-binds .settings-action{margin-left:var(--space-2)}.controls-note{color:var(--text-muted);text-align:center;text-wrap:balance;margin:0;font-size:13px;line-height:1.35}.controls-actions{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.controls-actions dl{align-items:center;gap:var(--space-2) var(--space-4);grid-template-columns:auto minmax(0,1fr);margin:0;padding:14px 18px;display:grid}.controls-actions dl>div{display:contents}.controls-actions dt{font-size:14px}.controls-actions dd{color:var(--text-muted);text-align:right;text-wrap:balance;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:0;font-size:13px;line-height:1.3;display:flex}.controls-actions kbd:not(.pad-glyph){background:var(--surface-close);min-width:26px;box-shadow:inset 0 0 0 2px var(--panel-divider);color:var(--text-primary);font:inherit;font-size:12px;font-weight:var(--font-weight-display);text-align:center;border-radius:6px;padding:3px 7px}@container settings (width<=600px){.controls-actions{grid-template-columns:minmax(0,1fr)}}.profile-panel{gap:var(--space-5);padding:var(--space-5) var(--space-6) var(--space-4);font-style:italic;font-weight:var(--font-weight-display);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.profile-card{padding:var(--space-5) var(--space-4) var(--space-4);box-shadow:inset 0 0 0 2px var(--dialog-rim), inset 0 2px 0 2px #ffffff10, 0 4px 0 var(--ink);background:radial-gradient(at 50% 30%,#ff2a4855,#0000 65%),linear-gradient(#2a3058,#1b1f3d);border-radius:18px;flex-direction:column;align-items:center;gap:10px;display:flex}.profile-card h2{text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;max-width:100%;text-shadow:0 4px 0 var(--ink);margin:0;font-size:clamp(28px,3.4vw,44px);line-height:1.1;overflow:hidden}.profile-avatar-stage{place-items:center;display:grid;position:relative}.profile-avatar-stage:after{content:"";background:#0008;border-radius:50%;width:80%;height:14px;position:absolute;bottom:-4px}.profile-avatar{--avatar-size:clamp(96px, 11vw, 140px);z-index:1;filter:drop-shadow(0 5px 0 var(--ink));animation:game-pop var(--duration-enter) var(--ease-spring) backwards;position:relative}.profile-copy-button{--skew:-6deg;margin-top:4px;font-size:15px}.profile-stats{flex-direction:column;gap:12px;min-width:0;display:flex}.profile-trophies{align-items:center;gap:var(--space-4);box-shadow:inset 0 0 0 2px #bc8700, inset 0 3px 0 2px #ffd72c44, 0 4px 0 var(--ink);background:linear-gradient(#5a4513,#2c2210);border-radius:16px;padding:14px 20px;display:flex}.profile-trophies img{width:64px;height:64px;filter:drop-shadow(0 4px 0 var(--ink))}.profile-trophies span{color:#ffe08a;font-size:14px;display:block}.profile-trophies strong{color:var(--reward-gold);font-variant-numeric:tabular-nums;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);font-size:44px;line-height:1;display:block}.profile-resources{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.profile-resource{box-shadow:inset 0 0 0 2px var(--dialog-rim), 0 4px 0 var(--ink);background:linear-gradient(#2a3058,#1b1f3d);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-resource>svg{width:40px;height:44px;color:var(--text-profile);filter:drop-shadow(0 3px 0 var(--ink));flex-shrink:0}.profile-resource dt{color:var(--text-muted);font-size:12px}.profile-resource dd{font-variant-numeric:tabular-nums;text-shadow:0 3px 0 var(--ink);margin:2px 0 0;font-size:28px;line-height:1}.profile-party-state{background:var(--surface-inset);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-party-state strong{font-size:15px;display:block}.profile-party-state div>span{color:var(--text-note);font-size:13px;font-style:normal;font-weight:var(--font-weight-strong);margin-top:2px;display:block}.profile-party-icon{background:linear-gradient(165deg, var(--button-blue-top), var(--button-blue-bottom));width:40px;height:40px;box-shadow:0 3px 0 var(--button-blue-bevel);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.profile-party-icon .game-icon{width:26px;height:26px}.profile-party-state.is-ready .profile-party-icon{background:linear-gradient(165deg, var(--button-green-top), var(--button-green-bottom));box-shadow:0 3px 0 var(--button-green-bevel)}@media (height<=550px) and (orientation:landscape){.profile-panel{gap:12px;padding:12px 16px 10px}.profile-card{gap:6px;padding:12px 10px 10px}.profile-card h2{-webkit-text-stroke-width:5px;font-size:26px}.profile-avatar{--avatar-size:84px}.profile-copy-button{font-size:13px}.profile-stats{gap:8px}.profile-trophies{padding:8px 14px}.profile-trophies img{width:46px;height:46px}.profile-trophies strong{-webkit-text-stroke-width:5px;font-size:32px}.profile-resource{padding:6px 10px}.profile-resource>svg{width:30px;height:32px}.profile-resource dd{font-size:22px}.profile-party-state{padding:6px 10px}.profile-party-state strong{font-size:13px}.profile-party-state div>span{font-size:11px}.profile-party-icon{width:32px;height:32px}.profile-party-icon .game-icon{width:20px;height:20px}}@media (width<=600px) and (orientation:portrait){.profile-panel{grid-template-columns:1fr}}.skin-stage-backdrop{z-index:-1;background:radial-gradient(46% 78% at 50% -6%,#86a2ff66,#0000 72%),radial-gradient(60% 22% at 50% 86%,#ff2a4833,#0000 70%),linear-gradient(#05071a55 0%,#0000 40%,#05071ae6 100%),url(../assets/lobby-arena.webp) 50% 30%/cover no-repeat;position:absolute;inset:0}.picker-stage .character-render{z-index:0;position:absolute;inset:0}.picker-stage .character-render canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.picker-stage .character-render canvas:active{cursor:grabbing}.picker-stage .character-render.is-loading canvas{opacity:.55;transition:opacity .16s linear .12s}.picker-stage .character-render .model-status{width:auto;box-shadow:inset 0 0 0 1px var(--dialog-rim);color:var(--text-model-status);font-size:12px;font-weight:var(--font-weight-strong);white-space:nowrap;pointer-events:none;background:#05071acc;border-radius:999px;padding:4px 12px;position:absolute;top:12px;left:50%;translate:-50%}.skin-previews{z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.skin-preview{transition:scale var(--duration-release) var(--ease-spring)}.skin-preview:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.skin-preview{background:linear-gradient(180deg, var(--button-dark-top), var(--button-dark-bottom));min-height:34px;box-shadow:inset 0 0 0 2px var(--button-dark-highlight), 0 3px 0 var(--ink);color:var(--text-primary);font-size:13px;font-style:italic;font-weight:var(--font-weight-display);letter-spacing:.02em;text-transform:uppercase;border:0;border-radius:9px;padding:6px 14px;transform:skew(-8deg)}.skin-preview:focus-visible{outline-offset:3px}.skin-preview.is-playing{background:linear-gradient(180deg, var(--white), var(--button-white-bottom));box-shadow:inset 0 0 0 2px var(--white), 0 3px 0 var(--button-white-bevel);color:var(--button-white-text)}.skin-previews.is-busy .skin-preview:not(.is-playing){animation:.9s ease-in-out infinite alternate skin-preview-busy}@keyframes skin-preview-busy{to{opacity:.55}}@media (height<=550px) and (orientation:landscape){.skin-previews{gap:6px;padding:6px 6px 8px}.skin-preview{min-height:30px;padding:4px 10px;font-size:11px}}.menu-shell{height:100svh;position:relative;overflow:hidden}.lobby{--lobby-rail:12.5em;--lobby-side:22em;--lobby-gap:1em;--lobby-pad-left:max(1.2em, var(--safe-left));--lobby-pad-right:max(1.2em, var(--safe-right));isolation:isolate;grid-template:"top top top" auto "nav . side" minmax(0, 1fr)/var(--lobby-rail) minmax(0, 1fr) var(--lobby-side);gap:.8em var(--lobby-gap);height:100%;padding:max(.8em, var(--safe-top)) var(--lobby-pad-right) max(1em, var(--safe-bottom)) var(--lobby-pad-left);font-size:clamp(7px,min(1.25vw,2.75svh),24px);display:grid;position:relative}.lobby>.top-bar{z-index:2;grid-area:top}.lobby>.players,.lobby>.team-invite-popup{left:calc(var(--lobby-pad-left) + var(--lobby-rail) + var(--lobby-gap));right:calc(var(--lobby-pad-right) + var(--lobby-side) + var(--lobby-gap))}.lobby>.players{z-index:1;position:absolute;inset-block:0}.menu-nav{z-index:2;grid-area:nav;align-self:center;gap:.7em;display:grid}.menu-tile{transition:scale var(--duration-release) var(--ease-spring)}.menu-tile:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.menu-tile{background:linear-gradient(180deg, var(--plate-top), var(--plate-bottom));box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--dialog-rim), 0 .3em 0 .14em var(--ink);text-align:left;min-height:4em;animation:game-rise var(--duration-enter) var(--ease-out) backwards;border:0;border-radius:.9em;align-items:center;gap:.8em;padding:.4em 1em .4em .45em;display:flex;transform:skew(-8deg)}.menu-tile>*{transform:skew(8deg)}.menu-tile b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.2em;font-style:italic;font-weight:var(--font-weight-display);text-shadow:0 .1em 0 var(--ink);overflow:hidden}.menu-tile:nth-child(2){animation-delay:30ms}.menu-tile:nth-child(3){animation-delay:60ms}.menu-tile:nth-child(4){animation-delay:90ms}.menu-tile:nth-child(5){animation-delay:.12s}.menu-tile-icon{--tile-top:var(--button-dark-top);--tile-bottom:var(--button-dark-bottom);background:linear-gradient(165deg, var(--tile-top), var(--tile-bottom));width:3.1em;height:3.1em;box-shadow:0 0 0 .12em var(--ink), inset 0 .14em 0 #fff3;border-radius:.7em;flex:none;place-items:center;display:grid}.menu-tile-icon .game-icon{width:2em;height:2em}.menu-tile--skins .menu-tile-icon{--tile-top:var(--button-red-top);--tile-bottom:var(--button-red-bottom)}.menu-tile--maps .menu-tile-icon{--tile-top:var(--button-blue-top);--tile-bottom:var(--button-blue-bottom)}.lobby-side{z-index:2;justify-content:space-between;gap:var(--lobby-gap);flex-direction:column;grid-area:side;min-height:0;padding-right:.6em;display:flex}.event-card{transition:scale var(--duration-release) var(--ease-spring)}.event-card:active:not(:disabled){scale:var(--press-scale);transition-duration:var(--duration-press);transition-timing-function:ease-out}.event-card{background:linear-gradient(180deg, var(--plate-top), var(--plate-bottom));box-shadow:0 0 0 .14em var(--ink), inset 0 0 0 .1em var(--event-halloween), 0 .3em 0 .14em var(--ink);text-align:left;min-height:5.4em;animation:game-rise var(--duration-enter) var(--ease-out) 60ms backwards;border:0;border-radius:.9em;align-items:center;gap:.8em;padding:.5em .9em .5em .5em;display:flex}.event-card>.game-icon{opacity:.7;flex:none;width:.9em;height:.9em}.event-card-art{flex:none;padding-left:1.5em;display:flex}.event-card-art img{object-fit:cover;background:var(--surface-inset);width:3.4em;height:3.4em;box-shadow:0 0 0 .12em var(--ink);border-radius:.7em;margin-left:-1.5em}.event-card-art img:nth-child(odd){rotate:-5deg}.event-card-art img:nth-child(2n){rotate:4deg}.event-card-text{min-width:0;font-style:italic;font-weight:var(--font-weight-display);flex:1;gap:.2em;display:grid}.event-card-text small{color:var(--event-halloween);letter-spacing:.06em;font-size:.9em}.event-card-text b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.4em;line-height:1;overflow:hidden}.event-card-text span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-size:.85em;font-style:normal;font-weight:var(--font-weight-strong);overflow:hidden}.play-dock{gap:.9em;margin-top:auto;display:grid}.map-choice{height:4em;font-size:inherit;animation:game-rise var(--duration-enter) var(--ease-out) 90ms backwards}.ready-button{width:100%;animation:game-pop var(--duration-enter) var(--ease-spring) .12s backwards;font-size:2.7em}.ready-button:not(.is-ready):not(:disabled){filter:drop-shadow(var(--glow-red))}.orientation-screen{isolation:isolate;text-align:center;background:var(--surface-orientation) url(../assets/lobby-arena.webp) center/auto 100% no-repeat;flex-direction:column;justify-content:center;align-items:center;height:100svh;min-height:540px;padding:24px;display:flex;position:relative;overflow:hidden}.orientation-screen:before{content:"";z-index:-1;background:#05091880;position:absolute;inset:0}.orientation-brand{font-size:clamp(28px,8vw,42px);font-weight:var(--font-weight-display);text-shadow:0 4px #0a0b1f;font-style:italic;position:absolute;top:6%}.rotation-art{aspect-ratio:1;width:min(76vw,360px);animation:turn-phone var(--duration-orientation) var(--ease-orientation) infinite;margin:20px 0 4px}.rotation-art img{object-fit:contain;width:100%;height:100%}.orientation-screen h1{font-size:clamp(30px,9vw,48px);font-weight:var(--font-weight-display);text-shadow:0 4px #0b0d20;margin:12px 0 18px;font-style:italic;line-height:1.06}.orientation-screen p{color:var(--text-orientation);margin:0;font-size:14px;line-height:1.7}.rotation-direction{align-items:center;gap:8px;margin-top:28px;display:flex}.rotation-direction span{background:#4867a6;border-radius:3px;width:28px;height:3px}.rotation-direction i{background:#39a2ff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #087cff}@keyframes turn-phone{0%,15%{transform:rotate(-15deg)translateY(0)}50%,75%{transform:rotate(15deg)translateY(-6px)}to{transform:rotate(-15deg)translateY(0)}}.match-screen{background:var(--arena-scrim);color:var(--arena-text);font-family:var(--arena-font-text);-webkit-user-select:none;user-select:none;--hud-fit:1;--hud-user:1;--hud-scale:calc(var(--hud-fit) * var(--hud-user));position:fixed;inset:0;overflow:hidden}@media (height<=340px) and (orientation:landscape){.match-screen{--hud-fit:.72}}@media (width>=1100px) and (height>=620px){.match-screen{--hud-fit:1.25}}@media (width>=1500px) and (height>=820px){.match-screen{--hud-fit:1.5}}@media (width>=2000px) and (height>=1000px){.match-screen{--hud-fit:1.8}}.match-screen[data-hud-size=small]{--hud-user:.9}.match-screen[data-hud-size=large]{--hud-user:1.14}.match-screen{--hud-type:var(--arena-type-scale);--touch-fit:1;--touch-scale:max(.62, var(--touch-user,1) * var(--touch-fit));--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--hud-gutter:12px;--edge-top:max(var(--hud-gutter), var(--safe-top) + 4px);--edge-right:max(var(--hud-gutter), var(--safe-right) + 4px);--edge-bottom:max(var(--hud-gutter), var(--safe-bottom) + 4px);--edge-left:max(var(--hud-gutter), var(--safe-left) + 4px);--stick-reach:0px;--buttons-reach:0px}.match-screen__vignette{background:radial-gradient(ellipse at 50% 46%, transparent 52%, var(--arena-vignette) 100%);pointer-events:none;position:absolute;inset:0}.match-screen__scene,.match-screen__debug{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.match-screen__debug{pointer-events:none}.match-intro__team li,.match-entry__team li,.match-failure__plate,.match-reconnect__plate,.match-shot,.match-hud__plate,.match-hud__clock{border-radius:var(--arena-radius);box-shadow:var(--arena-plate-shadow);-webkit-backdrop-filter:var(--arena-glass);backdrop-filter:var(--arena-glass)}.match-hud__clock{clip-path:var(--arena-clip)}.match-top{top:var(--edge-top);left:var(--edge-left);right:var(--edge-right);align-items:start;gap:calc(10px * var(--hud-scale)) 8px;pointer-events:none;grid-template:"notice score corner""calls calls calls"/minmax(0,1fr) auto minmax(0,1fr);display:grid;position:absolute}.match-top__notice{grid-area:notice;justify-self:start;min-width:0}.match-top__corner{grid-area:corner;justify-self:end;align-items:center;gap:8px;display:flex}.match-top .menu-dialog,.match-top .match-reconnect{pointer-events:auto}.match-calls{min-width:0;max-width:100%;font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);grid-area:calls;justify-self:center;justify-items:center;gap:6px;display:grid}.match-hud{justify-items:center;gap:calc(8px * var(--hud-scale));font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);grid-area:score;display:grid}.match-hud__score{zoom:var(--hud-scale);grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid;position:relative}.match-hud .hud-ornament--base{grid-area:2/2;justify-self:center;margin-top:6px}.match-hud__away{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;font-size:calc(11px * var(--arena-type-scale));grid-row:2;align-self:start;gap:3px;margin:8px 0 0;padding:0;line-height:1.1;list-style:none;display:grid}.match-hud__away--blue{grid-column:1;justify-items:start}.match-hud__away--red{grid-column:3;justify-items:end}.match-hud__away li{border-radius:var(--arena-radius-chip);background:var(--arena-chip);max-width:168px;box-shadow:var(--arena-chip-shadow);color:var(--arena-accent);white-space:nowrap;animation:game-drop calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-out) backwards;gap:5px;padding:2px 8px;display:flex}.match-hud__away li.is-bot{color:var(--arena-muted)}.match-hud__away b{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--arena-text);overflow:hidden}.match-hud__plate{justify-content:space-between;align-items:center;gap:10px;min-width:168px;padding:4px 16px;display:flex}.match-hud__plate small{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;font-size:calc(13px * var(--arena-type-scale));opacity:.9;text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow)}.match-hud__plate--blue{border-radius:var(--arena-radius) 0 0 var(--arena-radius);background:var(--arena-texture), linear-gradient(180deg, var(--arena-blue-top), var(--arena-blue-bottom));transform:skewX(calc(-1 * var(--arena-skew)))}.match-hud__plate--red{border-radius:0 var(--arena-radius) var(--arena-radius) 0;background:var(--arena-texture), linear-gradient(180deg, var(--arena-red-top), var(--arena-red-bottom));transform:skewX(var(--arena-skew))}.match-hud__team{text-align:center;min-width:1.1em;font-size:calc(38px * var(--arena-type-scale));color:var(--arena-text);-webkit-text-stroke:calc(5px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(3px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:game-pop calc(.26s * var(--arena-motion)) var(--arena-ease-pop) backwards;line-height:1;display:inline-block}.match-hud__clock{z-index:1;white-space:nowrap;background:var(--arena-texture), var(--arena-panel);font-size:calc(30px * var(--arena-type-scale));-webkit-text-stroke:calc(4px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(3px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);justify-items:center;margin:-4px -6px;padding:6px 18px 5px;line-height:1;display:grid;position:relative}.match-hud__clock>span{display:flex}.match-hud__clock>span i{width:var(--arena-digit);font-style:inherit;text-align:center}.match-hud__clock>span i.is-colon{width:calc(var(--arena-digit) * .5)}.match-hud__clock small{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;font-size:calc(12px * var(--arena-type-scale));-webkit-text-stroke:0;color:var(--arena-muted);text-shadow:none;margin-top:4px}.match-hud__card{background:color-mix(in srgb, var(--arena-scrim) 40%, transparent);font-size:calc(14px * var(--arena-type-scale));animation:game-pop calc(.26s * var(--arena-motion)) var(--arena-ease-pop) backwards;border-radius:7px;align-items:center;gap:4px;padding:2px 7px 2px 5px;line-height:1;display:flex}.match-hud__card i{background:var(--arena-text);border-radius:2px;width:9px;height:13px}.match-hud__rush{align-items:center;gap:10px;display:flex}.match-hud__tag{zoom:var(--hud-scale);border-radius:var(--arena-radius-chip);background:var(--arena-chip);box-shadow:var(--arena-chip-shadow);color:var(--arena-muted);font-size:calc(13px * var(--arena-type-scale));text-transform:uppercase;text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:game-pop calc(.22s * var(--arena-motion)) var(--arena-ease-pop) backwards;align-items:center;gap:6px;padding:3px 14px 3px 10px;display:flex}.match-hud__tag .game-icon{width:16px;height:16px}.match-hud__tag--rush{background:var(--arena-accent-fill);color:var(--arena-accent-ink);font-size:calc(17px * var(--arena-type-scale));text-shadow:none;animation:game-pop calc(.26s * var(--arena-motion)) var(--arena-ease-pop) backwards, match-pulse .5s .26s ease-in-out infinite alternate;padding:5px 18px 5px 12px}.match-hud__tag--rush .game-icon{--icon-outline:transparent;width:20px;height:20px}.match-hud__banner{zoom:var(--hud-scale);max-width:calc(92vw / var(--hud-scale));font-size:calc(min(clamp(36px, 7vw, 84px), 7.4vw / var(--hud-scale)) * var(--arena-type-scale));letter-spacing:-.02em;text-align:center;text-transform:uppercase;text-wrap:balance;-webkit-text-stroke:calc(7px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(6px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:match-banner calc(.24s * var(--arena-motion)) var(--arena-ease-pop) backwards;margin-top:2vh;line-height:1.15}@keyframes match-banner{0%{opacity:0;scale:1.35}60%{opacity:1}}.match-shot{zoom:var(--hud-user);max-width:min(640px,100%);transform:skewX(calc(-.8 * var(--arena-skew)));background:var(--arena-texture), var(--arena-panel);pointer-events:none;font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);animation:game-rise calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-pop) backwards;align-items:center;gap:14px;padding:8px 18px 8px 8px;display:flex}.match-shot>*{transform:skewX(calc(.8 * var(--arena-skew)))}.match-shot__badge{border-radius:var(--arena-radius-chip);font-size:calc(22px * var(--arena-type-scale));background:var(--arena-texture), linear-gradient(180deg, var(--arena-red-top), var(--arena-red-bottom));box-shadow:inset 0 2px 0 #fff5, 0 3px 0 var(--arena-red-bevel);text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);padding:6px 12px}.match-shot--blue .match-shot__badge{background:var(--arena-texture), linear-gradient(180deg, var(--arena-blue-top), var(--arena-blue-bottom));box-shadow:inset 0 2px 0 #fff5, 0 3px 0 var(--arena-blue-bevel)}.match-shot__text{display:grid}.match-shot__text strong{font-size:calc(18px * var(--arena-type-scale))}.match-shot__text span{color:var(--arena-muted);font-size:calc(15px * var(--arena-type-scale));animation:game-rise calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-out) backwards}.match-link{z-index:4;zoom:var(--hud-scale);border-radius:var(--arena-radius-chip);background:var(--arena-chip);max-width:260px;box-shadow:var(--arena-chip-shadow);-webkit-backdrop-filter:var(--arena-glass);backdrop-filter:var(--arena-glass);pointer-events:none;font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;animation:game-drop calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-out) backwards;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:6px 12px 7px 10px;display:grid;position:relative}.match-link i{background:var(--notice-colour);width:10px;height:10px;box-shadow:0 0 8px var(--notice-colour);border-radius:50%;grid-row:span 2}.match-link b{color:var(--notice-colour);font-size:calc(14px * var(--arena-type-scale));line-height:1.15}.match-link span{color:var(--arena-muted);font-size:calc(12px * var(--arena-type-scale));grid-column:2;line-height:1.2}.match-link--warn{--notice-colour:var(--arena-accent)}.match-link--warn i{animation:.9s steps(2,jump-none) infinite match-link-blink}.match-link--ok{--notice-colour:var(--arena-ok)}@keyframes match-link-blink{to{opacity:.25}}.match-reconnect{z-index:4;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--arena-scrim) 55%, transparent), color-mix(in srgb, var(--arena-scrim) 88%, transparent));-webkit-backdrop-filter:blur(6px)saturate(.6);backdrop-filter:blur(6px)saturate(.6);place-items:center;padding:16px;animation:.25s ease-out reverse backwards match-intro-fade;display:grid;position:fixed;inset:0}.match-reconnect__plate{max-width:min(520px,100%);scale:var(--hud-fit);background:var(--arena-texture), var(--arena-panel);text-align:center;font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;animation:game-rise calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-out) backwards;justify-items:center;gap:10px;padding:18px 28px 16px;display:grid}.match-reconnect__plate>b{font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);font-size:calc(clamp(24px, 3.6vw, 40px) * var(--arena-type-scale));-webkit-text-stroke:calc(6px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(4px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);line-height:1}.match-reconnect__plate p{font-size:calc(16px * var(--arena-type-scale));margin:0;line-height:1.3}.match-reconnect__plate small{color:var(--arena-muted);font-size:calc(11px * var(--arena-type-scale));opacity:.8}.match-reconnect__plate .game-button{min-width:220px;font-size:18px}.match-reconnect__plate .match-reconnect__note{color:var(--arena-muted);font-size:calc(14px * var(--arena-type-scale))}.match-reconnect__try{color:var(--arena-accent);font-variant-numeric:tabular-nums}.match-reconnect__bar{border-radius:var(--arena-radius-chip);background:var(--arena-inset);width:min(320px,70vw);height:12px;box-shadow:var(--arena-bar-shadow);overflow:hidden}.match-reconnect__bar i{border-radius:inherit;background:var(--arena-accent-fill);width:35%;height:100%;animation:match-reconnect-run 1.2s var(--arena-ease-out) infinite;display:block}@keyframes match-reconnect-run{0%{translate:-110%}to{translate:300%}}.match-screen[data-link=lost] .match-touch,.match-screen[data-link=lost] .match-stamina,.match-screen[data-link=lost] .match-tower,.match-screen[data-link=lost] .match-keys{opacity:.3;filter:grayscale()}.match-failure{z-index:6;padding:max(16px, var(--safe-top)) max(16px, var(--safe-right)) max(16px, var(--safe-bottom)) max(16px, var(--safe-left));background:var(--arena-stage);animation:game-rise calc(.24s * var(--arena-motion)) var(--arena-ease-out) backwards;place-items:center;display:grid;position:absolute;inset:0}.match-failure__plate{max-width:min(620px,100%);scale:var(--hud-fit);background:var(--arena-texture), var(--arena-panel);text-align:center;font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;justify-items:center;gap:14px;padding:22px 30px 18px;display:grid;position:relative}.match-failure__plate h2{font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);font-size:calc(clamp(24px, 4vw, 44px) * var(--arena-type-scale));text-wrap:balance;-webkit-text-stroke:calc(6px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(4px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);margin:0;line-height:1.05}.match-failure__plate p{color:var(--arena-muted);font-size:calc(17px * var(--arena-type-scale));text-wrap:pretty;margin:0;line-height:1.35}.match-failure__plate small{color:var(--arena-muted);font-size:calc(11px * var(--arena-type-scale));opacity:.8;-webkit-user-select:text;user-select:text}.match-failure__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.match-failure__actions .game-button{min-width:200px;font-size:18px}.match-entry{z-index:4;padding:max(18px, var(--safe-top)) max(20px, var(--safe-right)) max(16px, var(--safe-bottom)) max(20px, var(--safe-left));background:linear-gradient(180deg, color-mix(in srgb, var(--arena-scrim) 80%, transparent), color-mix(in srgb, var(--arena-scrim) 45%, transparent) 40%, color-mix(in srgb, var(--arena-scrim) 92%, transparent)), var(--loading-art,none) center/cover no-repeat, var(--arena-stage), var(--arena-scrim);font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;transition:opacity .38s var(--arena-ease-in);grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.match-entry.is-leaving{opacity:0;pointer-events:none}.match-entry__head{text-align:center;justify-items:center;gap:4px;display:grid}.match-entry__head small{color:var(--arena-accent);font-size:calc(13px * var(--arena-type-scale));letter-spacing:.12em}.match-entry__head h2{font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);font-size:calc(clamp(30px, 5.4vw, 68px) * var(--arena-type-scale));text-transform:uppercase;-webkit-text-stroke:calc(7px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(5px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:game-drop calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-out) backwards;margin:0;line-height:1}.match-entry__modifier{border-radius:var(--arena-radius-chip);background:var(--arena-chip);box-shadow:var(--arena-chip-shadow);color:var(--arena-muted);font-size:calc(14px * var(--arena-type-scale));flex-wrap:wrap;justify-content:center;gap:2px 10px;margin:4px 0 0;padding:4px 14px;display:flex}.match-entry__modifier b{color:var(--arena-accent);text-transform:uppercase}.match-entry__versus{justify-content:center;align-items:center;gap:clamp(12px,3vw,44px);width:100%;min-height:0;display:flex}.match-entry__vs{font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);color:var(--arena-accent);font-size:calc(clamp(30px, 5vw, 72px) * var(--arena-type-scale));-webkit-text-stroke:calc(7px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(5px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow)}.match-entry__team{gap:12px;width:min(340px,36vw);margin:0;padding:0;list-style:none;display:grid}.match-entry__team li{background:var(--arena-texture), linear-gradient(180deg, var(--team-top), var(--team-bottom));opacity:.72;transition:opacity .3s var(--arena-ease-out);animation:game-rise calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-out) backwards;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:grid}.match-entry__team li:nth-child(2){animation-delay:90ms}.match-entry__team li.is-ready{opacity:1}.match-entry__team img{aspect-ratio:1;border-radius:var(--arena-radius-chip);background:color-mix(in srgb, var(--arena-scrim) 45%, transparent);object-fit:cover;object-position:top;width:clamp(44px,6vw,72px)}.match-entry__team span{min-width:0;display:grid}.match-entry__team small{font-size:calc(11px * var(--arena-type-scale));opacity:.9}.match-entry__team b{font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(clamp(17px, 2.2vw, 28px) * var(--arena-type-scale));-webkit-text-stroke:calc(4px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);line-height:1.15;overflow:hidden}.match-entry__team em{font-size:calc(12px * var(--arena-type-scale));font-style:inherit;opacity:.92}.match-entry__team li.is-ready em:before{content:"✓ "}.match-entry__team--blue{--team-top:var(--arena-blue-top);--team-bottom:var(--arena-blue-bottom)}.match-entry__team--red{--team-top:var(--arena-red-top);--team-bottom:var(--arena-red-bottom)}.match-entry__team--red li{text-align:right;grid-template-columns:minmax(0,1fr) auto;padding:6px 6px 6px 14px}.match-entry__team--red img{order:2}.match-entry__foot{text-align:center;justify-items:center;gap:8px;width:min(620px,100%);display:grid}.match-entry__step{font-size:calc(16px * var(--arena-type-scale));font-variant-numeric:tabular-nums;text-shadow:0 1px 6px var(--arena-ink);gap:2px;margin:0;display:grid}.match-entry__step span{color:var(--arena-muted);font-size:calc(13px * var(--arena-type-scale))}.match-entry__step.is-trouble b{color:var(--arena-accent)}.match-entry__bar{--progress:0;border-radius:var(--arena-radius-chip);background:var(--arena-inset);width:100%;height:14px;box-shadow:var(--arena-bar-shadow);overflow:hidden}.match-entry__bar i{transform-origin:0;height:100%;scale:var(--progress) 1;background:var(--arena-accent-fill);transition:scale .3s var(--arena-ease-out);display:block}.match-entry__tip{min-height:2.6em;color:var(--arena-muted);font-size:calc(14px * var(--arena-type-scale));text-shadow:0 1px 6px var(--arena-ink);animation:game-rise calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-out) backwards;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;margin:0;line-height:1.3;display:flex}.match-entry__tip small{color:var(--arena-accent);letter-spacing:.1em}.match-entry__code{color:var(--arena-muted);font-size:calc(11px * var(--arena-type-scale));opacity:.8}@media (height<=550px) and (orientation:landscape){.match-entry{padding-top:max(8px, var(--safe-top));padding-bottom:max(8px, var(--safe-bottom));gap:4px}.match-entry__head h2{font-size:calc(28px * var(--arena-type-scale))}.match-entry__team{gap:6px}.match-entry__team li{padding-block:2px}.match-entry__team img{width:38px}.match-entry__foot{gap:3px}.match-entry__tip{min-height:0;font-size:calc(12px * var(--arena-type-scale))}.match-entry__tip small{font-size:inherit}.match-entry__head{margin-inline:56px}.match-reconnect__plate,.match-failure__plate{gap:8px;padding:12px 20px 10px}.match-reconnect__plate .match-reconnect__note{display:none}}.match-result{--stage-gap:12px;--result-colour:var(--arena-accent);z-index:6;padding:max(14px, var(--safe-top)) max(16px, var(--safe-right)) max(12px, var(--safe-bottom)) max(16px, var(--safe-left));background:var(--arena-stage);font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);animation:game-rise calc(.24s * var(--arena-motion)) var(--arena-ease-out) backwards;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:4px;display:grid;position:absolute;inset:0;overflow:hidden}.match-result--loss{--result-colour:var(--arena-red)}.match-result--blue{--result-colour:var(--arena-blue)}.match-result--red{--result-colour:var(--arena-red)}.match-result--draw{--result-colour:#5a678f}.match-result--plain,.match-result--timeup{grid-template-rows:none;place-content:center;gap:18px}.match-result--timeup{--result-colour:var(--arena-red)}.match-result--timeup:before{content:"";aspect-ratio:1;background:repeating-conic-gradient(color-mix(in srgb, var(--arena-alarm) 26%, transparent) 0 8deg, transparent 8deg 20deg);width:150vmax;animation:14s linear infinite match-timeup-rays;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#0000 6%,#000 22%,#0000 78%);mask:radial-gradient(closest-side,#0000 6%,#000 22%,#0000 78%)}.match-result--timeup .match-result__head{gap:0;padding:0}.match-result--timeup .match-clock-icon{zoom:calc(1.6 * var(--hud-scale));margin:-26px 0 12px}.match-result--timeup .match-result__head h2{color:var(--arena-text);font-size:calc(clamp(40px, min(9vw, 20vh), 176px) * var(--hud-type) * var(--hud-user));white-space:nowrap;animation:match-banner calc(.26s * var(--arena-motion)) 80ms var(--arena-ease-pop) backwards}.match-result--timeup .match-result__reason{background:var(--arena-accent-fill);box-shadow:var(--arena-plate-shadow);color:var(--arena-accent-ink);font-size:calc(clamp(16px, min(3.2vw, 7vh), 48px) * var(--hud-type) * var(--hud-user));animation:game-pop calc(.24s * var(--arena-motion)) calc(.18s * var(--arena-motion)) var(--arena-ease-pop) backwards;margin:6px 0 -.7em;padding:.1em 1em;line-height:1.2}.match-result h2{font-size:calc(clamp(34px, 6.4vw, 80px) * var(--arena-type-scale));text-align:center;-webkit-text-stroke:calc(7px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(5px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:match-ribbon-text calc(.26s * var(--arena-motion)) 60ms var(--arena-ease-out) backwards;margin:0;line-height:1}.match-result--win h2{color:var(--arena-accent)}.match-result--loss h2{color:var(--arena-red-bright)}.match-result__head{isolation:isolate;z-index:3;--ribbon-slide:0px;justify-items:center;gap:8px;padding:10px 0 12px;display:grid;position:relative}.match-result__head:before{content:"";z-index:-1;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--result-colour) 45%, var(--arena-ribbon-base)) 24%, color-mix(in srgb, var(--result-colour) 70%, var(--arena-ribbon-base)) 50%, color-mix(in srgb, var(--result-colour) 45%, var(--arena-ribbon-base)) 76%, transparent);box-shadow:var(--arena-ribbon-edge);-webkit-mask:var(--arena-ribbon-mask);mask:var(--arena-ribbon-mask);animation:match-result-band calc(.26s * var(--arena-motion)) var(--arena-ease-out) backwards;position:absolute;inset:0 calc(50% - 50vw)}.match-result__reason{border-radius:var(--arena-radius-chip);background:var(--arena-chip);box-shadow:var(--arena-chip-shadow);color:var(--arena-muted);font-size:calc(clamp(12px, 1.6vw, 16px) * var(--arena-type-scale));text-align:center;animation:game-rise var(--duration-enter) calc(.12s * var(--arena-motion)) var(--arena-ease-out) backwards;margin:0;padding:3px 14px}.match-result__stage{width:100%;height:100%;min-height:0;position:relative}.match-result__stage .character-render{position:absolute;inset:0}.match-result__stage .character-render canvas{touch-action:none;width:100%;height:100%;display:block}.match-result__stage .model-status{width:100%;color:var(--arena-muted);font-size:calc(14px * var(--arena-type-scale));text-align:center;position:absolute;top:45%;left:0}.match-result__score{z-index:2;background:var(--arena-chip);box-shadow:var(--arena-plate-shadow);font-size:calc(clamp(40px, 6.6vw, 84px) * var(--arena-type-scale));-webkit-text-stroke:calc(7px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;animation:game-rise var(--duration-enter) calc(.14s * var(--arena-motion)) var(--arena-ease-out) backwards;border-radius:0 0 22px 22px;align-items:center;gap:.22em;margin:0;padding:2px 30px 8px;line-height:1;display:flex;position:absolute;top:0;left:50%;translate:-50%}.match-result__score i{color:var(--arena-muted);font-size:.6em;font-style:inherit}.match-result__blue{color:color-mix(in srgb, var(--arena-blue) 62%, white)}.match-result__red{color:var(--arena-red-bright)}.match-result__team{border-radius:var(--arena-radius);background:var(--arena-chip);width:min(300px,31%);box-shadow:var(--arena-plate-shadow);animation:game-rise var(--duration-enter) calc(.18s * var(--arena-motion)) var(--arena-ease-out) backwards;position:absolute;bottom:2%;overflow:hidden}.match-result__team--blue{--team-colour:var(--arena-blue);left:0}.match-result__team--red{--team-colour:var(--arena-red);right:0}.match-result__team.is-winner{box-shadow:var(--arena-plate-shadow), 0 0 0 6px var(--arena-accent)}.match-result__team h3{background:linear-gradient(180deg, var(--team-colour), color-mix(in srgb, var(--team-colour) 70%, #000));color:var(--arena-text);font-size:calc(16px * var(--arena-type-scale));text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);align-items:center;gap:8px;margin:0;padding:5px 14px;display:flex}.match-result__team h3 .game-icon{width:20px;height:20px;color:var(--arena-accent)}.match-result__team ul{margin:0;padding:0;list-style:none;display:grid}.match-result__team li{color:var(--arena-muted);font-size:calc(12px * var(--arena-type-scale));gap:2px;padding:6px 14px 7px;font-style:normal;display:grid}.match-result__team li+li{border-top:2px solid #ffffff14}.match-result__team li b{color:var(--arena-text);font-size:calc(17px * var(--arena-type-scale));white-space:nowrap;align-items:center;gap:6px;font-style:italic;display:flex;overflow:hidden}.match-result__team li b>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.match-result__team li small{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;font-size:calc(11px * var(--arena-type-scale));background:#ffffff1f;border-radius:6px;flex:none;padding:1px 6px}.match-result__team li small.is-me{background:var(--arena-accent-fill);color:var(--arena-accent-ink)}.match-result__team li em{font-style:normal;font-weight:var(--font-weight-display);color:var(--arena-text)}.match-result__team li.is-left{opacity:.6}.match-result__foot{z-index:2;align-items:center;gap:16px;display:flex}.match-result__trophies{border-radius:var(--arena-radius);background:var(--arena-texture), var(--arena-panel);box-shadow:inset 0 0 0 2px var(--arena-accent), var(--arena-plate-shadow);animation:game-pop calc(.26s * var(--arena-motion)) .14s var(--arena-ease-pop) backwards;align-items:center;gap:10px;padding:4px 16px 4px 10px;display:flex}.match-result__trophies img{width:32px;height:32px;filter:drop-shadow(0 3px 0 var(--arena-ink))}.match-result__trophies b{color:var(--arena-accent);font-size:calc(30px * var(--arena-type-scale));-webkit-text-stroke:calc(5px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill}.match-result__trophies span{color:var(--arena-muted);font-size:calc(15px * var(--arena-type-scale))}.match-result__trophies.is-loss b{color:var(--arena-red-bright)}.match-result .game-button{font-size:calc(20px * var(--arena-type-scale));min-width:180px}.match-confetti{pointer-events:none;--c0:var(--arena-accent);--c1:var(--arena-blue-bright);--c2:var(--arena-text);width:46%;height:120%;position:absolute;overflow:hidden;translate:-50% -35%;-webkit-mask-image:linear-gradient(#0000,#000 10% 70%,#0000);mask-image:linear-gradient(#0000,#000 10% 70%,#0000)}.match-confetti--red{--c1:var(--arena-red-bright)}.match-confetti i{background:var(--c0);border-radius:2px;width:8px;height:13px;animation:3s linear infinite match-confetti;position:absolute;top:-6%}.match-confetti i.is-1{background:var(--c1);width:10px;height:8px}.match-confetti i.is-2{background:var(--c2)}@keyframes match-confetti{to{translate:30px 520px;rotate:720deg}}.match-gloom{--gloom:1;pointer-events:none;width:0;height:0;scale:var(--gloom);position:absolute}.match-gloom__tint{mix-blend-mode:multiply;background:radial-gradient(at 50% 25%,#0d1440b3,#0000 68%);border-radius:50%;width:220px;height:200px;position:absolute;top:-20px;left:-110px}.match-gloom__lines{background:repeating-linear-gradient(100deg,#0000 0 13px,#9fc0ffcc 13px 15px,#0000 15px 27px) 0 0/100% 46px,repeating-linear-gradient(100deg,#0000 0 21px,#6f93ff99 21px 22.5px,#0000 22.5px 37px) 0 0/100% 62px;width:112px;height:120px;animation:.52s linear infinite match-gloom-rain;position:absolute;top:-22px;left:-56px;-webkit-mask-image:linear-gradient(#000 20%,#0000 95%);mask-image:linear-gradient(#000 20%,#0000 95%)}.match-gloom__cloud{width:124px;height:44px;box-shadow:0 0 0 3px var(--arena-ink), 0 5px 0 3px var(--arena-ink);background:linear-gradient(#5b6386,#2c3150);border-radius:24px;animation:1.8s ease-in-out infinite alternate match-gloom-bob;position:absolute;top:-84px;left:-62px}.match-gloom__cloud:before,.match-gloom__cloud:after{content:"";box-shadow:0 0 0 3px var(--arena-ink);z-index:-1;background:linear-gradient(#6d7699,#454c6e);border-radius:50%;position:absolute;bottom:20px}.match-gloom__cloud:before{width:50px;height:46px;left:14px}.match-gloom__cloud:after{width:58px;height:58px;left:52px}.match-gloom__cloud i{background:var(--arena-accent);clip-path:polygon(50% 0,100% 0,60% 45%,100% 45%,10% 100%,35% 55%,0 55%);width:20px;height:34px;filter:drop-shadow(0 0 0 var(--arena-ink));opacity:0;animation:3.4s step-end infinite match-gloom-spark;position:absolute;top:38px;left:52px}@keyframes match-gloom-rain{to{background-position:-8px 46px,-11px 62px}}@keyframes match-gloom-bob{to{translate:0 -4px}}@keyframes match-gloom-spark{0%,to{opacity:0}70%,76%{opacity:1}}@media (height<=550px) and (orientation:landscape){.match-result h2{font-size:calc(30px * var(--arena-type-scale));-webkit-text-stroke-width:calc(5px * var(--arena-stroke))}.match-result__team{width:30%}.match-result__team li{font-size:calc(12px * var(--arena-type-scale));padding:3px 10px}.match-result__team li b{font-size:calc(14px * var(--arena-type-scale))}.match-result__score{font-size:calc(40px * var(--arena-type-scale));top:2%}.match-result .game-button{font-size:calc(18px * var(--arena-type-scale));min-width:150px}.match-gloom{--gloom:.7}}.match-touch{pointer-events:none;opacity:var(--touch-opacity,1);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.match-touch__zone,.match-touch button{pointer-events:auto;touch-action:none}.match-touch__zone{position:absolute;inset:22% 52% 0 0}.match-touch--mirrored .match-touch__zone{inset:22% 0 0 52%}.match-touch__stick{left:calc(max(28px, var(--safe-left)) + 76px * var(--touch-scale));bottom:calc(max(20px, var(--safe-bottom)) + 10px * var(--touch-scale));width:calc(140px * var(--touch-scale));height:calc(140px * var(--touch-scale));opacity:.55;pointer-events:none;transition:opacity calc(.12s * var(--arena-motion)) var(--arena-ease-out);background:radial-gradient(circle,#ffffff0a,#ffffff1c);border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 0 0 3px #05060f99,inset 0 0 0 3px #ffffff38}.match-touch__stick:not(.is-held){translate:-50%}.match-touch__stick.is-held{opacity:1}.match-touch__stick i{width:calc(60px * var(--touch-scale));height:calc(60px * var(--touch-scale));box-shadow:0 0 0 3px var(--arena-ink), 0 4px 0 3px var(--arena-ink);background:linear-gradient(#ffffffe6,#c9d0ffcc);border-radius:50%}.match-touch--mirrored .match-touch__stick:not(.is-held){left:auto;right:calc(max(28px, var(--safe-right)) + 76px * var(--touch-scale));translate:50%}.match-touch__buttons{right:max(24px, var(--safe-right));bottom:max(18px, var(--safe-bottom));width:calc(204px * var(--touch-scale));height:calc(176px * var(--touch-scale));position:absolute}.match-touch--mirrored .match-touch__buttons{right:auto;left:max(24px, var(--safe-left));scale:-1 1}.match-touch--mirrored .match-touch__buttons button{scale:-1 1}.match-touch__btn{border-radius:var(--arena-radius-button);background:var(--arena-texture), linear-gradient(180deg, var(--arena-blue-top), var(--arena-blue-bottom));box-shadow:0 0 0 3px var(--arena-ink), inset 0 3px 0 var(--arena-blue-highlight), 0 5px 0 3px var(--arena-ink);color:var(--arena-text);font:inherit;font-size:calc(max(11px, 11px * var(--touch-scale)) * var(--arena-type-scale));font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);text-transform:uppercase;text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);transition:scale var(--duration-release) var(--arena-ease-pop), translate var(--duration-release) var(--arena-ease-pop);border:0;place-content:center;justify-items:center;gap:2px;display:grid;position:absolute;container-type:inline-size}.match-touch__btn:active{transition-duration:var(--duration-press);translate:0 3px;scale:.92}.match-touch__btn .game-icon{width:calc(30px * var(--touch-scale));height:calc(30px * var(--touch-scale))}.match-touch__btn--jump{width:calc(82px * var(--touch-scale));height:calc(82px * var(--touch-scale));top:0;left:0}.match-touch__btn--jump .game-icon{rotate:-90deg}.match-touch__btn--crouch{width:calc(72px * var(--touch-scale));height:calc(72px * var(--touch-scale));bottom:0;left:0}.match-touch__btn--crouch .game-icon{width:calc(26px * var(--touch-scale));height:calc(26px * var(--touch-scale));rotate:90deg}.match-touch__btn--reach,.match-touch__btn--fire{width:calc(116px * var(--touch-scale));height:calc(116px * var(--touch-scale));font-size:calc(max(11px, 12px * var(--touch-scale)) * var(--arena-type-scale));bottom:0;right:0}.match-touch__btn--reach .game-icon,.match-touch__btn--fire .game-icon{width:calc(44px * var(--touch-scale));height:calc(44px * var(--touch-scale))}.match-touch__btn--reach{background:var(--arena-texture), linear-gradient(180deg, var(--arena-red-top), var(--arena-red-bottom));box-shadow:0 0 0 3px var(--arena-ink), inset 0 3px 0 var(--arena-red-highlight), 0 5px 0 3px var(--arena-ink)}.match-touch__btn--fire{background:var(--arena-accent-fill);color:var(--arena-accent-ink);text-shadow:none}.match-touch__btn--fire .game-icon{--icon-outline:transparent}@container (width<=58px){.match-touch__btn span{display:none}}.match-ping{zoom:var(--hud-user);border-radius:var(--arena-radius-chip);background:var(--arena-chip);box-shadow:var(--arena-chip-shadow);color:var(--arena-muted);font-size:calc(14px * var(--arena-type-scale));font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;gap:6px;padding:4px 12px;display:flex}.match-ping i{background:var(--ping-colour);width:8px;height:8px;box-shadow:0 0 6px var(--ping-colour);border-radius:50%}.match-ping--good{--ping-colour:var(--arena-ok)}.match-ping--fair{--ping-colour:var(--arena-accent)}.match-ping--poor{--ping-colour:var(--arena-red-bright)}.match-final,.match-shadow,.match-modifier,.match-map,.match-role,.match-countdown,.match-flash{font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:calc(7px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(6px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);pointer-events:none;flex-direction:column;align-items:center;display:flex}.match-flash{scale:calc(.5 * var(--hud-scale));transform-origin:50% 0;isolation:isolate;--flash-colour:var(--arena-accent);--ribbon-from:inset(0 50%);--ribbon-slide:0px;animation:match-flash-dock calc(1.25s * var(--arena-motion)) var(--arena-ease-out) backwards;padding:8px 0 12px;position:relative}.match-flash:before,.match-flash:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0 calc(50% - 50vw);transform:skewY(-1.6deg)}.match-flash:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--flash-colour) 50%, var(--arena-ribbon-base)) 22%, color-mix(in srgb, var(--flash-colour) 78%, var(--arena-ribbon-base)) 50%, color-mix(in srgb, var(--flash-colour) 50%, var(--arena-ribbon-base)) 78%, transparent);box-shadow:var(--arena-ribbon-edge);-webkit-mask:var(--arena-ribbon-mask);mask:var(--arena-ribbon-mask);opacity:0;animation:match-ribbon-in calc(.2s * var(--arena-motion)) var(--arena-ease-out) backwards, match-ribbon-hold .82s .2s linear}.match-flash:after{opacity:0;width:22vw;animation:match-ribbon-shine calc(.52s * var(--arena-motion)) .14s var(--arena-ease-out);background:linear-gradient(90deg,#0000,#ffffff59,#0000);inset:0 auto 0 50%}.match-flash__head{font-size:calc(clamp(34px, 5.6vw, 72px) * var(--arena-type-scale));animation:match-ribbon-text calc(.26s * var(--arena-motion)) 50ms var(--arena-ease-out) backwards;align-items:center;gap:.5em;display:flex}.match-flash__head>i{flex:none;margin:0}.match-flash__icon{width:.95em;height:.95em;color:var(--arena-text);stroke-width:3px;flex:none}.match-flash b{color:var(--arena-text);font-size:1em;line-height:1}.match-flash span{border-radius:var(--arena-radius-chip);background:var(--flash-colour);box-shadow:var(--arena-plate-shadow);max-width:92vw;color:var(--arena-text);font-size:calc(clamp(18px, 3vw, 34px) * var(--arena-type-scale));text-align:center;text-wrap:balance;white-space:normal;-webkit-text-stroke:calc(5px * var(--arena-stroke)) var(--arena-ink);animation:game-pop calc(.22s * var(--arena-motion)) .15s var(--arena-ease-pop) backwards;margin-top:6px;padding:2px 18px;line-height:1.15}.match-flash--blue{--flash-colour:var(--arena-blue);--ribbon-from:inset(0 100% 0 0);--ribbon-slide:-90px}.match-flash--blue b{color:var(--arena-blue-bright)}.match-flash--red{--flash-colour:var(--arena-red);--ribbon-from:inset(0 0 0 100%);--ribbon-slide:90px}.match-flash--red b{color:var(--arena-red-bright)}.match-flash--gold b{color:var(--arena-accent)}@keyframes match-timeup-rays{to{rotate:1turn}}@keyframes match-result-band{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes match-ribbon-in{0%{opacity:1;clip-path:var(--ribbon-from)}to{opacity:1;clip-path:inset(0)}}@keyframes match-ribbon-hold{0%,72%{opacity:1}to{opacity:0}}@keyframes match-ribbon-shine{0%{opacity:1;translate:-70vw}to{opacity:1;translate:50vw}}@keyframes match-ribbon-text{0%{opacity:0;translate:var(--ribbon-slide) 0;scale:1.25}}.match-countdown{color:var(--arena-text);font-size:calc(clamp(96px, 18vw, 200px) * var(--arena-type-scale));-webkit-text-stroke:calc(10px * var(--arena-stroke)) var(--arena-ink);text-shadow:0 calc(10px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:match-count calc(.5s * var(--arena-motion)) var(--arena-ease-out) both;line-height:1;position:absolute;top:30%;left:50%;translate:-50%}@keyframes match-count{0%{opacity:0;scale:2.2}25%{opacity:1;scale:1}80%{opacity:1}to{opacity:0;scale:.9}}.match-role{z-index:3;zoom:var(--hud-user);border-radius:var(--arena-radius);background:var(--role-colour);box-shadow:var(--arena-plate-shadow);color:var(--arena-text);font-size:calc(clamp(26px, 4vw, 44px) * var(--arena-type-scale));-webkit-text-stroke:calc(6px * var(--arena-stroke)) var(--arena-ink);text-shadow:none;animation:match-banner calc(.24s * var(--arena-motion)) 60ms var(--arena-ease-pop) backwards, match-intro-fade calc(.22s * var(--arena-motion)) 2.4s var(--arena-ease-in) forwards;padding:6px 26px 8px;line-height:1;position:relative}.match-role small{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;-webkit-text-stroke:calc(4px * var(--arena-stroke)) var(--arena-ink);font-size:.45em}.match-role--blue{--role-colour:var(--arena-blue)}.match-role--red{--role-colour:var(--arena-red)}.match-map{z-index:3;zoom:var(--hud-user);color:var(--arena-text);font-size:calc(clamp(16px, 2.4vw, 28px) * var(--arena-type-scale));-webkit-text-stroke:calc(5px * var(--arena-stroke)) var(--arena-ink);text-shadow:0 calc(4px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:match-banner calc(.24s * var(--arena-motion)) .2s var(--arena-ease-pop) backwards;gap:2px;line-height:1;position:relative}.match-map small{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;color:var(--arena-accent);-webkit-text-stroke:calc(4px * var(--arena-stroke)) var(--arena-ink);font-size:.55em}.match-opening{flex-direction:column;align-items:center;gap:6px;display:flex}.match-modifier{z-index:3;zoom:var(--hud-user);color:var(--arena-accent);-webkit-text-stroke:calc(5px * var(--arena-stroke)) var(--arena-ink);text-shadow:0 calc(4px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:match-banner calc(.24s * var(--arena-motion)) .14s var(--arena-ease-pop) backwards;gap:4px;position:relative}.match-modifier small{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;color:var(--arena-text);font-size:calc(clamp(12px, 1.6vw, 18px) * var(--arena-type-scale))}.match-modifier b{font-size:calc(clamp(26px, 4.6vw, 58px) * var(--arena-type-scale));line-height:1}.match-modifier span{color:var(--arena-text);font-size:calc(clamp(12px, 1.8vw, 20px) * var(--arena-type-scale));text-transform:none;-webkit-text-stroke:calc(4px * var(--arena-stroke)) var(--arena-ink);text-shadow:none;font-style:normal}.match-leave{z-index:5;zoom:var(--hud-user);pointer-events:auto;position:relative}.match-leave .game-button{font-size:calc(18px * var(--arena-type-scale))}.match-leave__body ul{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.match-leave__body li{font-size:calc(17px * var(--arena-type-scale));font-weight:var(--font-weight-strong);padding-left:28px;line-height:1.4;position:relative}.match-leave__body li:before{content:"!";background:var(--arena-red);width:20px;height:20px;box-shadow:var(--arena-chip-shadow);font-size:calc(13px * var(--arena-type-scale));font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);border-radius:50%;place-items:center;display:grid;position:absolute;top:.1em;left:0}.match-leave__actions{justify-content:center;gap:18px;display:flex}.match-leave__actions .game-button{min-width:170px;font-size:calc(22px * var(--arena-type-scale))}.match-intro{--intro-ms:2s;z-index:2;padding:0 max(16px, var(--safe-right)) 0 max(16px, var(--safe-left));pointer-events:none;font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);justify-content:center;align-items:center;gap:3vw;display:flex;position:absolute;inset:0}.match-intro:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--arena-blue-bottom) 33%, transparent), color-mix(in srgb, var(--arena-scrim) 67%, transparent) 40% 60%, color-mix(in srgb, var(--arena-red-bottom) 33%, transparent));transition:opacity .4s ease-out;position:absolute;inset:0}.match-intro.is-flying:before{opacity:.3}.match-intro{--intro-out:calc(var(--intro-ms) - .45s);animation:match-intro-fade .25s ease-out reverse backwards, match-intro-fade .45s var(--intro-out) ease-in forwards}.match-intro__team{animation:match-intro-left calc(.3s * var(--arena-motion)) var(--arena-ease-out) backwards, match-intro-left-out .45s var(--intro-out) var(--arena-ease-in) forwards;gap:14px;margin:0;padding:0;list-style:none;display:grid}.match-intro__team li{background:var(--arena-texture), linear-gradient(180deg, var(--arena-blue-top), var(--arena-blue-bottom));width:min(300px,34vw);transform:skewX(calc(-1 * var(--arena-skew)));padding:8px 18px 10px;display:grid;position:relative}.match-intro__team li>*{transform:skewX(var(--arena-skew))}.match-intro__team small{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;font-size:calc(13px * var(--arena-type-scale));opacity:.9;text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow)}.match-intro__team b{font-size:calc(clamp(20px, 2.6vw, 34px) * var(--arena-type-scale));text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:calc(5px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(3px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);line-height:1.15;overflow:hidden}.match-intro__team em{background:var(--arena-accent-fill);box-shadow:var(--arena-chip-shadow);color:var(--arena-accent-ink);font-size:calc(13px * var(--arena-type-scale));border-radius:8px;padding:1px 10px;font-style:normal;position:absolute;top:-10px;right:12px}.match-intro__team--red{animation-name:match-intro-right,match-intro-right-out}.match-intro__team--red li{background:var(--arena-texture), linear-gradient(180deg, var(--arena-red-top), var(--arena-red-bottom));transform:skewX(var(--arena-skew));text-align:right}.match-intro__team--red li>*{transform:skewX(calc(-1 * var(--arena-skew)))}.match-intro__team--red em{left:12px;right:auto}.match-intro__vs{color:var(--arena-accent);font-size:calc(clamp(48px, 8vw, 110px) * var(--arena-type-scale));-webkit-text-stroke:calc(8px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(6px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:match-intro-vs calc(.3s * var(--arena-motion)) .1s var(--arena-ease-pop) backwards}@keyframes match-intro-fade{to{opacity:0}}@keyframes match-intro-left{0%{translate:-110vw}}@keyframes match-intro-right{0%{translate:110vw}}@keyframes match-intro-left-out{to{translate:-110vw}}@keyframes match-intro-right-out{to{translate:110vw}}@keyframes match-intro-vs{0%{opacity:0;scale:2.4}}.match-screen:has(dialog[open]) .match-keys{visibility:hidden}.match-skip kbd:not(.pad-glyph),.match-keys kbd{background:var(--arena-panel);min-width:24px;box-shadow:var(--arena-chip-shadow);font:inherit;font-size:calc(12px * var(--arena-type-scale));font-weight:var(--font-weight-display);text-align:center;border-radius:6px;padding:2px 7px 3px}.match-keys{left:max(14px, var(--safe-left));bottom:calc(max(14px, var(--safe-bottom)) + 30px);border-radius:var(--arena-radius);background:var(--arena-chip);box-shadow:var(--arena-chip-shadow);pointer-events:none;opacity:.85;animation:match-intro-fade .4s 15s var(--arena-ease-in) forwards;font-size:calc(14px * var(--arena-type-scale));font-weight:var(--font-weight-strong);grid-template-columns:auto auto;align-items:center;gap:7px 12px;margin:0;padding:10px 14px;display:grid;position:absolute}.match-keys>div{display:contents}.match-keys dt{gap:4px;display:flex}.match-keys dd{color:var(--arena-muted);margin:0}.match-skip{z-index:3;left:50%;bottom:max(12px, var(--safe-bottom));border-radius:var(--arena-radius);background:var(--arena-chip);box-shadow:var(--arena-chip-shadow);color:var(--arena-muted);font-size:calc(13px * var(--arena-type-scale));font-weight:var(--font-weight-strong);white-space:nowrap;pointer-events:none;align-items:center;gap:8px;margin:0;padding:6px 12px;animation:.25s ease-out .5s reverse backwards match-intro-fade;display:flex;position:absolute;translate:-50%}.match-vignette{--danger:1;pointer-events:none;background:radial-gradient(ellipse at center, transparent 45%, var(--arena-alarm) 130%);opacity:calc(.25 + var(--danger) * .75);transition:opacity calc(.4s * var(--arena-motion)) var(--arena-ease-out);position:fixed;inset:0}.match-vignette--hit{animation:match-vignette-hit 1.4s var(--arena-ease-out) forwards}@keyframes match-vignette-hit{0%{opacity:1}to{opacity:0}}.match-flash--card{animation:match-flash-dock calc(1.25s * var(--arena-motion)) var(--arena-ease-out) backwards, match-shake .42s .12s linear}@keyframes match-flash-dock{0%,66%{scale:1}}.match-pause-timer{zoom:var(--hud-scale);animation:game-rise var(--duration-enter) calc(.1s * var(--arena-motion)) var(--arena-ease-out) backwards;order:-1}.match-pause-timer.is-leaving{animation:match-intro-fade calc(var(--duration-exit) * var(--arena-motion)) var(--arena-ease-in) forwards}.match-pause-timer .match-timer>span{display:none}.match-pause-timer .match-timer>i{width:132px;height:4px}.match-flash__card{aspect-ratio:3/4;background:linear-gradient(160deg, var(--arena-text), var(--button-white-bottom));width:clamp(40px,6vw,72px);box-shadow:0 0 0 4px var(--arena-ink), 0 6px 0 4px var(--arena-ink);animation:game-pop calc(.26s * var(--arena-motion)) var(--arena-ease-pop) backwards;border-radius:6px;margin-bottom:8px;rotate:-12deg}@keyframes match-shake{20%,60%{translate:-10px}40%,80%{translate:10px}}.match-shadow{zoom:var(--hud-user);flex-direction:row;align-items:baseline;gap:16px;line-height:1.2}.match-shadow b{color:var(--arena-red-bright);font-size:calc(clamp(24px, 3.6vw, 44px) * var(--arena-type-scale));-webkit-text-stroke:calc(6px * var(--arena-stroke)) var(--arena-ink);animation:.6s ease-in-out infinite alternate match-pulse}.match-shadow span{color:var(--arena-text);font-size:calc(clamp(40px, 6vw, 72px) * var(--arena-type-scale));animation:game-pop calc(.3s * var(--arena-motion)) var(--arena-ease-pop) backwards}.match-shadow--rival b{color:var(--arena-accent);font-size:calc(clamp(20px, 2.8vw, 34px) * var(--arena-type-scale))}.match-shadow--rival span{font-size:calc(clamp(30px, 4.4vw, 52px) * var(--arena-type-scale))}@keyframes match-pulse{to{scale:1.08}}.match-flash.is-leaving{animation:match-intro-fade calc(var(--duration-exit) * var(--arena-motion)) var(--arena-ease-in) forwards}.match-flash__score{color:var(--arena-text);font-size:calc(clamp(36px, 6vw, 72px) * var(--arena-type-scale));gap:.3em;margin-top:10px;font-style:italic;line-height:1;animation:.82s linear .2s forwards match-ribbon-hold;display:flex}.match-flash__score i{font-style:inherit}.match-flash__score i.is-scored{color:var(--arena-accent);animation:game-pop calc(.3s * var(--arena-motion)) .15s var(--arena-ease-pop) backwards;display:inline-block}.match-flash .match-timer{margin-top:16px}.match-timer{--timer-ms:3s;font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);-webkit-text-stroke:0;text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);justify-items:center;gap:6px;display:grid}.match-timer>span{box-shadow:none;color:var(--arena-text);font-size:calc(clamp(15px, 1.8vw, 20px) * var(--arena-type-scale));-webkit-text-stroke:0;background:0 0;align-items:center;gap:8px;margin:0;padding:0;display:flex}.match-timer b{min-width:1.2em;color:var(--arena-accent);animation:game-pop calc(.3s * var(--arena-motion)) var(--arena-ease-pop) backwards;font-size:1.5em;display:inline-block}.match-timer>i{background:var(--arena-accent-fill) 0 0/100% 100% no-repeat, var(--arena-inset);width:min(280px,50vw);height:10px;box-shadow:var(--arena-bar-shadow);animation:match-timer-drain var(--timer-ms) linear forwards;border-radius:6px}@keyframes match-timer-drain{to{background-size:0 100%,auto}}.match-clock-icon{aspect-ratio:1;background:var(--arena-text);width:clamp(48px,6vw,72px);box-shadow:0 0 0 5px var(--arena-ink), inset 0 0 0 5px var(--arena-red), 0 6px 0 5px var(--arena-ink);animation:game-pop calc(.26s * var(--arena-motion)) var(--arena-ease-pop) backwards, match-shake .42s .2s linear;border-radius:50%;margin-bottom:8px;position:relative}.match-clock-icon:before,.match-clock-icon:after{content:"";background:var(--arena-ink);transform-origin:50% 100%;border-radius:3px;width:6px;position:absolute;bottom:50%;left:calc(50% - 3px)}.match-clock-icon:before{height:32%}.match-clock-icon:after{height:40%;animation:match-clock-hand calc(.8s * var(--arena-motion)) var(--arena-ease-out) both;rotate:0deg}@keyframes match-clock-hand{0%{rotate:-300deg}}.match-siren{pointer-events:none;background:radial-gradient(ellipse at center, transparent 40%, var(--arena-alarm) 140%);animation:.5s ease-in-out 3 alternate both match-siren;position:fixed;inset:0}@keyframes match-siren{0%{opacity:0}to{opacity:1}}.match-hud__clock.is-low>span{color:var(--arena-red-bright);animation:.5s ease-in-out infinite alternate match-pulse}.match-final{color:var(--arena-red-bright);font-size:calc(clamp(64px, 10vw, 120px) * var(--arena-type-scale));-webkit-text-stroke:calc(8px * var(--arena-stroke)) var(--arena-ink);text-shadow:0 calc(8px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:match-count calc(.6s * var(--arena-motion)) var(--arena-ease-out) both;line-height:1;position:fixed;top:34%;left:50%;translate:-50%}.match-top:has(.match-shadow,.match-hud__banner) .match-final{visibility:hidden}.match-stamina{--stamina:1;--fill:var(--arena-ok-fill);zoom:var(--hud-user);pointer-events:none;font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);transition:opacity calc(.6s * var(--arena-motion)) var(--arena-ease-out);justify-items:center;gap:4px;display:grid}.match-stamina.is-full{opacity:0;transition-delay:.8s}.match-stamina__label{font-size:calc(13px * var(--arena-type-scale));text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow)}.match-stamina__bar{background:var(--arena-inset);width:min(280px,42vw);height:16px;box-shadow:var(--arena-bar-shadow);border-radius:9px;position:relative;overflow:hidden}.match-stamina__bar i{transform-origin:0;scale:var(--stamina) 1;background:var(--fill);transition:scale .12s linear;position:absolute;inset:0}.match-stamina__bar b{background:var(--arena-text);width:3px;box-shadow:0 0 0 1px var(--arena-ink);margin-left:-1px;position:absolute;top:0;bottom:0}.match-stamina__bar b.is-low{background:var(--arena-ink);box-shadow:none}.match-stamina.is-tired{--fill:linear-gradient(180deg, var(--arena-red-top), var(--arena-red-bottom));animation:.45s ease-in-out infinite alternate match-pulse}.match-stamina.is-tired .match-stamina__label{color:var(--arena-red-bright)}.match-stamina__refused{color:var(--arena-red-bright);font-size:calc(22px * var(--arena-type-scale));white-space:nowrap;-webkit-text-stroke:calc(5px * var(--arena-stroke)) var(--arena-ink);paint-order:stroke fill;text-shadow:0 calc(3px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:game-pop calc(.22s * var(--arena-motion)) var(--arena-ease-pop) backwards, match-shake .3s linear;order:-1;margin-bottom:2px}:is(.match-screen:has(.match-stamina[data-low~=slide]) .match-touch__btn--reach,.match-screen:has(.match-stamina[data-low~=crouch]) .match-touch__btn--crouch){filter:grayscale(.85)brightness(.6)}.match-stamina,.match-tower,.match-target,.match-keys,.match-touch{transition:opacity calc(.18s * var(--arena-motion)) var(--arena-ease-out), visibility .18s}:is(.match-screen:has(.match-cutscene) .match-stamina,.match-screen:has(.match-cutscene) .match-tower,.match-screen:has(.match-cutscene) .match-target,.match-screen:has(.match-cutscene) .match-keys,.match-screen:has(.match-cutscene) .match-touch){opacity:0;visibility:hidden}.match-tower{--warmth:0;zoom:var(--hud-user);pointer-events:none;font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);justify-items:center;gap:6px;display:grid}.match-tower__warmth{font-size:calc(13px * var(--arena-type-scale));align-items:center;gap:8px;display:flex}.match-tower__warmth b{min-width:6.5em;font-size:calc(16px * var(--arena-type-scale))}.match-tower__scale{width:min(220px,34vw);height:14px;box-shadow:var(--arena-bar-shadow);background:linear-gradient(90deg,#38bdff,#ffd166 55%,#ff2a48);border-radius:8px;position:relative}.match-tower__scale i{top:-5px;left:calc(var(--warmth) * 100%);background:var(--arena-text);width:6px;height:24px;box-shadow:var(--arena-chip-shadow);transition:left calc(.25s * var(--arena-motion)) var(--arena-ease-out);border-radius:3px;margin-left:-3px;position:absolute}.match-tower__distance{border-radius:var(--arena-radius-chip);background:var(--arena-chip);box-shadow:var(--arena-chip-shadow);color:var(--arena-muted);font-size:calc(14px * var(--arena-type-scale));padding:3px 12px}.match-tower__distance b{color:var(--arena-text);font-size:calc(18px * var(--arena-type-scale))}.match-target{--unlit:0;zoom:var(--hud-user);border-radius:var(--arena-radius-chip);background:var(--arena-chip);box-shadow:var(--arena-chip-shadow);pointer-events:none;font-size:calc(15px * var(--arena-type-scale));font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);justify-items:center;padding:3px 14px;display:grid;position:absolute;top:calc(50% + 34px);left:50%;translate:-50%}.match-target.is-lit{color:var(--arena-ok)}.match-target.is-unlit{color:var(--arena-red-bright);scale:calc(1 + var(--unlit) * .25);transition:scale calc(.3s * var(--arena-motion)) var(--arena-ease-out)}.match-target.is-unlit b{animation:game-pop calc(.26s * var(--arena-motion)) var(--arena-ease-pop) backwards}.match-target.is-over{animation:.4s ease-in-out infinite alternate match-pulse}.match-target small{font-family:var(--arena-font-text);font-style:var(--arena-text-style);font-weight:var(--arena-text-weight);letter-spacing:normal;font-feature-settings:normal;color:var(--arena-text);font-size:calc(12px * var(--arena-type-scale))}.match-onboarding{zoom:var(--hud-user);border-radius:var(--arena-radius);background:var(--arena-texture), var(--arena-panel);max-width:min(640px,100%);box-shadow:var(--arena-plate-shadow);pointer-events:none;font-size:calc(clamp(15px, 2vw, 20px) * var(--arena-type-scale));font-family:var(--arena-font-display);font-style:var(--arena-display-style);font-weight:var(--arena-display-weight);letter-spacing:var(--arena-display-tracking);font-feature-settings:var(--arena-display-features);text-align:center;text-shadow:0 calc(2px * var(--arena-drop)) 0 var(--arena-ink), var(--arena-text-glow);animation:game-rise calc(var(--duration-enter) * var(--arena-motion)) var(--arena-ease-out) backwards;margin:0;padding:10px 20px 12px}.match-onboarding em{color:var(--arena-red-bright);font-style:inherit}:root[data-input=touch] .match-screen:not(:has(.match-cutscene)){--stick-reach:calc(max(28px, var(--safe-left)) + 158px * var(--touch-scale))}:root[data-input=touch] .match-screen:not(:has(.match-cutscene)):has(.match-touch__btn){--buttons-reach:calc(max(24px, var(--safe-right)) + 212px * var(--touch-scale))}.match-foot{bottom:var(--edge-bottom);left:max(var(--edge-left), var(--stick-reach));right:max(var(--edge-right), var(--buttons-reach));pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.match-foot>*{max-width:100%}.match-foot .match-skip{position:relative;inset:auto;translate:none}.match-screen:has(.match-touch--mirrored) .match-foot{left:max(var(--edge-left), var(--buttons-reach));right:max(var(--edge-right), var(--stick-reach))}@media (height<=550px) and (orientation:landscape){.match-screen{--hud-gutter:8px;--hud-type:min(var(--arena-type-scale), 1.08);--touch-fit:.85}.match-top{gap:5px 6px}.match-calls{gap:4px}.match-hud{gap:3px}.match-hud__score{align-items:start}.match-hud__plate{gap:6px;min-width:0;padding:2px 10px}.match-hud__plate small{font-size:calc(11px * var(--arena-type-scale));display:none}.match-hud__plate--blue{grid-area:1/1}.match-hud__plate--red{grid-area:1/3}.match-hud__team{font-size:calc(24px * var(--hud-type));-webkit-text-stroke-width:calc(4px * var(--arena-stroke))}.match-hud__clock{font-size:calc(20px * var(--hud-type));-webkit-text-stroke-width:calc(3px * var(--arena-stroke));grid-area:1/2/span 2;margin:-2px -4px 0;padding:3px 10px 2px}.match-hud__clock small{font-size:calc(11px * var(--arena-type-scale));margin-top:1px}.match-hud__card{font-size:calc(11px * var(--arena-type-scale));padding:1px 5px 1px 4px}.match-hud__card i{width:7px;height:10px}.match-hud__away{margin-top:2px}.match-hud__away li{padding:0 6px}.match-hud__away b{display:none}.match-hud .hud-ornament--base{grid-row:3;margin-top:2px}.match-hud__rush{gap:8px}.match-hud__tag--rush{font-size:calc(12px * var(--arena-type-scale));padding:2px 12px 2px 8px}.match-hud__tag--rush .game-icon{width:14px;height:14px}.match-hud__banner{max-width:calc(76vw / var(--hud-scale));font-size:calc(26px * var(--hud-type));-webkit-text-stroke-width:calc(5px * var(--arena-stroke));margin-top:0}}@media (height<=550px) and (orientation:landscape) and (width>=800px){.match-hud__plate small{display:inline}}@media (height<=550px) and (orientation:landscape){.match-final{display:none}.match-flash{padding:4px 0 6px;animation:none;scale:1}.match-flash--card{animation:.42s linear .12s match-shake}.match-flash__head{font-size:calc(26px * var(--hud-type))}.match-flash span{max-width:86vw;font-size:calc(12px * var(--arena-type-scale));-webkit-text-stroke-width:calc(3px * var(--arena-stroke));margin-top:2px;padding:2px 12px}.match-flash__score{display:none}.match-flash__card{width:20px;box-shadow:0 0 0 2px var(--arena-ink), 0 3px 0 2px var(--arena-ink);margin-bottom:0}.match-flash .match-clock-icon{width:26px;box-shadow:0 0 0 3px var(--arena-ink), inset 0 0 0 3px var(--arena-red), 0 3px 0 3px var(--arena-ink);margin-bottom:0}.match-shadow{gap:14px}.match-shadow b{font-size:calc(18px * var(--hud-type));-webkit-text-stroke-width:calc(4px * var(--arena-stroke))}.match-shadow span{font-size:calc(22px * var(--hud-type));-webkit-text-stroke-width:calc(4px * var(--arena-stroke))}.match-shadow--rival b{font-size:calc(16px * var(--hud-type))}.match-shadow--rival span{font-size:calc(20px * var(--hud-type))}.match-shot{gap:8px;padding:4px 12px 4px 4px}.match-shot__badge{font-size:calc(14px * var(--arena-type-scale));padding:3px 8px}.match-shot__text strong{font-size:calc(12px * var(--arena-type-scale))}.match-shot__text span{font-size:calc(11px * var(--arena-type-scale))}.match-shot .match-timer{gap:3px}.match-shot .match-timer>span{font-size:calc(11px * var(--arena-type-scale))}.match-shot .match-timer>i{width:88px;height:6px}.match-modifier{gap:0}.match-modifier small{font-size:calc(11px * var(--arena-type-scale))}.match-modifier b{font-size:calc(20px * var(--hud-type))}.match-modifier span{max-width:92vw;font-size:calc(11px * var(--arena-type-scale));text-align:center;white-space:normal}.match-link{gap:0 6px;padding:3px 8px 4px 6px}.match-link b{font-size:calc(12px * var(--arena-type-scale))}.match-link span{font-size:calc(11px * var(--arena-type-scale))}.match-ping{font-size:calc(12px * var(--arena-type-scale));padding:3px 8px}.match-leave__body ul{gap:6px;margin-bottom:12px}.match-leave__body li{font-size:calc(13px * var(--arena-type-scale));line-height:1.3}.match-leave__actions .game-button{min-width:150px;font-size:calc(18px * var(--arena-type-scale))}.match-leave .game-button{min-width:calc(44px / var(--hud-user));min-height:calc(44px / var(--hud-user));font-size:15px}.match-foot{gap:4px}.match-opening{flex-direction:row;gap:14px}.match-role{font-size:calc(22px * var(--hud-type));-webkit-text-stroke-width:calc(4px * var(--arena-stroke));padding:3px 18px 5px}.match-role small{font-size:calc(11px * var(--arena-type-scale));-webkit-text-stroke-width:calc(3px * var(--arena-stroke))}.match-map{font-size:calc(15px * var(--hud-type));-webkit-text-stroke-width:calc(4px * var(--arena-stroke))}.match-map small{display:none}.match-skip{font-size:calc(11px * var(--arena-type-scale));padding:3px 10px}.match-onboarding{font-size:calc(13px * var(--arena-type-scale));padding:5px 14px 6px}.match-stamina{gap:2px}.match-stamina__label{font-size:calc(11px * var(--arena-type-scale))}.match-stamina__bar{width:140px;height:12px}.match-stamina__refused{font-size:calc(15px * var(--hud-type));text-align:center;text-wrap:balance;white-space:normal;-webkit-text-stroke-width:calc(4px * var(--arena-stroke));margin-bottom:0}.match-tower{gap:3px}.match-tower__warmth{max-width:100%;font-size:calc(11px * var(--arena-type-scale));gap:6px}.match-tower__warmth small{font-size:inherit}.match-tower__warmth b{min-width:5.4em;font-size:calc(13px * var(--arena-type-scale))}.match-tower__scale{flex:0 130px;min-width:60px;height:10px}.match-tower__scale i{height:18px;top:-4px}.match-tower__distance{font-size:calc(11px * var(--arena-type-scale));padding:1px 10px}.match-tower__distance b{font-size:calc(14px * var(--arena-type-scale))}.match-target{font-size:calc(12px * var(--arena-type-scale));padding:2px 10px;top:calc(50% + 26px)}.match-target small{max-width:12em;font-size:calc(11px * var(--arena-type-scale));text-align:center;text-wrap:balance}.match-countdown{font-size:calc(min(26vh, 104px) * var(--hud-type));top:24%}.match-intro__team{gap:6px}.match-intro__team li{width:min(260px,34vw);padding:3px 12px 4px}.match-intro__team small{font-size:calc(11px * var(--arena-type-scale))}.match-intro__team b{font-size:calc(17px * var(--hud-type));-webkit-text-stroke-width:calc(4px * var(--arena-stroke))}.match-intro__team em{font-size:calc(11px * var(--arena-type-scale));top:-8px}.match-intro__vs{font-size:calc(40px * var(--hud-type))}}@media (height<=340px) and (orientation:landscape){.match-entry,.match-intro,.match-result{zoom:.72}.match-result__head:before{inset-inline:calc(50% - 69.4444vw)}}:root{--avatar-purple:#a82cff;--avatar-green:#19de69;--avatar-orange:#ff8a16;--avatar-pink:#ff42a5;--avatar-black:#252c39;--scene-pedestal-base:#0b0d19;--scene-pedestal-surface:#171b2c;--scene-plaque:#0a0c19;--scene-light:#fff5e8;--text-primary:#fff;--surface-page:#070911;--surface-field:#080b19;--ink:#0b0a18;--team-red:#ff293f;--team-blue:#1164ff;--focus:#ffffffb0;--selection:#2866ee;--scrollbar:#3f4770;--text-preview:#b9b8cf;--surface-notice:#151525;--button-red-top:#ff4254;--button-red-bottom:#e80029;--button-red-bevel:#a80029;--button-red-highlight:#ff929e;--button-blue-top:#3385ff;--button-blue-bottom:#0645fa;--button-blue-bevel:#082cb2;--button-blue-highlight:#6cbbff;--white:#fff;--button-white-bottom:#e5e8ff;--button-white-bevel:#6975e8;--button-white-text:#111225;--button-dark-top:#3b4170;--button-dark-bottom:#262a4d;--button-dark-bevel:#11132b;--button-dark-highlight:#5a62a0;--button-green-top:#5cf29a;--button-green-bottom:#18b863;--button-green-bevel:#0d6b3c;--button-green-highlight:#b4ffd2;--button-green-text:#062314;--button-housing-top:#363047;--button-housing-bottom:#080912;--button-housing-highlight:#494059;--button-housing-edge:#01020a;--dialog-top:#22274a;--dialog-bottom:#121530;--dialog-rim:#464c85;--dialog-band-top:#2f7bff;--dialog-band-bottom:#1747d8;--dialog-band-edge:#0b2a8f;--dialog-border:#393757;--panel-divider:#363953;--surface-close:#292b45;--field-border:#454966;--field-caret:#388bff;--action-secondary:#2158e9;--text-note:#b8bdd6;--text-muted:#b4b9d5;--text-rank:#92abff;--reward-gold:#ffd166;--text-accent:#829eff;--text-rules:#ffb6bf;--range-accent:#326cff;--text-profile:#dddfff;--text-model-status:#d0d2ed;--player-red:#ff2a48;--player-red-dark:#400417;--player-red-bright:#ff6778;--player-blue:#0978ff;--player-blue-dark:#071e54;--player-blue-bright:#38bdff;--ready-background:#172e25;--ready-border:#64df9c;--ready-check:#91ffc0;--surface-orientation:#0b1024;--text-orientation:#e0e5ff;--shadow-strong:#0009;--shadow-medium:#0007;--shadow-soft:#0005;--shade-subtle:#0002;--shadow-dialog:#000a;--font-family:Montserrat, sans-serif;--font-weight-display:900;--font-weight-strong:700;--font-size-note:12px;--font-size-body:15px;--font-size-panel-title:30px;--line-height-body:1.65;--line-height-action:1.1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--radius-control:10px;--radius-card:16px;--radius-dialog:24px;--radius-pill:999px;--touch-target:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--plate-top:#232951;--plate-bottom:#0f1330;--glow-red:0 0 1.6em #ff293f66;--glow-blue:0 0 1.6em #1164ff66;--glow-ready:0 0 .6em #2cf16a88;--online:#2cf16a;--event-halloween:#ff8a16;--dialog-shadow:0 24px 80px var(--shadow-dialog);--surface-inset:#0b0d22;--focus-width:3px;--focus-offset:2px;--duration-press:70ms;--duration-release:.28s;--duration-enter:.3s;--duration-exit:.18s;--duration-screen:.2s;--duration-screen-exit:.15s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, .75, .2);--ease-spring:cubic-bezier(.3, 1.6, .4, 1);--press-scale:.94;--ease-orientation:var(--ease-out);--duration-orientation:3.2s;font-family:var(--font-family);color:var(--text-primary);background:var(--surface-page);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}:focus-visible,:root[data-input=gamepad] :focus{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}::selection{background:var(--selection);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.game-list-motion>*{animation:game-rise var(--duration-enter) var(--ease-out) backwards}.game-list-motion>:first-child{animation-delay:0s}.game-list-motion>:nth-child(2){animation-delay:30ms}.game-list-motion>:nth-child(3){animation-delay:60ms}.game-list-motion>:nth-child(4){animation-delay:90ms}.game-list-motion>:nth-child(5){animation-delay:.12s}.game-list-motion>:nth-child(6){animation-delay:.15s}.game-list-motion>:nth-child(7){animation-delay:.18s}.game-list-motion>:nth-child(8){animation-delay:.21s}.game-list-motion>:nth-child(9){animation-delay:.24s}.game-list-motion>:nth-child(10){animation-delay:.27s}.game-count-motion{animation:game-pop var(--duration-enter) var(--ease-spring) backwards;display:inline-block}@keyframes game-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes game-rise{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes game-drop{0%{opacity:0;translate:0 -14px}to{opacity:1;translate:0}}@keyframes game-fade-out{to{opacity:0;scale:.9}}.app-notice{text-align:center;background:radial-gradient(#1a2050 0%,#0a0d22 70%) 50%/cover,#0a0d22;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.app-notice>*{animation:game-rise var(--duration-enter) var(--ease-out) both}.app-notice h1{font-size:clamp(30px,5vw,56px);font-weight:var(--font-weight-display);text-shadow:0 4px #05061a;margin:0;font-style:italic;line-height:1.05}.app-notice .app-notice-action{margin-top:6px;font-size:clamp(18px,2.2vw,28px)}.app-notice p{color:#b9c2ea;max-width:32em;margin:0;font-size:clamp(16px,1.8vw,22px);font-weight:700}.app-notice .app-notice-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.app-notice .app-notice-form input{width:12em;font-size:clamp(18px,2.2vw,26px);font-weight:var(--font-weight-strong)}.app-notice .app-notice-form small{color:#8e97c4;flex-basis:100%;min-height:1.4em;font-size:clamp(14px,1.5vw,18px);font-weight:700}.app-notice .app-notice-form small.is-error{color:#ff6b7d}