*{box-sizing:border-box;touch-action:none;margin:0;padding:0}html,body{color:#f2ead8;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#0c0e16;width:100%;height:100%;font-family:ui-monospace,Cascadia Code,SF Mono,monospace;position:fixed;inset:0;overflow:hidden}#shell{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}#game{image-rendering:pixelated;image-rendering:crisp-edges;-webkit-user-drag:none;background:#1b2240;display:block}#fail{color:#f2ead8;background:#1a1420;border:2px solid #d33a3a;max-width:28rem;padding:1.25rem 1.5rem;line-height:1.45}#fail[hidden],#touch[hidden],#board[hidden]{display:none}#board{z-index:4;pointer-events:auto;background:#08080e47;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.board-card{color:#f2ead8;touch-action:auto;-webkit-user-select:text;user-select:text;background:#0c0a12eb;border:1px solid #f2ead859;width:min(420px,92%);max-height:min(92%,360px);padding:.85rem 1rem .8rem;overflow:auto}.board-card h2{letter-spacing:.08em;text-align:center;margin-bottom:.25rem;font:700 28px ui-monospace,monospace}#board-stats,#board-status{text-align:center;color:#f0d2b0;margin-bottom:.45rem;font-size:12px;line-height:1.35}#board-status{color:#d8d0c0;min-height:1.2em}#board-list{border-top:1px solid #f2ead82e;border-bottom:1px solid #f2ead82e;max-height:9.2rem;margin:0 0 .55rem;padding:0;list-style:none;overflow:auto}#board-list li{grid-template-columns:1.6rem 1fr auto;align-items:baseline;gap:.45rem;padding:.18rem .1rem;font-size:13px;display:grid}#board-list li.mine{color:#fff4b0}#board-list .rank{opacity:.65}#board-list .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#board-list .board-empty{text-align:center;opacity:.7;padding:.45rem 0;display:block}#board-form label{letter-spacing:.06em;margin-bottom:.25rem;font-size:11px;display:block}#score-name{color:#f2ead8;touch-action:auto;background:#12101ce6;border:1px solid #f2ead866;border-radius:6px;width:100%;margin-bottom:.5rem;padding:.4rem .5rem;font:16px ui-monospace,monospace}.board-actions{gap:.45rem;display:flex}.board-card button{appearance:none;color:#f2ead8;touch-action:auto;background:#f2ead81f;border:1px solid #f2ead866;border-radius:8px;flex:1;padding:.55rem .4rem;font:700 12px ui-monospace,monospace}.board-card button:disabled{opacity:.5}#board-retry{width:100%}#touch{padding:.6rem max(.8rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;inset:auto 0 0}.pad,.actions{pointer-events:auto;gap:.4rem;display:grid}.pad{grid-template-rows:52px 52px 52px;grid-template-columns:64px 64px 64px}.actions{grid-template-rows:56px 56px;grid-template-columns:72px 72px}.pad button[data-act=up]{grid-area:1/2}.pad button[data-act=left]{grid-area:2/1}.pad button[data-act=right]{grid-area:2/3}.pad button[data-act=down]{grid-area:3/2}.actions button[data-act=punch]{grid-area:1/1}.actions button[data-act=kick]{grid-area:1/2}.actions button[data-act=jump]{grid-area:2/1/auto/span 2}#touch button{appearance:none;color:#f2ead8;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#12101c8c;border:1px solid #f2ead859;border-radius:10px;min-height:52px;font:700 12px ui-monospace,monospace}#touch button:active{background:#f2ead838}@media (pointer:fine) and (hover:hover){#touch.desktop-hidden{display:none}}