:root{--lcd:#c7f0d8;--pixel:#43523d;--body:#1d2420;--font:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}html,body{background:var(--body);height:100%;color:var(--lcd);font-family:var(--font);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#scene{width:100vw;height:100vh;display:block}#hud{top:max(12px, env(safe-area-inset-top));letter-spacing:.08em;pointer-events:none;justify-content:space-between;align-items:center;height:40px;font-size:20px;font-weight:700;display:flex;position:fixed;left:16px;right:16px}#pause{pointer-events:auto;border:2px solid var(--lcd);width:40px;height:40px;color:var(--lcd);font:700 16px var(--font);cursor:pointer;background:0 0;border-radius:8px}#pause[hidden]{visibility:hidden;display:block}#dpad{left:50%;bottom:max(16px, env(safe-area-inset-bottom));grid-template-rows:repeat(3,64px);grid-template-columns:repeat(3,64px);grid-template-areas:".up.""left.right"".down.";gap:4px;display:grid;position:fixed;transform:translate(-50%)}#dpad.side{left:auto;right:max(16px, env(safe-area-inset-right));top:50%;bottom:auto;transform:translateY(-50%)}#dpad[hidden]{display:none}#dpad button{border:2px solid var(--lcd);color:var(--lcd);touch-action:none;background:#c7f0d814;border-radius:12px;font-size:24px}#dpad button:active{background:var(--lcd);color:var(--body)}#dpad [data-dir=up]{grid-area:up}#dpad [data-dir=down]{grid-area:down}#dpad [data-dir=left]{grid-area:left}#dpad [data-dir=right]{grid-area:right}#overlay{background:var(--lcd);color:var(--pixel);border:3px solid var(--pixel);text-align:center;text-transform:uppercase;cursor:pointer;padding:1em 1.4em;font-weight:700;line-height:1.5;position:fixed;transform:translate(-50%,-50%)}#overlay[hidden]{display:none}#title{letter-spacing:.2em;margin-bottom:.4em;font-size:2em}