html,body{overscroll-behavior:none;background:#101418;height:100%;margin:0;overflow:hidden}#game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100vw;height:100dvh;display:block}#bar{top:max(8px, env(safe-area-inset-top));pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:fixed;left:8px;right:8px}#bar button{pointer-events:auto;color:#e0e6eb;background:#1d252c;border:1px solid #3a4651;border-radius:8px;padding:10px 12px;font:600 14px/1 system-ui,sans-serif}#bar button[aria-pressed=true]{background:#3b2f52;border-color:#c8a0ff}#hud{color:#aab4bd;text-shadow:0 1px 2px #101418;flex-basis:100%;font:13px/1.3 system-ui,sans-serif}#banner{color:#e0e6eb;text-align:center;background:#101418d9;border:2px solid #3a4651;border-radius:12px;flex-direction:column;flex-basis:100%;align-items:center;gap:6px;margin-top:8px;padding:12px;font:15px/1.3 system-ui,sans-serif;display:flex}#banner[hidden]{display:none}#banner strong{font-size:28px}#banner[data-tone=warn]{color:#ffb3ad;border-color:#ff5a50}#banner[data-tone=over]{border-color:#c8a0ff}#banner[data-tone=win]{color:#b8f0c0;border-color:#66dc78}#bar #banner button{margin-top:4px;padding:12px 20px;font-size:16px}.bench{color:#e0e6eb;box-sizing:border-box;height:100%;padding:16px;font:15px/1.4 system-ui,sans-serif;overflow:auto}.bench table{border-collapse:collapse}.bench th,.bench td{text-align:right;border-bottom:1px solid #3a4651;padding:4px 10px}#menu{padding:max(24px, env(safe-area-inset-top)) 16px 16px;box-sizing:border-box;color:#e0e6eb;background:#101418;font:15px/1.4 system-ui,sans-serif;position:fixed;inset:0;overflow:auto}#menu[hidden]{display:none}#menu section{margin-bottom:24px}#menu h2{margin:0 0 8px;font-size:18px}#menu button{text-align:left;width:100%;max-width:360px;font:inherit;color:inherit;background:#1d252c;border:1px solid #3a4651;border-radius:8px;margin-bottom:8px;padding:12px;display:block}