html,body{color:#f2f2f2;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#0b0c10;height:100%;margin:0;font-family:ui-monospace,Consolas,Menlo,monospace;overflow:hidden}#game{position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;background:#262a35;border:2px solid #555c6e;border-radius:6px}button:focus-visible{outline-offset:2px;outline:3px solid #ffd54a}#key-debug{color:#7dffb0;pointer-events:none;background:#000;padding:4px 8px;font-size:16px;position:fixed;top:52px;left:16px}#pause-button{opacity:.7;width:44px;height:36px;position:fixed;top:8px;left:50%;transform:translate(-50%)}#touch-controls{padding:0 max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;display:none;position:fixed;inset:auto 0 0}.touch-group{gap:12px;display:flex}#touch-controls button{pointer-events:auto;background:#262a3599;width:72px;height:72px;font-size:20px}#touch-controls button.is-pressed{background:#7dffb073;border-color:#7dffb0}@media (pointer:coarse){#touch-controls{display:flex}}@media (pointer:coarse) and (orientation:landscape){#game{inset:0 112px}#touch-controls{padding:0 8px max(8px, env(safe-area-inset-bottom))}.touch-group{gap:6px}#touch-controls button{width:46px;height:72px;font-size:14px}}#rotate-hint{top:56px;text-align:center;color:#aeb4c2;margin:0;font-size:14px;display:none;position:fixed;inset-inline:16px}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{display:block}}#pause-menu{background:#0b0c10d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#pause-menu[hidden]{display:none}#pause-menu h1{margin:0 0 8px;font-size:32px}#pause-menu button{touch-action:manipulation;width:220px;height:48px}
