.game-shell{--aspect: 16 / 9;--shell-max: 980px;--chrome-h: 250px}.bhud{display:grid;grid-template-columns:1fr auto 1fr auto auto;gap:10px}.pl{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;row-gap:3px;min-width:0;font-size:12px}.pl[hidden]{visibility:hidden;display:grid!important}.pl.out{opacity:.45}.pl.right{text-align:right}.pl .pname{color:var(--text);font-weight:700;white-space:nowrap}.pl .pscore{font-family:var(--font-mono);color:var(--accent-2);text-align:right}.pl .hp{grid-column:1 / -1;height:8px;border-radius:999px;background:var(--panel-2);overflow:hidden}.pl .hp i{display:block;height:100%;background:linear-gradient(90deg,#7ee07e,#ffd166);transition:width .15s ease}.pl.p2 .hp i{background:linear-gradient(90deg,#4fd1c5,#7fb2ff)}.pl .lives{grid-column:1 / -1;color:var(--danger);font-size:11px;letter-spacing:2px;min-height:1em}#hud-stage{font-size:12px;color:var(--muted);white-space:nowrap}.seg.chars button{display:grid;gap:2px;padding:8px 16px}.seg.chars small{font-size:11px;opacity:.8}.touch-pad .dpad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,46px);gap:6px}.touch-pad .dpad button{width:50px;height:46px;border-radius:12px}.touch-pad .dpad [data-key=up]{grid-column:2}.touch-pad .dpad [data-key=left]{grid-column:1;grid-row:2}.touch-pad .dpad [data-key=down]{grid-column:2;grid-row:2}.touch-pad .dpad [data-key=right]{grid-column:3;grid-row:2}.touch-pad .group{align-items:flex-end}.touch-pad button{width:60px;height:60px}.touch-pad button[data-key=attack]{background:var(--danger);color:#fff}.touch-pad button[data-key=special]{width:48px;height:48px;background:var(--accent-2);color:#2b1d00}.pl .pname img{width:22px;height:22px;vertical-align:-6px;margin-right:4px;border-radius:50%;background:#ffffff1f}.overlay .specials{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:520px}.overlay .specials .slabel{font-size:12px;color:var(--accent-2);font-weight:700;margin-right:4px}.overlay .specials button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-size:12px;padding:4px 9px;border-radius:999px;cursor:pointer}.overlay .specials button[aria-checked=true]{background:linear-gradient(180deg,#ffd166,#ff9a3a);color:#2b1d00;border-color:transparent;font-weight:700}.overlay .sdesc{margin:0;font-size:12px;color:var(--muted);min-height:1.4em}@container (max-width: 560px){.overlay .sdesc{display:none}.overlay .specials button{padding:3px 7px;font-size:11px}}