html,body{color:#d8d8d8;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none;background:#000;width:100%;height:100%;margin:0;padding:0;font-family:Menlo,Consolas,monospace;overflow:hidden}#app{width:100vw;height:100vh;background:#000;place-items:center;height:100dvh;display:grid;position:relative}#game-wrap{width:min(100vw,125vh);height:min(100vh,80vw);width:min(100vw,125dvh);height:min(100dvh,80vw);position:relative}#game{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;background:#000;display:block}.overlay{text-align:center;pointer-events:none;background:#000000c7;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay.hidden{opacity:0;pointer-events:none}.overlay h1{letter-spacing:.4em;color:#f0f0f0;margin:0 0 .5rem;font-size:clamp(1.8rem,7vw,5rem)}.byline{color:#888;margin:0 0 1rem;font-size:clamp(.7rem,2.5vw,1rem)}.hint{color:#fc6;margin:.5rem 0 1rem;font-size:clamp(.8rem,2.6vw,1rem)}.controls{color:#c8c8c8;margin:0 0 1rem;padding:0;font-size:clamp(.7rem,2.4vw,1rem);line-height:1.7;list-style:none}.controls b{color:#fff}.goal{color:#a0a0a0;max-width:36rem;font-size:clamp(.7rem,2.4vw,.9rem);line-height:1.5}.message{text-align:center;pointer-events:none;letter-spacing:.1em;background:#000000d9;border:1px solid #888;padding:1rem 2rem;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-controls{pointer-events:none;z-index:10;display:none;position:absolute;inset:0}@media (pointer:coarse),(hover:none){.touch-controls{display:block}}.joystick{left:max(env(safe-area-inset-left,0px), 12px);bottom:max(calc(env(safe-area-inset-bottom,0px) + 12px), 16px);pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:2px solid #ffffff59;border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:absolute}.joystick-knob{pointer-events:none;background:#ffffff8c;border:2px solid #ffffffe6;border-radius:50%;width:42px;height:42px;transition:transform 80ms linear}.touch-buttons{right:max(env(safe-area-inset-right,0px), 12px);bottom:max(calc(env(safe-area-inset-bottom,0px) + 12px), 16px);pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.tbtn{letter-spacing:.1em;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#0000008c;border:2px solid #ffffff80;border-radius:999px;min-width:78px;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700}.tbtn.active{color:#000;background:#ffffffd9;transform:scale(.96)}.tbtn-fire{border-color:#f76}.tbtn-hover{border-color:#fc6}.tbtn-thrust{border-color:#6d8}@media (min-width:700px) and (pointer:coarse){.joystick{width:140px;height:140px}.joystick-knob{width:56px;height:56px}.tbtn{min-width:96px;padding:.9rem 1.2rem;font-size:.95rem}}.touch-only{display:none}@media (pointer:coarse),(hover:none){.desktop-only{display:none}.touch-only{display:revert}}