:root{color-scheme:dark;--bg: #101418;--ink: #e8e4d8}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#stage{position:relative;line-height:0}canvas#game{image-rendering:pixelated;image-rendering:crisp-edges;background:#1c2128;border-radius:4px;box-shadow:0 8px 40px #0000008c;touch-action:none;user-select:none;-webkit-user-select:none}.hint{font-size:12px;letter-spacing:.04em;opacity:.55;min-height:16px;text-align:center;padding:0 12px}#touch-controls{position:absolute;right:6px;bottom:6px;display:flex;flex-direction:column;gap:8px}#touch-controls.hidden{display:none}.touch-btn{font:600 12px/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#e8e4d8;background:#141a20b8;border:1px solid rgba(232,228,216,.4);border-radius:999px;padding:10px 14px;backdrop-filter:blur(2px)}.touch-btn:active{background:#e8e4d840}dialog#name-entry{border:none;border-radius:10px;background:#20262e;color:var(--ink);padding:20px 22px;width:min(320px,86vw);box-shadow:0 12px 60px #0009}dialog#name-entry::backdrop{background:#0000008c}dialog#name-entry h2{margin:0 0 6px;font-size:18px}dialog#name-entry p{margin:0 0 12px;font-size:13px;opacity:.75}dialog#name-entry input{width:100%;font-size:16px;padding:8px 10px;border-radius:6px;border:1px solid #4a5563;background:#141920;color:var(--ink);margin-bottom:14px}dialog#name-entry .row{display:flex;justify-content:flex-end;gap:8px}dialog#name-entry button{font-size:14px;padding:8px 16px;border-radius:6px;border:none;background:#3a7d5d;color:#fff}