:root{--bg: #0b0a16;--panel: #131029;--deep: #0a0820;--board: #100d24;--line: #3b3570;--line2: #2b2750;--line3: #4b429a;--cell: #171335;--cellb: #221d47;--dim: #7a74b8;--dim2: #4c4682;--off: #26303f;--cyan: #00e5ff;--cyan-l: #7ff3ff;--cyan-d: #06414f;--mag: #ff3ea5;--mag-l: #ff9ed0;--mag-d: #61063a;--yel: #ffe14d;--yel-l: #fff3a8;--yel-d: #6b5200;--grn: #4dff88;--grn-l: #a9ffc6;--grn-d: #0a5c2b;--blu: #3a7bff;--blu-l: #9dbcff;--blu-d: #0a2a73;--red: #ff5a3c;--red-l: #ffb3a3;--red-d: #6b1a0a;--pur: #b06bff;--pur-l: #d9b6ff;--pur-d: #3d0d73;--c-bg: var(--bg);--c-panel: var(--panel);--c-deep: var(--deep);--c-board: var(--board);--c-panel-border: var(--line);--c-panel-border-muted: var(--line2);--c-board-border: var(--line3);--c-cell-empty: var(--cell);--c-cell-border: var(--cellb);--c-off: var(--off);--c-text-dim: var(--dim);--c-text-dimmer: var(--dim2);--c-text: #efecff;--c-cyan: var(--cyan);--c-cyan-light: var(--cyan-l);--c-cyan-shadow: var(--cyan-d);--c-magenta: var(--mag);--c-magenta-light: var(--mag-l);--c-magenta-shadow: var(--mag-d);--c-yellow: var(--yel);--c-yellow-light: var(--yel-l);--c-yellow-shadow: var(--yel-d);--c-green: var(--grn);--c-green-light: var(--grn-l);--c-green-shadow: var(--grn-d);--c-blue: var(--blu);--c-blue-light: var(--blu-l);--c-blue-shadow: var(--blu-d);--c-red: var(--red);--c-red-light: var(--red-l);--c-red-shadow: var(--red-d);--c-purple: var(--pur);--c-purple-light: var(--pur-l);--c-purple-shadow: var(--pur-d);--role-p1: var(--c-cyan);--role-p1-light: var(--c-cyan-light);--role-p1-shadow: var(--c-cyan-shadow);--role-p2: var(--c-magenta);--role-p2-light: var(--c-magenta-light);--role-p2-shadow: var(--c-magenta-shadow);--role-accent: var(--c-yellow);--role-accent-light: var(--c-yellow-light);--role-accent-shadow: var(--c-yellow-shadow);--role-positive: var(--c-green);--role-positive-light: var(--c-green-light);--role-positive-shadow: var(--c-green-shadow);--role-danger: var(--c-red);--role-danger-light: var(--c-red-light);--role-danger-shadow: var(--c-red-shadow);--role-info: var(--c-blue);--role-info-light: var(--c-blue-light);--role-info-shadow: var(--c-blue-shadow);--role-special: var(--c-purple);--role-special-light: var(--c-purple-light);--role-special-shadow: var(--c-purple-shadow);--role-muted: var(--c-text-dimmer);--role-muted-light: var(--c-text-dim);--role-muted-shadow: #0d0b1f;--design-w: 1080;--design-h: 1920;--u: min(100dvw / 1080, 100dvh / 1920);--screen-w: calc(var(--design-w) * var(--u));--screen-h: calc(var(--design-h) * var(--u));--player-panel-h: calc(225 * var(--u));--board-max-w: calc(1000 * var(--u));--safe-top: max(var(--sp-2), env(safe-area-inset-top));--safe-right: max(var(--sp-3), env(safe-area-inset-right));--safe-bottom: max(var(--sp-2), env(safe-area-inset-bottom));--safe-left: max(var(--sp-3), env(safe-area-inset-left));--font-pixel: "Press Start 2P", "Courier New", monospace;--fs-100: calc(24 * var(--u));--fs-200: calc(32 * var(--u));--fs-300: calc(40 * var(--u));--fs-400: calc(56 * var(--u));--fs-500: calc(80 * var(--u));--fs-600: calc(112 * var(--u));--lh-tight: 1.35;--lh: 1.65;--tracking: .02em;--sp-1: calc(8 * var(--u));--sp-2: calc(16 * var(--u));--sp-3: calc(24 * var(--u));--sp-4: calc(32 * var(--u));--sp-5: calc(48 * var(--u));--sp-6: calc(64 * var(--u));--sp-7: calc(96 * var(--u));--bw: max(2px, calc(3 * var(--u)));--shadow-off: max(2px, calc(4 * var(--u)));--hard-shadow-color: #000;--hard-shadow: var(--shadow-off) var(--shadow-off) 0 var(--hard-shadow-color);--scanline-fill: repeating-linear-gradient(180deg, rgb(0 0 0 / .32) 0 2px, transparent 2px 4px);--vignette: inset 0 0 60px rgb(10 0 30 / .95);--z-board: 1;--z-entities: 2;--z-glow: 3;--z-fx: 4;--z-hud: 10;--z-overlay: 50;--z-toast: 60;--z-screen-fx: 100;--z-debug: 1000;--motion-move: .12s;--motion-merge: .1s;--motion-spawn: .1s;--motion-remove: .09s;--motion-glow: .18s;--motion-ui: .12s}@media(prefers-reduced-motion:reduce){:root{--motion-move: 1ms;--motion-merge: 1ms;--motion-spawn: 1ms;--motion-remove: 1ms;--motion-glow: 1ms;--motion-ui: 1ms}}@font-face{font-family:"Press Start 2P";src:url(./PressStart2P-subset-_ZP8ZFeC.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--c-bg)}body{font-family:var(--font-pixel);font-size:var(--fs-100);line-height:var(--lh);letter-spacing:var(--tracking);color:var(--c-text);text-transform:uppercase;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,input,select{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:none}button{cursor:pointer}button:disabled{cursor:default}img,svg{display:block;max-width:100%}svg,img[data-pixel]{image-rendering:pixelated;shape-rendering:crispEdges}ul,ol{list-style:none}a{color:var(--role-accent);text-decoration:none}:focus-visible{outline:var(--bw) solid var(--role-accent-light);outline-offset:var(--sp-1)}.scroll-y{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-frame{position:fixed;inset:0;display:grid;place-items:center;background:#05040d}.app-frame__inner{position:relative;width:calc(var(--design-w) * var(--u));height:calc(var(--design-h) * var(--u));overflow:hidden;background:var(--c-bg);transform:translateZ(0);contain:strict}@media(max-width:900px){.app-frame__inner{width:100dvw;height:100dvh}}.app-view{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:max(var(--sp-2),env(safe-area-inset-top));padding-right:max(var(--sp-3),env(safe-area-inset-right));padding-bottom:max(var(--sp-2),env(safe-area-inset-bottom));padding-left:max(var(--sp-3),env(safe-area-inset-left))}.screen-fx{position:absolute;inset:0;z-index:var(--z-screen-fx);pointer-events:none;transform:translateZ(0)}.screen-fx__scanlines{position:absolute;inset:0;background:var(--scanline-fill);mix-blend-mode:multiply;transform:translateZ(0)}.screen-fx__vignette{position:absolute;inset:0;box-shadow:var(--vignette)}@media(prefers-reduced-motion:reduce){.screen-fx{opacity:.85}}.view{display:flex;flex:1;flex-direction:column;width:100%;min-width:0;min-height:0;gap:var(--sp-3)}.view__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:calc(88 * var(--u))}.view__title{min-width:0;overflow:hidden;font-size:var(--fs-300);white-space:nowrap;text-overflow:clip;color:var(--role-accent);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.view__body{display:flex;flex:1;flex-direction:column;min-height:0;gap:var(--sp-3)}.view__footer{display:flex;flex:0 0 auto;gap:var(--sp-2)}.view__placeholder{display:grid;flex:1;place-items:center;padding:var(--sp-4);color:var(--c-text-dimmer);font-size:var(--fs-100);line-height:var(--lh);text-align:center;white-space:pre-line;border:var(--bw) dashed var(--c-panel-border)}.panel{--hard-shadow-color: var(--role-muted-shadow);position:relative;padding:var(--sp-3);background:var(--c-panel);border:var(--bw) solid var(--c-panel-border);border-radius:calc(16 * var(--u));box-shadow:var(--hard-shadow)}.panel--accent{--hard-shadow-color: var(--role-accent-shadow);border-color:var(--role-accent-light)}.panel--p1{--hard-shadow-color: var(--role-p1-shadow);border-color:var(--role-p1-light)}.panel--p2{--hard-shadow-color: var(--role-p2-shadow);border-color:var(--role-p2-light)}.panel--positive{--hard-shadow-color: var(--role-positive-shadow);border-color:var(--role-positive-light)}.panel--danger{--hard-shadow-color: var(--role-danger-shadow);border-color:var(--role-danger-light)}.panel--muted{border-style:dashed;border-color:var(--role-muted);box-shadow:none}.panel__title{margin-bottom:var(--sp-2);color:var(--c-text-dim);font-size:var(--fs-100)}.btn{--btn-color: var(--role-accent);--btn-light: var(--role-accent-light);--btn-shadow: var(--role-accent-shadow);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;min-height:calc(96 * var(--u));padding:var(--sp-2) var(--sp-3);min-width:0;overflow:hidden;color:var(--btn-color);font-size:var(--fs-200);text-align:center;white-space:nowrap;background:var(--panel);border:var(--bw) solid var(--btn-color);border-radius:calc(16 * var(--u));box-shadow:0 0 calc(36 * var(--u)) var(--btn-glow, rgb(255 225 77 / .28));text-shadow:0 0 calc(20 * var(--u)) var(--btn-glow, rgb(255 225 77 / .6));transition:transform var(--motion-ui) steps(2,end),box-shadow var(--motion-ui) steps(2,end)}.btn:active:not(:disabled){transform:translate3d(var(--shadow-off),var(--shadow-off),0);box-shadow:0 0 0 transparent}.btn--p1{--btn-color: var(--role-p1);--btn-light: var(--role-p1-light);--btn-shadow: var(--role-p1-shadow);--btn-glow: rgb(0 229 255 / .38)}.btn--p2{--btn-color: var(--role-p2);--btn-light: var(--role-p2-light);--btn-shadow: var(--role-p2-shadow);--btn-glow: rgb(255 62 165 / .38)}.btn--positive{--btn-color: var(--role-positive);--btn-light: var(--role-positive-light);--btn-shadow: var(--role-positive-shadow);--btn-glow: rgb(77 255 136 / .38)}.btn--danger{--btn-color: var(--role-danger);--btn-light: var(--role-danger-light);--btn-shadow: var(--role-danger-shadow);--btn-glow: rgb(255 90 60 / .38)}.btn--ghost{--btn-color: var(--c-text-dim);--btn-light: var(--c-panel-border);--btn-shadow: var(--role-muted-shadow);--btn-glow: transparent;color:var(--c-text-dim)}.btn__label{min-width:0;overflow:hidden;text-overflow:clip}.btn:disabled,.btn[aria-disabled=true]{color:var(--c-text-dimmer);background:transparent;border-style:dashed;border-color:var(--role-muted);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-muted-shadow)}.segbar{display:flex;gap:calc(4 * var(--u));align-items:stretch;height:calc(28 * var(--u));padding:calc(4 * var(--u));background:var(--c-cell-empty);border:var(--bw) solid var(--c-panel-border)}.segbar__seg{flex:1;background:var(--c-panel)}.segbar__seg--on{background:var(--segbar-color, var(--role-positive))}.segbar--danger .segbar__seg--on{background:var(--role-danger)}.avatar{flex:none;width:calc(96 * var(--u));height:calc(96 * var(--u));background:var(--c-cell-empty);border:var(--bw) solid var(--c-panel-border);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-muted-shadow)}.avatar--p1{border-color:var(--role-p1-light);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p1-shadow)}.avatar--p2{border-color:var(--role-p2-light);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p2-shadow)}.avatar--sm{width:calc(64 * var(--u));height:calc(64 * var(--u))}.avatar--fill{width:100%;height:auto;aspect-ratio:1}.avatar--game{width:calc(102 * var(--u));height:calc(102 * var(--u));box-shadow:none}.avatar--hit{background:#3a0f18;border-color:var(--red)}.avatar--empty{background:var(--deep);border-style:dashed;border-color:var(--line3);box-shadow:none}.avatar>svg{width:100%;height:100%}.rows{display:flex;flex-direction:column;gap:var(--sp-1)}.row{display:grid;grid-template-columns:calc(64 * var(--u)) minmax(0,1fr) auto;gap:var(--sp-2);align-items:center;min-height:calc(104 * var(--u));padding:0 var(--sp-2);width:100%;min-width:0;overflow:hidden;background:var(--c-panel);border:max(2px,calc(6 * var(--u))) solid var(--c-panel-border-muted);border-radius:calc(11 * var(--u))}.row--self{border-color:var(--role-accent-light);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.row__rank{color:var(--c-text-dim);font-size:var(--fs-100);text-align:right}.row__rank--top{color:var(--role-accent)}.row__name{min-width:0;overflow:hidden;font-size:var(--fs-100);white-space:nowrap;text-overflow:ellipsis}.row__value{color:var(--role-accent);font-size:var(--fs-200)}.badge{display:inline-block;flex:0 0 auto;padding:var(--sp-1) var(--sp-2);color:var(--c-text-dim);font-size:var(--fs-100);background:var(--deep);border:max(2px,calc(4 * var(--u))) solid var(--c-panel-border)}.badge--cyan{color:#02323c;background:var(--c-cyan);border-color:var(--c-cyan-light);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--c-cyan-shadow)}.stat{display:flex;flex-direction:column;gap:var(--sp-1)}.stat__label{color:var(--c-text-dimmer);font-size:var(--fs-100)}.stat__value{color:var(--role-accent);font-size:var(--fs-300);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.tabs{display:flex;gap:var(--sp-1)}.tab{flex:1;min-height:calc(72 * var(--u));padding:var(--sp-1);color:var(--c-text-dim);font-size:var(--fs-100);background:var(--c-panel);border:var(--bw) solid var(--c-panel-border)}.tab:disabled{color:var(--c-text-dimmer);border-style:dashed}.tab[aria-selected=true]{color:var(--c-bg);background:var(--role-accent);border-color:var(--role-accent-light)}.field{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;min-width:0}.field__label,.field__error{color:var(--c-text-dim);font-size:var(--fs-100)}.field__control{width:100%;min-width:0;min-height:calc(96 * var(--u));padding:var(--sp-2) var(--sp-3);color:var(--c-text);background:var(--c-deep);border:var(--bw) solid var(--c-panel-border);border-radius:calc(11 * var(--u));caret-color:var(--role-p1)}.field__control::placeholder{color:var(--c-text-dimmer)}.field__control:focus{border-color:var(--role-p1);outline:none;box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p1-shadow)}.field--error .field__control{border-color:var(--role-danger);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-danger-shadow)}.field--error .field__error{color:var(--role-danger)}.field__control:disabled{color:var(--c-text-dimmer);border-style:dashed}.topbar__back,.topbar__spacer{flex:0 0 auto;width:calc(72 * var(--u));height:calc(72 * var(--u))}.topbar__back{color:var(--c-text-dim);display:grid;place-items:center;background:var(--c-panel);border:var(--bw) solid var(--c-panel-border)}@media(prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}}.topbar__back:active{color:var(--role-accent)}.checkbox{display:flex;flex:none;gap:var(--sp-2);align-items:center;min-width:0}.checkbox__box{flex:none;width:calc(44 * var(--u));height:calc(44 * var(--u));background:var(--c-deep);border:var(--bw) solid var(--c-panel-border)}.checkbox__box--on{background:var(--role-p1);border-color:var(--role-p1-light)}.checkbox__label{min-width:0;overflow:hidden;color:var(--c-text-dim);font-size:var(--fs-100);letter-spacing:.08em;white-space:nowrap;text-overflow:clip}.checkbox:focus-visible .checkbox__box{border-color:var(--role-p1);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p1-shadow)}.checkbox:disabled .checkbox__box{border-style:dashed}.checkbox:disabled .checkbox__label{color:var(--c-text-dimmer)}.game-area{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0;contain:layout paint}.board{--board-w: calc(1000 * var(--u));--board-pad: calc(14 * var(--u));--board-gap: calc(14 * var(--u));--cols: 4;--rows: 4;--cell: calc( (var(--board-w) - 2 * var(--board-pad) - (var(--cols) - 1) * var(--board-gap)) / var(--cols) );--step: calc(var(--cell) + var(--board-gap));--board-h: calc( var(--rows) * var(--cell) + (var(--rows) - 1) * var(--board-gap) + 2 * var(--board-pad) );position:relative;width:var(--board-w);height:var(--board-h);max-width:100%;min-width:0;background:var(--c-panel);border:var(--bw) solid var(--c-board-border);box-shadow:var(--shadow-off) var(--shadow-off) 0 #06041a;transform:translateZ(0)}.board__cells,.board__entities{position:absolute;inset:var(--board-pad)}.board__cells{z-index:var(--z-board)}.board__entities{z-index:var(--z-entities);touch-action:none}.cell{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell);min-width:0;aspect-ratio:1;background:var(--c-cell-empty);border:var(--bw) solid #221c47}.entity{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell);min-width:0;aspect-ratio:1;will-change:transform;transform:translateZ(0);pointer-events:none}.entity[hidden]{display:none}.entity__face{--hard-shadow-color: var(--entity-shadow, var(--role-p1-shadow));position:absolute;inset:0;display:grid;place-items:center;color:var(--c-bg);font-size:var(--fs-300);background:var(--entity-color, var(--role-p1));border:var(--bw) solid var(--entity-light, var(--role-p1-light));box-shadow:var(--hard-shadow)}.entity__glow{position:absolute;inset:calc(-6 * var(--u));box-shadow:0 0 calc(24 * var(--u)) calc(4 * var(--u)) var(--entity-color, var(--role-p1));opacity:0;will-change:opacity;pointer-events:none}.entity[data-tone=p1]{--entity-color: var(--role-p1);--entity-light: var(--role-p1-light);--entity-shadow: var(--role-p1-shadow)}.entity[data-tone=p2]{--entity-color: var(--role-p2);--entity-light: var(--role-p2-light);--entity-shadow: var(--role-p2-shadow)}.entity[data-tone=accent]{--entity-color: var(--role-accent);--entity-light: var(--role-accent-light);--entity-shadow: var(--role-accent-shadow)}.entity[data-tone=positive]{--entity-color: var(--role-positive);--entity-light: var(--role-positive-light);--entity-shadow: var(--role-positive-shadow)}.entity[data-tone=info]{--entity-color: var(--role-info);--entity-light: var(--role-info-light);--entity-shadow: var(--role-info-shadow)}.entity[data-tone=danger]{--entity-color: var(--role-danger);--entity-light: var(--role-danger-light);--entity-shadow: var(--role-danger-shadow)}.entity[data-tone=special]{--entity-color: var(--role-special);--entity-light: var(--role-special-light);--entity-shadow: var(--role-special-shadow)}.entity[data-value="2"]{--entity-color: var(--cyan);--entity-light: var(--cyan-l);--entity-shadow: var(--cyan-d)}.entity[data-value="4"]{--entity-color: var(--mag);--entity-light: var(--mag-l);--entity-shadow: var(--mag-d)}.entity[data-value="8"]{--entity-color: var(--yel);--entity-light: var(--yel-l);--entity-shadow: var(--yel-d)}.entity[data-value="16"]{--entity-color: var(--grn);--entity-light: var(--grn-l);--entity-shadow: var(--grn-d)}.entity[data-value="32"]{--entity-color: var(--blu);--entity-light: var(--blu-l);--entity-shadow: var(--blu-d)}.entity[data-value="64"]{--entity-color: var(--red);--entity-light: var(--red-l);--entity-shadow: var(--red-d)}.entity[data-value="128"]{--entity-color: var(--pur);--entity-light: var(--pur-l);--entity-shadow: var(--pur-d)}.entity[data-value="256"]{--entity-color: var(--yel);--entity-light: var(--yel-l);--entity-shadow: var(--yel-d)}.entity[data-value="512"]{--entity-color: var(--mag);--entity-light: #fff;--entity-shadow: var(--mag-d)}.entity[data-value="1024"]{--entity-color: #fff;--entity-light: var(--cyan-l);--entity-shadow: var(--cyan-d)}.entity[data-value="2048"]{--entity-color: var(--yel);--entity-light: var(--yel-l);--entity-shadow: var(--yel-d)}.entity[data-value="64"] .entity__face,.entity[data-value="128"] .entity__face,.entity[data-value="256"] .entity__face{font-size:var(--fs-300)}.entity[data-value="512"] .entity__face,.entity[data-value="1024"] .entity__face,.entity[data-value="2048"] .entity__face{font-size:var(--fs-200)}.entity[data-value="512"] .entity__face,.entity[data-value="1024"] .entity__face,.entity[data-value="2048"] .entity__face{color:#1b1230}.entity--charged .entity__face{background:#fff;border-color:var(--cyan-l)}.fx-layer{position:absolute;inset:0;z-index:var(--z-fx);pointer-events:none;transform:translateZ(0)}.fx{position:absolute;top:0;left:0;visibility:hidden;opacity:0;will-change:transform,opacity;transform:translateZ(0)}.fx--active{visibility:visible}.fx--pulse{width:var(--cell, calc(200 * var(--u)));height:var(--cell, calc(200 * var(--u)));border:var(--bw) solid var(--fx-color, var(--role-accent-light))}.fx--burst{width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--fx-color, var(--role-accent))}.battle-view{position:relative;isolation:isolate}.combat-fx-layer{position:absolute;inset:0;z-index:var(--z-overlay);overflow:hidden;pointer-events:none;transform:translateZ(0);contain:layout paint}.combat-effect{position:absolute;inset:0;visibility:hidden;pointer-events:none}.combat-effect--active{visibility:visible}.combat-beam,.combat-impact,.combat-damage,.combat-ko{position:absolute;top:0;left:0;will-change:transform,opacity}.combat-beam{--beam-color: var(--cyan);--beam-light: var(--cyan-l);width:calc(38 * var(--u));height:var(--beam-length, 0);translate:-50% 0}.combat-effect--p2 .combat-beam{--beam-color: var(--mag);--beam-light: var(--mag-l)}.combat-effect--power .combat-beam{width:calc(60 * var(--u))}.combat-beam__core,.combat-beam__block{position:absolute;display:block;left:50%;translate:-50% 0;background:var(--beam-color)}.combat-beam__core{top:0;width:calc(8 * var(--u));height:100%;background:#fff}.combat-beam__block:nth-child(2){top:3%;width:62%;height:7%}.combat-beam__block:nth-child(3){top:14%;width:100%;height:6%;background:var(--beam-light)}.combat-beam__block:nth-child(4){top:26%;width:42%;height:10%;background:#fff}.combat-beam__block:nth-child(5){top:40%;width:82%;height:6%}.combat-beam__block:nth-child(6){top:53%;width:54%;height:8%;background:var(--beam-light)}.combat-beam__block:nth-child(7){top:66%;width:92%;height:7%}.combat-beam__block:nth-child(8){top:78%;width:45%;height:10%;background:#fff}.combat-beam__block:nth-child(9){top:90%;width:76%;height:7%}.combat-beam__block:nth-child(10){top:97%;width:100%;height:3%;background:var(--beam-light)}.combat-impact{width:calc(118 * var(--u));height:calc(118 * var(--u));translate:-50% -50%}.combat-impact>i{position:absolute;width:calc(18 * var(--u));height:calc(18 * var(--u));background:var(--red)}.combat-impact>i:nth-child(1){left:42%;top:0;background:#fff}.combat-impact>i:nth-child(2){left:42%;bottom:0;background:var(--yel)}.combat-impact>i:nth-child(3){left:0;top:42%;background:var(--mag)}.combat-impact>i:nth-child(4){right:0;top:42%;background:var(--cyan)}.combat-impact>i:nth-child(5){left:15%;top:15%}.combat-impact>i:nth-child(6){right:15%;top:15%;background:#fff}.combat-impact>i:nth-child(7){left:15%;bottom:15%;background:var(--yel)}.combat-impact>i:nth-child(8){right:15%;bottom:15%}.combat-impact>i:nth-child(9){left:42%;top:28%;background:var(--red-l)}.combat-impact>i:nth-child(10){left:28%;top:42%;background:#fff}.combat-impact>i:nth-child(11){right:28%;top:42%;background:#fff}.combat-impact>i:nth-child(12){left:42%;bottom:28%;background:var(--red-l)}.combat-impact>i:nth-child(13){left:42%;top:42%;background:var(--yel)}.combat-damage{translate:-50% -50%;color:var(--red);font-size:var(--fs-400);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--red-d);white-space:nowrap}.combat-ko{top:48%;left:50%;translate:-50% -50%;color:var(--red);font-size:var(--fs-600);white-space:nowrap;text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--red-d),calc(var(--shadow-off) * -1) calc(var(--shadow-off) * -1) 0 #fff}.hpJ>i.fx-dying{background:#fff}.hpJ>i.fx-dead{background:#5c1a14}@media(prefers-reduced-motion:reduce){.combat-beam,.combat-impact,.combat-damage,.combat-ko{will-change:auto}}.board-hud{display:flex;gap:var(--sp-2);align-items:center;justify-content:space-between;width:calc(1000 * var(--u))}.pixel-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.pixel-icon{width:var(--pixel-icon-size);height:var(--pixel-icon-size);flex:none;overflow:visible;color:inherit;shape-rendering:crispEdges}.phone{position:relative;width:var(--screen-w);height:var(--screen-h);max-width:100dvw;max-height:100dvh;overflow:hidden;background:var(--bg);contain:strict}.lbl{color:var(--dim);font-size:var(--fs-100);letter-spacing:.08em}.tiny{color:var(--dim2);font-size:var(--fs-100);line-height:2}.logo{color:var(--cyan);font-size:var(--fs-400);text-shadow:0 0 calc(24 * var(--u)) rgb(0 229 255 / .7),calc(8 * var(--u)) calc(8 * var(--u)) 0 #7a0b5e}.bar,.rowA,.rowB,.hpJ,.cmbJ,.nextbar,.opt,.mb,.tst,.ach{min-width:0}.bar,.rowB,.cmbJ,.nextbar,.opt{display:flex;align-items:center;justify-content:space-between}.duoJ{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(23 * var(--u));width:100%}.pnJ{display:flex;flex-direction:column;justify-content:space-between;height:var(--player-panel-h);min-width:0;padding:calc(20 * var(--u));overflow:hidden;background:var(--panel);border:var(--bw) solid var(--line2);border-radius:calc(14 * var(--u));contain:layout paint}.pnJ.p1{border-color:var(--cyan);box-shadow:0 0 calc(34 * var(--u)) #00e5ff47}.pnJ.p2{border-color:var(--mag);box-shadow:0 0 calc(34 * var(--u)) #ff3ea547}.pnJ.hurt{background:#2a1020;border-color:var(--red);box-shadow:0 0 calc(62 * var(--u)) #ff5a3c8c}.pnJ.empty{background:#0f0d22;border-style:dashed;border-color:var(--line3)}.rowA{display:flex;align-items:center;gap:calc(20 * var(--u))}.rowA>:not(.avatar):not(.avJ),.rowB>:first-child,.mb>:not(.ic):not(.pixel-icon),.tst>:not(.ico):not(.pixel-icon),.ach>:not(.abox):not(.pixel-icon){min-width:0}.avJ{width:calc(102 * var(--u));height:calc(102 * var(--u));flex:none}.nmJ{flex:1;min-width:0;overflow:hidden;font-size:var(--fs-200);white-space:nowrap;text-overflow:clip}.lvJ{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--dim);font-size:var(--fs-100);white-space:nowrap;text-overflow:ellipsis}.scJ{flex:none;min-width:5ch;max-width:7ch;overflow:hidden;color:var(--yel);font-size:var(--fs-200);text-align:right;white-space:nowrap;text-shadow:calc(5 * var(--u)) calc(5 * var(--u)) 0 var(--yel-d)}.rowB{gap:calc(16 * var(--u))}.pnJ[data-player-status=READY] .lvJ,.pnJ[data-player-status=LISTO] .lvJ{color:var(--grn)}.pnJ[data-player-status=READY] .scJ,.pnJ[data-player-status=LISTO] .scJ{color:var(--dim2);text-shadow:none}.pnJ.attacking{border-color:var(--cyan-l);box-shadow:0 0 calc(54 * var(--u)) #00e5ff80}.pnJ.attacking .lvJ{color:var(--cyan-l)}.pnJ.hurt .lvJ,.pnJ.hurt .scJ{color:var(--red-l);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--red-d)}.hpJ{display:flex;gap:calc(5 * var(--u))}.hpJ>i{height:calc(28 * var(--u));flex:1 1 0;min-width:0;background:var(--off);border:max(1px,calc(2 * var(--u))) solid rgb(0 0 0 / .55)}.hpJ>.g{background:var(--grn)}.hpJ>.r{background:var(--red)}.hpJ>.w{background:#fff}.hpJ>.d{background:#5c1a14}.hpJ>.n{background:#1e2430}.cmbJ{min-height:calc(74 * var(--u));padding:calc(14 * var(--u)) calc(26 * var(--u));overflow:hidden;font-size:var(--fs-100);background:var(--deep);border:max(2px,calc(6 * var(--u))) solid var(--line2);border-radius:calc(11 * var(--u))}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20 * var(--u));width:100%}.c,.t{width:100%;min-width:0;aspect-ratio:1;align-self:start}.c{background:var(--cell);border:max(2px,calc(6 * var(--u))) solid var(--cellb);border-radius:calc(6 * var(--u))}.t{display:grid;place-items:center;color:var(--bg);font-size:var(--fs-400);text-shadow:calc(5 * var(--u)) calc(5 * var(--u)) 0 rgb(0 0 0 / .5);border:var(--bw) solid;border-radius:calc(6 * var(--u))}.t.v2{background:var(--cyan);border-color:var(--cyan-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--cyan-d);color:#02323c}.t.v4{background:var(--mag);border-color:var(--mag-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--mag-d);color:#3d0223}.t.v8{background:var(--yel);border-color:var(--yel-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--yel-d);color:#3d2f00}.t.v16{background:var(--grn);border-color:var(--grn-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--grn-d);color:#04381a}.t.v32{background:var(--blu);border-color:var(--blu-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--blu-d);color:#e8f0ff}.t.v64{background:var(--red);border-color:var(--red-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--red-d);color:#3d0d04;font-size:var(--fs-300)}.t.v128{background:var(--pur);border-color:var(--pur-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--pur-d);color:#f2e6ff;font-size:var(--fs-300)}.t.v256{background:var(--yel);border-color:var(--yel-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--yel-d);color:#3d2f00;font-size:var(--fs-300)}.t.v512{background:var(--mag);border-color:#fff;box-shadow:0 0 calc(40 * var(--u)) #ff3ea5b8,var(--shadow-off) var(--shadow-off) 0 var(--mag-d);color:#fff;font-size:var(--fs-300)}.t.v1024{background:#fff;border-color:var(--cyan-l);box-shadow:0 0 calc(51 * var(--u)) #00e5ffe6,var(--shadow-off) var(--shadow-off) 0 var(--cyan-d);color:#02323c;font-size:var(--fs-200)}.t.v2048{background:var(--yel);border-color:var(--yel-l);box-shadow:0 0 calc(51 * var(--u)) #ffe14dbf,var(--shadow-off) var(--shadow-off) 0 var(--yel-d);color:#3d2f00;font-size:var(--fs-200)}.ovJ,.effect-layer,.damage-number,.pixel-burst{position:absolute;z-index:var(--z-overlay);pointer-events:none}.ovJ{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);background:#0b0a16c7}.nextbar{min-height:calc(102 * var(--u));padding:calc(26 * var(--u));background:var(--panel);border:var(--bw) solid var(--line);border-radius:calc(14 * var(--u))}.chip,.ic,.ico,.abox,.codebox{flex:none}.chip{width:calc(45 * var(--u));height:calc(45 * var(--u));border:max(2px,calc(6 * var(--u))) solid}.opt,.mb,.tst,.ach{width:100%;overflow:hidden;background:var(--panel);border:max(2px,calc(6 * var(--u))) solid var(--line2);border-radius:calc(11 * var(--u))}.opt{min-height:calc(111 * var(--u));padding:calc(28 * var(--u))}.mb{display:flex;align-items:center;gap:calc(28 * var(--u));min-height:calc(159 * var(--u));padding:calc(31 * var(--u));text-align:left}.mb--featured{border-color:var(--mb-tone, var(--mag));box-shadow:0 0 calc(34 * var(--u)) var(--mb-glow, rgb(255 62 165 / .28))}.mb .ic{display:grid;place-items:center;width:calc(96 * var(--u));height:calc(96 * var(--u));border:max(2px,calc(6 * var(--u))) solid}.mb .t1{overflow:hidden;font-size:var(--fs-200);white-space:nowrap}.mb .t2{margin-top:var(--sp-2);overflow:hidden;color:var(--dim);font-size:var(--fs-100);line-height:1.8;white-space:nowrap}.mb__copy,.tst__copy,.ach__copy{display:flex;flex:1;flex-direction:column;justify-content:center;gap:var(--sp-2);min-width:0}.mb--cyan{color:var(--cyan)}.mb--cyan .ic{background:var(--cyan);border-color:var(--cyan-l);box-shadow:var(--hard-shadow);color:#02323c;--hard-shadow-color: var(--cyan-d)}.mb--mag{color:var(--mag)}.mb--mag .ic{background:var(--mag);border-color:var(--mag-l);box-shadow:var(--hard-shadow);color:#3d0223;--hard-shadow-color: var(--mag-d)}.mb--yel{color:var(--yel)}.mb--yel .ic{background:var(--yel);border-color:var(--yel-l);box-shadow:var(--hard-shadow);color:#3d2f00;--hard-shadow-color: var(--yel-d)}.mb--grn{color:var(--grn)}.mb--grn .ic{background:var(--grn);border-color:var(--grn-l);box-shadow:var(--hard-shadow);color:#04381a;--hard-shadow-color: var(--grn-d)}.mb--blu{color:var(--blu)}.mb--blu .ic{background:var(--blu);border-color:var(--blu-l);box-shadow:var(--hard-shadow);color:#fff;--hard-shadow-color: var(--blu-d)}.sw{display:flex;align-items:center;width:calc(119 * var(--u));height:calc(54 * var(--u));flex:none;padding:calc(6 * var(--u));background:var(--deep);border:max(2px,calc(6 * var(--u))) solid var(--line)}.sw.on{justify-content:flex-end;border-color:var(--grn)}.knb{width:calc(43 * var(--u));height:calc(37 * var(--u));flex:none;background:var(--line)}.knb.on{background:var(--grn);box-shadow:0 0 calc(23 * var(--u)) #4dff8899}.tst{display:flex;align-items:flex-start;gap:calc(28 * var(--u));min-height:calc(148 * var(--u));padding:calc(31 * var(--u))}.tst .ico{display:grid;flex:none;place-items:center;width:calc(85 * var(--u));height:calc(85 * var(--u));color:var(--tst-glyph);background:var(--tst-accent);border:max(2px,calc(6 * var(--u))) solid var(--tst-accent-light);box-shadow:calc(3 * var(--u)) calc(3 * var(--u)) 0 var(--tst-accent-shadow)}.tst .ty{font-size:var(--fs-100);letter-spacing:.08em}.tst .msg{margin-top:var(--sp-2);overflow:hidden;font-size:var(--fs-100);line-height:1.8}.tst--success{--tst-accent: var(--grn);--tst-accent-light: var(--grn-l);--tst-accent-shadow: var(--grn-d);--tst-glyph: #04381a;color:var(--grn);border-color:var(--grn)}.tst--warning{--tst-accent: var(--yel);--tst-accent-light: var(--yel-l);--tst-accent-shadow: var(--yel-d);--tst-glyph: #3d2f00;color:var(--yel);border-color:var(--yel)}.tst--error{--tst-accent: var(--red);--tst-accent-light: var(--red-l);--tst-accent-shadow: var(--red-d);--tst-glyph: #3d0d04;color:var(--red);background:#1e0e12;border-color:var(--red)}.tst--info{--tst-accent: var(--cyan);--tst-accent-light: var(--cyan-l);--tst-accent-shadow: var(--cyan-d);--tst-glyph: #02323c;color:var(--cyan);border-color:var(--cyan)}.tst .msg{color:var(--c-text)}.tst__action{align-self:flex-start;margin-top:var(--sp-2);padding:var(--sp-2);color:var(--tst-accent-light, var(--red-l));border:max(2px,calc(6 * var(--u))) solid var(--tst-accent-shadow, var(--red-d))}.tst__close{align-self:flex-start;flex:none;padding:var(--sp-1);color:var(--dim);background:none;border:0}.toast-host{position:absolute;top:calc(var(--safe-top) + var(--sp-3));right:var(--safe-right);left:var(--safe-left);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast-host__item{pointer-events:auto;will-change:transform,opacity}.toast-host__item .tst{box-shadow:0 0 calc(14 * var(--u)) color-mix(in srgb,var(--tst-accent) 22%,transparent)}.app-frame__inner[data-route=versus] .toast-host,.app-frame__inner[data-route=solo] .toast-host{top:calc(var(--safe-top) + 430 * var(--u))}.ach{display:flex;gap:calc(26 * var(--u));min-height:calc(159 * var(--u));padding:calc(26 * var(--u))}.ach .abox{display:grid;place-items:center;width:calc(108 * var(--u));height:calc(108 * var(--u));background:var(--deep);border:var(--bw) solid var(--line)}.ach__title{flex:none;overflow:hidden;color:var(--dim);font-size:var(--fs-100);white-space:nowrap;text-overflow:ellipsis}.ach--unlocked{border-color:var(--yel)}.ach--unlocked .abox{color:#3d2f00;background:var(--yel);border-color:var(--yel-l);box-shadow:var(--hard-shadow);--hard-shadow-color: var(--yel-d)}.ach--unlocked .ach__title{color:var(--yel)}.prog{display:flex;flex:none;gap:calc(5 * var(--u));width:100%;margin-top:var(--sp-2)}.prog>i{height:calc(17 * var(--u));flex:1 1 0;min-width:0;background:#1a2030}.prog>i.f{background:var(--cyan)}.prog>i.y{background:var(--yel)}.prog>i.g{background:var(--grn)}.prog>i.r{background:var(--red)}.rows>.row{content-visibility:auto;contain-intrinsic-size:auto calc(104 * var(--u))}@media(prefers-reduced-motion:reduce){.pnJ,.t,.tst,.ach,.mb{scroll-behavior:auto}}.debug-overlay{position:fixed;bottom:max(var(--sp-1),env(safe-area-inset-bottom));left:max(var(--sp-1),env(safe-area-inset-left));z-index:var(--z-debug);display:grid;grid-template-columns:auto auto;gap:0 calc(12 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));font-size:calc(20 * var(--u));line-height:1.6;color:var(--role-positive);background:#05040ddb;border:var(--bw) solid var(--role-positive-shadow);pointer-events:none;transform:translateZ(0);contain:content}.debug-overlay__row{display:contents}.debug-overlay__label{color:var(--c-text-dimmer)}.debug-overlay__value{text-align:right}.debug-overlay__value[data-state=over]{color:var(--role-danger)}.debug-overlay__controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1 / -1;gap:calc(6 * var(--u));margin-top:calc(8 * var(--u));pointer-events:auto}.debug-overlay__controls button{min-height:calc(48 * var(--u));padding:calc(5 * var(--u));color:var(--yel);font-size:calc(18 * var(--u));background:var(--deep);border:max(1px,calc(2 * var(--u))) solid var(--line3)}.debug-overlay__controls button:active{color:var(--deep);background:var(--yel)}.menu{justify-content:space-between}.menu__brand{display:flex;flex:1;flex-direction:column;gap:var(--sp-2);align-items:center;justify-content:center}.menu__title{color:var(--role-p1);font-size:var(--fs-600);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p1-shadow)}.menu__subtitle{color:var(--role-p2);font-size:var(--fs-400);letter-spacing:.24em;text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p2-shadow)}.menu__actions{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-4)}.menu__footer{display:flex;flex:0 0 auto;gap:var(--sp-2);align-items:center;justify-content:space-between;padding-bottom:var(--sp-2)}.menu__profile{display:flex;min-width:0;gap:var(--sp-2);align-items:center}.menu__profile-name{min-width:0;overflow:hidden;color:var(--c-text-dim);font-size:var(--fs-100);white-space:nowrap;text-overflow:clip}.menu__status{flex:none;font-size:var(--fs-100);color:var(--role-positive)}.menu__status[data-state=off]{color:var(--c-text-dimmer)}.play{gap:var(--sp-2)}.play__profile{display:flex;flex:none;align-items:center;gap:var(--sp-2);min-height:calc(94 * var(--u));padding:var(--sp-1) var(--sp-2);background:var(--deep);border:var(--bw) solid var(--line2)}.play__profile strong{flex:1;min-width:0;overflow:hidden;color:var(--cyan);white-space:nowrap}.play__profile>span{flex:none;color:var(--yel)}.play__list{display:flex;flex:1;flex-direction:column;gap:var(--sp-2);min-height:0;padding:var(--sp-1) var(--sp-1) var(--sp-4)}.play__section{margin-top:var(--sp-1);font-size:var(--fs-100)}.play__section--multi{color:var(--mag)}.play__section--solo{margin-top:var(--sp-4);color:var(--grn)}.play__private,.play__code{display:flex;flex:1;flex-direction:column;gap:var(--sp-4);min-height:0;justify-content:center;text-align:center}.play__private-title{color:var(--yel);font-size:var(--fs-300);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--yel-d)}.play__code{justify-content:flex-start;padding-top:var(--sp-5)}.play__codeboxes{display:flex;justify-content:center;gap:var(--sp-2)}.play__codeboxes .codebox{display:grid;place-items:center;width:calc(132 * var(--u));height:calc(152 * var(--u));color:var(--cyan);font-size:var(--fs-400);background:var(--panel);border:var(--bw) solid var(--cyan);box-shadow:0 0 calc(30 * var(--u)) #00e5ff4d}.play__codeboxes .codebox--active{color:var(--yel);background:var(--deep);border-style:dashed;border-color:var(--yel)}.play__keyboard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-1)}.play__key{display:grid;place-items:center;min-height:calc(82 * var(--u));color:var(--c-text);background:var(--panel);border:var(--bw) solid var(--line)}.play__key:active{color:var(--cyan);border-color:var(--cyan)}.play__key--delete{grid-column:span 2;color:var(--red)}@media(max-height:700px){.play__list .mb{min-height:calc(142 * var(--u))}}.mm{display:flex;flex-direction:column;gap:var(--sp-4);align-items:center;text-align:center}.mm__versus{display:flex;gap:var(--sp-4);align-items:center;justify-content:center}.mm__side{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center}.mm__avatar{padding:var(--sp-1);border:var(--bw) solid var(--cyan);border-radius:calc(11 * var(--u));background:#0a1e26;box-shadow:0 0 calc(30 * var(--u)) #00e5ff66}.mm__avatar--empty{background:var(--deep);border-style:dashed;border-color:var(--line3);box-shadow:none}.mm__name{color:var(--cyan);font-size:var(--fs-100)}.mm__name--empty{color:var(--dim2)}.mm__vs{color:var(--yel);font-size:var(--fs-400);text-shadow:0 0 calc(20 * var(--u)) rgb(255 225 77 / .7)}.mm__status{color:var(--yel);font-size:var(--fs-300);line-height:2;text-shadow:0 0 calc(20 * var(--u)) rgb(255 225 77 / .5)}.mm__panel{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;text-align:left}.mm__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.mm__time{color:var(--cyan);font-size:var(--fs-100)}.mm__elo{color:var(--yel);font-size:var(--fs-100)}.mm__hint{text-align:left}.pips{display:flex;gap:var(--sp-2);justify-content:center}.pips__pip{width:calc(30 * var(--u));height:calc(30 * var(--u));background:var(--pip-off, #0a3b48);animation:pip-pulse 1.2s steps(2,end) infinite;animation-delay:var(--pip-delay, 0s)}.pips--cyan{--pip-on: var(--cyan);--pip-off: #0a3b48;--pip-glow: rgb(0 229 255 / .85)}.pips--mag{--pip-on: var(--mag);--pip-off: #4a1231;--pip-glow: rgb(255 62 165 / .85)}.pips--yel{--pip-on: var(--yel);--pip-off: #4a3a00;--pip-glow: rgb(255 225 77 / .85)}@keyframes pip-pulse{0%,49%{background:var(--pip-on);box-shadow:0 0 calc(24 * var(--u)) var(--pip-glow)}50%,to{background:var(--pip-off);box-shadow:none}}.pips--still .pips__pip{background:var(--pip-on);animation:none}@media(prefers-reduced-motion:reduce){.pips__pip{background:var(--pip-on);animation:none}}.play__code-hint{text-align:center}.play__record{margin-top:var(--sp-3);text-align:center}.solo{position:relative}.solo__clock{display:grid;width:calc(132 * var(--u));min-height:calc(72 * var(--u));place-items:center;color:var(--grn);font-size:var(--fs-200);font-weight:400;border:var(--bw) solid var(--line2)}.solo__hud{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;padding:0 var(--sp-1)}.solo__stat--right{text-align:right}.solo__stage{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0;contain:layout paint}.solo__hint{flex:0 0 auto;padding-bottom:var(--sp-2);color:var(--c-text-dimmer);font-size:var(--fs-100);line-height:var(--lh);text-align:center;white-space:pre-line}.solo-result__score{color:var(--grn);font-size:var(--fs-600);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--grn-d)}.versus{position:relative;gap:var(--sp-2)}.versus__header{display:grid;grid-template-columns:calc(72 * var(--u)) 1fr auto;flex:none;gap:var(--sp-2);align-items:center;min-height:calc(88 * var(--u))}.versus__logo{font-size:var(--fs-400)}.versus__clock{display:flex;flex-direction:column;gap:var(--sp-1);align-items:flex-end;color:var(--mag);font-size:var(--fs-100)}.versus__clock strong{color:var(--yel);font-size:var(--fs-200);font-weight:400}.versus__players{flex:none}.versus__players>[data-combat-player]{min-width:0}.versus__combo{flex:none;color:var(--cyan)}.versus__combo>:last-child{color:var(--mag)}.versus__stage{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:100%;min-height:0;aspect-ratio:1;contain:layout paint}.versus__stage--idle .board__cells{opacity:.3}.versus__stage--idle .board__entities{opacity:.08}.versus__stage--power .board{border-color:var(--cyan-l);box-shadow:0 0 calc(48 * var(--u)) #00e5ff7a}.versus__next{flex:none}.versus__chips,.versus__swipe{display:flex;gap:var(--sp-2);align-items:center}.versus__chips>i{width:calc(45 * var(--u));height:calc(45 * var(--u));background:var(--grn);border:var(--bw) solid var(--grn-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--grn-d)}.versus__chips>i:last-child{background:var(--cyan);border-color:var(--cyan-l);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--cyan-d)}.versus__next--disabled .versus__chips>i{background:var(--off);border-color:var(--line);box-shadow:none}.versus__next--disabled .versus__swipe{color:var(--dim2)}.versus__swipe{color:var(--yel);font-size:var(--fs-100)}.versus__foot{flex:none;color:var(--dim2);font-size:var(--fs-100);letter-spacing:.12em;text-align:center}.battle-overlay{z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--yel);text-align:center;pointer-events:none;background:#0b0a16e0}.battle-overlay--stage{position:absolute;inset:0}.battle-overlay--full{position:absolute;inset:0;padding:var(--sp-5)}.battle-overlay--clear{background:transparent}.battle-overlay--countdown{background:#0b0a16b8}.battle-overlay--interactive{pointer-events:auto}.battle-overlay--connection{color:var(--red)}.battle-overlay__count,.battle-overlay__go,.battle-result__title{font-size:var(--fs-600);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--yel-d)}.battle-overlay__go{color:var(--yel);letter-spacing:.04em;text-shadow:0 0 calc(54 * var(--u)) rgb(255 225 77 / .85),calc(10 * var(--u)) calc(10 * var(--u)) 0 var(--mag-d)}.battle-overlay__go-row{display:flex;align-items:center;gap:var(--sp-3)}.battle-overlay__spark{width:calc(28 * var(--u));height:calc(28 * var(--u));flex:none;background:var(--yel)}.battle-overlay__spark--small{width:calc(18 * var(--u));height:calc(18 * var(--u))}.battle-overlay__spark--cyan{background:var(--cyan);box-shadow:0 0 calc(28 * var(--u)) #00e5ffe6}.battle-overlay__spark--mag{background:var(--mag);box-shadow:0 0 calc(28 * var(--u)) #ff3ea5e6}.battle-countdown{display:flex;flex-direction:column;align-items:center;gap:calc(46 * var(--u))}.battle-countdown__ready{color:var(--cyan);font-size:var(--fs-300);letter-spacing:.18em;text-shadow:0 0 calc(34 * var(--u)) rgb(0 229 255 / .72)}.battle-countdown__beat{display:grid;min-height:calc(170 * var(--u));place-items:center;will-change:transform,opacity}.battle-countdown__standby{color:var(--yel);font-size:var(--fs-400);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--mag-d)}.battle-countdown .battle-overlay__count{font-size:calc(216 * var(--u));line-height:1;text-shadow:0 0 calc(72 * var(--u)) rgb(255 225 77 / .82),calc(14 * var(--u)) calc(14 * var(--u)) 0 var(--mag)}.battle-countdown__steps{display:flex;gap:calc(26 * var(--u))}.battle-countdown__steps>i{width:calc(42 * var(--u));height:calc(42 * var(--u));background:var(--yel-d)}.battle-countdown__steps>.battle-countdown__step--lit{background:var(--yel);box-shadow:0 0 calc(24 * var(--u)) #ffe14dd1}.battle-overlay__eyebrow{color:var(--dim);font-size:var(--fs-100)}.battle-overlay__code{color:var(--yel);font-size:var(--fs-500);letter-spacing:.22em;text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--yel-d)}.battle-overlay__small{min-height:calc(64 * var(--u));padding:var(--sp-1) var(--sp-3);color:var(--cyan);border:var(--bw) solid var(--cyan);pointer-events:auto}.battle-overlay__message{max-width:34ch;overflow-wrap:anywhere;color:var(--dim);font-size:var(--fs-100);line-height:var(--lh)}.battle-result__title[data-outcome=win]{color:var(--grn);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--grn-d)}.battle-result__title[data-outcome=loss]{color:var(--red);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--red-d)}.battle-result__stats{display:grid;width:100%;gap:var(--sp-2);padding:var(--sp-3);color:var(--dim);background:var(--panel);border:var(--bw) solid var(--line2)}.battle-result__stats>span{display:flex;justify-content:space-between}.battle-result__stats b{color:var(--yel);font-weight:400}@media(max-height:700px){.versus{gap:var(--sp-1)}.versus__foot{display:none}}.versus__battle{display:flex;flex:1;flex-direction:column;gap:var(--sp-2);min-height:0}.versus__battle--hidden{display:none}.versus__combo-idle{color:var(--dim2)}.versus__progress{display:flex;flex-direction:column;gap:var(--sp-2);width:min(100%,calc(700 * var(--u)));text-align:center}.battle-overlay__waiting{font-size:var(--fs-300);line-height:1.9}.battle-overlay__connected{color:var(--dim);font-size:var(--fs-100)}.versus__overload{overflow:hidden;color:var(--yel);font-size:var(--fs-100);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 calc(24 * var(--u)) rgb(255 225 77 / .82)}.versus__power-label{position:absolute;right:0;bottom:0;left:0;z-index:var(--z-overlay);color:var(--yel);font-size:var(--fs-100);text-align:center;text-shadow:0 0 calc(28 * var(--u)) rgb(255 225 77 / .9),var(--shadow-off) var(--shadow-off) 0 var(--red-d);pointer-events:none}.versus__lobby-actions{display:grid;flex:none;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.rankings .view__body{justify-content:flex-start}.rankings__tabs{flex:0 0 auto}.rankings__content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sp-3);min-height:0}.rankings__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;content-visibility:auto;contain-intrinsic-size:auto calc(104 * var(--u))}.podium{display:grid;flex:0 0 auto;grid-template-columns:1fr 1.16fr 1fr;gap:var(--sp-2);align-items:end;height:calc(300 * var(--u))}.podium__slot{display:flex;flex-direction:column;gap:var(--sp-1);align-items:center;justify-content:flex-end;min-width:0;height:100%}.podium__block{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;justify-content:center;width:100%;min-width:0;padding:var(--sp-2) var(--sp-1);background:var(--c-panel);border:var(--bw) solid var(--c-panel-border);border-bottom:0}.podium__slot--other .podium__block{height:calc(150 * var(--u))}.podium__slot--first .podium__block{height:calc(200 * var(--u));background:var(--deep);border-color:var(--role-accent);box-shadow:0 0 calc(50 * var(--u)) #ffe14d66}.podium__name{max-width:100%;overflow:hidden;color:var(--c-text-dim);font-size:var(--fs-100);white-space:nowrap;text-overflow:ellipsis}.podium__slot--first .podium__name{color:var(--role-accent)}.podium__value{color:var(--role-accent);font-size:var(--fs-200)}.podium__slot--first .podium__value{color:var(--c-text);font-size:var(--fs-300);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.rankings__champion{display:flex;flex:0 0 auto;gap:var(--sp-3);align-items:center;min-height:calc(180 * var(--u))}.rankings__champion-copy{display:flex;flex:1;flex-direction:column;gap:var(--sp-2);min-width:0}.rankings__champion-name{overflow:hidden;color:var(--role-accent);font-size:var(--fs-200);white-space:nowrap;text-overflow:ellipsis}.rankings__champion-value{flex:0 0 auto;color:var(--c-text);font-size:var(--fs-300);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.row.row--ranked{grid-template-columns:calc(88 * var(--u)) calc(64 * var(--u)) minmax(0,1fr) auto}.row.row--ranked .row__value{white-space:nowrap}.row.row--ranked:has(.row__record),.rankings__head.rankings__head--record{grid-template-columns:calc(88 * var(--u)) calc(64 * var(--u)) minmax(0,1fr) calc(140 * var(--u)) auto}.row__record{color:var(--red);font-size:var(--fs-100);text-align:right;white-space:nowrap}.row__record[data-positive=true]{color:var(--grn)}.rankings__head{display:grid;flex:0 0 auto;grid-template-columns:calc(88 * var(--u)) calc(64 * var(--u)) minmax(0,1fr) auto;gap:var(--sp-2);padding:0 var(--sp-2);color:var(--c-text-dimmer);font-size:var(--fs-100);letter-spacing:var(--tracking)}.rankings__head>:last-child{text-align:right}.rankings__gap{flex:0 0 auto;color:var(--c-text-dim);font-size:var(--fs-100);letter-spacing:var(--tracking);text-align:center}.rankings__weekly-delta{display:flex;flex:0 0 auto;gap:var(--sp-1);align-items:center;justify-content:center;margin:0;color:var(--role-muted-light);font-size:var(--fs-100);letter-spacing:var(--tracking)}.rankings__weekly-delta[data-direction=up]{color:var(--role-positive)}.rankings__weekly-delta[data-direction=down]{color:var(--role-danger)}.rankings__trend-arrow{width:calc(18 * var(--u));height:calc(18 * var(--u));background:currentcolor}[data-direction=up]>.rankings__trend-arrow,[data-direction=down]>.rankings__trend-arrow{width:0;height:0;background:transparent;border-right:calc(10 * var(--u)) solid transparent;border-left:calc(10 * var(--u)) solid transparent}[data-direction=up]>.rankings__trend-arrow{border-bottom:calc(18 * var(--u)) solid currentcolor}[data-direction=down]>.rankings__trend-arrow{border-top:calc(18 * var(--u)) solid currentcolor}.row.row--ranked:has(.row__tile),.rankings__head.rankings__head--tile{grid-template-columns:calc(88 * var(--u)) calc(64 * var(--u)) minmax(0,1fr) calc(140 * var(--u)) auto}.row__tile{display:flex;justify-content:flex-end}.history .view__body{justify-content:flex-start}.history__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;content-visibility:auto;contain-intrinsic-size:auto calc(126 * var(--u))}.history__row{grid-template-columns:calc(64 * var(--u)) 1fr auto;min-height:calc(126 * var(--u))}.history__copy{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.history__top{display:flex;gap:var(--sp-2);align-items:baseline;min-width:0}.history__outcome{flex:0 0 auto;font-size:var(--fs-100)}.history__vs{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history__numbers{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-1);align-items:flex-end}.history__delta{font-size:var(--fs-100)}.history__outcome--win{color:var(--role-positive)}.history__outcome--loss{color:var(--role-danger)}.history__outcome--draw{color:var(--c-text-dim)}.profile .view__body{justify-content:flex-start}.profile__identity{display:flex;flex:0 0 auto;gap:var(--sp-3);align-items:center;padding:var(--sp-2) 0}.profile__name{min-width:0;overflow:hidden;font-size:var(--fs-300);white-space:nowrap;text-overflow:clip;color:var(--role-accent);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.profile__hero{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-3);align-items:center;text-align:center}.profile__hero-value{color:var(--c-text);font-size:var(--fs-500);text-shadow:0 0 calc(45 * var(--u)) rgb(255 225 77 / .6),var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.profile__hero-tags{display:flex;gap:var(--sp-2);justify-content:center}.profile__stats{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.profile__stats .stat{min-height:calc(150 * var(--u));padding:var(--sp-2);background:var(--c-panel);border:var(--bw) solid var(--c-panel-border);justify-content:center;align-items:center;text-align:center}.profile__stats .stat__value{max-width:100%;overflow:hidden;white-space:nowrap}.profile__achievements{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-3)}.profile__achievements-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.profile__achievements-count{color:var(--role-accent);font-size:var(--fs-200)}.profile__actions{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-2);margin-top:auto}.achievements .view__body{justify-content:flex-start}.achievements__summary{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-3)}.achievements__count{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.achievements__score{color:var(--role-accent);font-size:var(--fs-300);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.achievements__total{color:var(--c-text-dim);font-size:var(--fs-100)}.achievements__tabs{flex:0 0 auto}.achievements__offline{flex:0 0 auto;color:var(--role-danger);text-align:center}.achievements__list>*{flex:0 0 auto}.achievements__list{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sp-2);min-height:0;overflow-y:auto;overscroll-behavior:contain;content-visibility:auto;contain-intrinsic-size:auto calc(200 * var(--u))}.ach__head{display:flex;gap:var(--sp-2);align-items:center;justify-content:space-between;min-width:0}.ach__rarity{flex:none;padding:calc(4 * var(--u)) var(--sp-1);color:var(--rarity-color, var(--dim));font-size:var(--fs-100);letter-spacing:.08em;border:max(1px,calc(3 * var(--u))) solid var(--rarity-border, var(--line2))}.ach[data-rarity=raro]{--rarity-color: var(--cyan);--rarity-border: var(--cyan-d)}.ach[data-rarity=epico]{--rarity-color: var(--pur, var(--mag));--rarity-border: var(--pur-d, var(--mag-d))}.ach[data-rarity=legendario]{--rarity-color: var(--yel);--rarity-border: var(--yel-d)}.highscores .view__body{display:flex;flex-direction:column;gap:var(--sp-2)}.highscores__hero{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;text-align:center}.highscores__hero-value{color:#fff;font-size:var(--fs-500);text-shadow:0 0 calc(28 * var(--u)) rgb(255 225 77 / .6),var(--shadow-off) var(--shadow-off) 0 var(--yel-d)}.highscores__hero-tags{display:flex;gap:var(--sp-2);justify-content:center}.highscores__head,.highscores__row{display:grid;grid-template-columns:calc(120 * var(--u)) calc(160 * var(--u)) 1fr calc(150 * var(--u));gap:var(--sp-2);align-items:center}.highscores__head{padding:var(--sp-2) var(--sp-1) var(--sp-1);color:var(--dim2);font-size:var(--fs-100);letter-spacing:.12em}.highscores__head>:nth-child(3),.highscores__head>:nth-child(4){text-align:right}.highscores__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.highscores__row{padding:var(--sp-2) var(--sp-1);font-size:var(--fs-200);border-bottom:max(2px,calc(4 * var(--u))) solid #1c1840}.highscores__row[data-rank="1"]{border-bottom-color:var(--line)}.highscores__row[data-rank="1"] .highscores__rank,.highscores__row[data-rank="1"] .highscores__name{color:var(--yel)}.highscores__row[data-rank="2"] .highscores__rank,.highscores__row[data-rank="2"] .highscores__name{color:#c8d0e0}.highscores__row[data-rank="3"] .highscores__rank,.highscores__row[data-rank="3"] .highscores__name{color:#e0a878}.highscores__rank,.highscores__name{overflow:hidden;color:var(--dim);white-space:nowrap}.highscores__score{overflow:hidden;color:var(--c-text);text-align:right;white-space:nowrap}.highscores__row[data-rank="1"] .highscores__score{color:#fff}.highscores__date{color:var(--dim);font-size:var(--fs-100);text-align:right}.highscores__totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2);margin-top:var(--sp-3)}.highscores__totals .stat{align-items:center;padding:var(--sp-2);text-align:center;background:var(--c-panel);border:max(2px,calc(4 * var(--u))) solid var(--line2);border-radius:calc(11 * var(--u))}.highscores__totals .stat:nth-child(1) .stat__value{color:var(--cyan)}.highscores__totals .stat:nth-child(2) .stat__value{color:var(--yel)}.highscores__totals .stat:nth-child(3) .stat__value{color:var(--mag)}.settings .view__body{display:flex;flex-direction:column;gap:var(--sp-2)}.settings__group{margin-top:var(--sp-3)}.optrow{width:100%;gap:var(--sp-3);font:inherit;text-align:left;cursor:pointer}.optrow[disabled]{cursor:default;opacity:.5}.optrow__copy{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.optrow__label{color:var(--c-text);font-size:var(--fs-100);line-height:1.7}.optrow__hint{color:var(--dim2);font-size:var(--fs-100);line-height:1.7}.optslider{flex-direction:column;align-items:stretch;gap:var(--sp-2)}.optslider__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);cursor:pointer}.optslider__value{color:var(--cyan);font-size:var(--fs-100)}.optslider--disabled{opacity:.45}.optslider__track{position:relative;display:flex;gap:calc(6 * var(--u));align-items:center;height:calc(34 * var(--u))}.optslider__seg{flex:1;height:100%;background:#1a2030}.optslider__seg--on{background:var(--cyan)}.optslider__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.optslider__input:disabled{cursor:default}.optslider__input:focus-visible+*,.optslider__track:has(.optslider__input:focus-visible){outline:max(2px,calc(4 * var(--u))) solid var(--cyan-l);outline-offset:calc(4 * var(--u))}.settings__language-picker{display:flex;flex:none;gap:var(--sp-2);align-items:center}.settings__language-arrow{display:grid;flex:none;place-items:center;min-width:calc(56 * var(--u));min-height:calc(56 * var(--u));color:var(--c-text-dim)}.settings__language-arrow:focus-visible{color:var(--role-p1);outline:none}.settings__language-value{flex:none;min-width:calc(200 * var(--u));color:var(--yel);font-size:var(--fs-100);text-align:center}.settings__account-id{display:flex;gap:var(--sp-2);align-items:center;min-width:0}.settings__account-name{overflow:hidden;color:var(--cyan);font-size:var(--fs-100);white-space:nowrap;text-overflow:ellipsis}.settings__account-action{display:flex;flex:none;gap:var(--sp-1);align-items:center;color:var(--dim);font-size:var(--fs-100)}.settings__note,.settings__footer{text-align:center}.settings__footer{margin-top:var(--sp-3);letter-spacing:.16em;line-height:2.2}.auth .view__body,.auth__form{display:flex;flex:1;flex-direction:column;min-height:0;gap:var(--sp-3)}.auth__brand{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-2);align-items:center;padding-top:var(--sp-5)}.auth__title{color:var(--role-p1);font-size:var(--fs-600);text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p1-shadow)}.auth__subtitle{color:var(--role-p2);font-size:var(--fs-400);letter-spacing:.24em;text-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p2-shadow)}.auth__pips{display:flex;gap:var(--sp-2);margin-top:var(--sp-1)}.auth__pip{width:calc(38 * var(--u));height:calc(38 * var(--u))}.auth__pip--p1{background:var(--role-p1);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p1-shadow)}.auth__pip--p2{background:var(--role-p2);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-p2-shadow)}.auth__pip--accent{background:var(--role-accent);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-accent-shadow)}.auth__pip--positive{background:var(--role-positive);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--role-positive-shadow)}.auth__field{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-1)}.auth__hint{min-height:calc(var(--fs-100) * var(--lh-tight));color:var(--c-text-dimmer);font-size:var(--fs-100)}.auth__hint--ok{color:var(--role-positive)}.auth__hint--bad{color:var(--role-danger)}.auth__row{display:flex;flex:0 0 auto;gap:var(--sp-2);align-items:center;justify-content:space-between}.auth__forgot{flex:none;color:var(--role-accent);font-size:var(--fs-100);letter-spacing:.08em}.auth__forgot:disabled{color:var(--c-text-dimmer)}.auth__failure{flex:0 0 auto;min-height:calc(var(--fs-100) * var(--lh) * 2);color:var(--role-danger);font-size:var(--fs-100);line-height:var(--lh)}.auth__actions{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-2)}.auth__strength{margin-top:var(--sp-1)}.auth--login .auth__form{flex:0 0 auto;margin-top:auto;padding-top:var(--sp-4)}.auth__guest{flex:0 0 auto;padding:var(--sp-2) 0;color:var(--role-accent);font-size:var(--fs-100);text-align:center}.auth__coin{flex:0 0 auto;margin-top:auto;padding-bottom:var(--sp-2);color:var(--c-text-dimmer);font-size:var(--fs-100);letter-spacing:.2em;text-align:center}.auth__avatars{display:grid;flex:0 0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2)}.auth__avatar{display:grid;place-items:center;padding:var(--sp-1);background:var(--c-deep);border:var(--bw) solid var(--c-panel-border);border-radius:calc(11 * var(--u));opacity:.6}.auth__avatar--on{background:#0a1e26;border-color:var(--role-p1);box-shadow:0 0 calc(34 * var(--u)) #00e5ff59;opacity:1}.auth__avatar:focus-visible{border-color:var(--role-p1-light);outline:none}.auth__tail{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sp-3);margin-top:auto}.auth__terms{flex:0 0 auto;padding-bottom:var(--sp-1);text-align:center}