:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:#b4ffd4;background:#080b0d;font-synthesis:none;--ink: #b4ffd4;--ink-dim: #6d9e80;--surface: #080b0d;--surface-raised: #0e1412;--line: #294335}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--surface)}button,input{font:inherit}button{color:inherit}.app{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(rgba(180,255,212,.015) 50%,transparent 50%) 0 0 / 100% 4px,var(--surface)}.topbar,.instructions{display:flex;align-items:center;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.topbar{min-height:46px;border:1px solid var(--line);border-bottom:0;padding:0 14px;background:var(--surface-raised)}.brand,.status{margin:0}.brand{font-weight:800}.brand span,.status,.instructions{color:var(--ink-dim)}.game-stage{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);background:var(--surface);touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hud{position:absolute;z-index:3;inset:14px 14px auto auto;display:flex;align-items:flex-start;gap:8px}.pixel-button{min-width:44px;min-height:44px;border:1px solid var(--ink);border-radius:0;padding:0 14px;background:#080b0deb;box-shadow:3px 3px #b4ffd433;text-transform:uppercase;letter-spacing:.12em;font-weight:800;cursor:pointer}.pixel-button:hover{background:var(--ink);color:var(--surface)}.pixel-button:active{transform:translate(2px,2px);box-shadow:1px 1px #b4ffd433}.pixel-button:focus-visible,input[type=range]:focus-visible{outline:3px solid #fff;outline-offset:3px}.icon-button{width:48px;padding:0;font-size:11px}.pause-volume label{display:flex;justify-content:space-between;margin-bottom:5px;color:var(--ink-dim);font-size:9px;letter-spacing:.14em}input[type=range]{width:100%;height:18px;margin:0;accent-color:var(--ink);cursor:pointer}.game-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#02040594;opacity:1;visibility:visible;transition:opacity .14s ease,visibility .14s ease;pointer-events:none}.game-stage.is-playing .game-overlay{opacity:0;visibility:hidden}.overlay-panel{width:min(440px,100%);padding:clamp(22px,5vw,42px);border:1px solid var(--ink);background:#080b0df0;box-shadow:8px 8px #b4ffd41f;text-align:center}.eyebrow,.overlay-hint{margin:0;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.overlay-panel h1{margin:18px 0;font-size:clamp(21px,4vw,34px);line-height:1.25;letter-spacing:.08em;text-transform:uppercase}.resume-button{min-width:148px;margin-top:24px;pointer-events:auto}.pause-volume{display:none;margin-top:24px;pointer-events:auto}.mute-button{width:100%;margin-bottom:18px}.game-stage[data-game-state=paused] .pause-volume{display:block}.instructions{min-height:42px;border:1px solid var(--line);border-top:0;padding:0 14px;background:var(--surface-raised)}@media(hover:none),(max-width:640px){.topbar,.instructions{font-size:9px}.instructions span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud{inset:10px 10px auto auto}}@media(max-height:520px){.app{padding-block:6px}.topbar,.instructions{min-height:34px}.overlay-panel{width:min(520px,78%);padding:14px 24px}.overlay-panel h1{margin:8px 0;font-size:20px}.resume-button,.pause-volume{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}