:root{color:#e9eedc;background:#101b18;font-family:system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--mint: #a5dfb4;--muted: #b6c5b4;--gold: #edc783}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 2%,#234437 0,transparent 45%),#101b18}button,a{font:inherit}.app{width:min(100%,1280px)}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 16px}.eyebrow{margin:0 0 5px;color:var(--mint);font:500 11px/1.4 monospace;letter-spacing:.16em}h1,h2{margin:0}h1{font-size:clamp(22px,4vw,32px);letter-spacing:-.04em}.subtitle{margin:3px 0 0;color:var(--muted)}.page-heading a{color:var(--mint);text-underline-offset:4px}.game-frame{container-type:size;position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;border:1px solid #526f58;background:#10211b;box-shadow:0 26px 80px #0008}#game-container,#game-container canvas{display:block;width:100%;height:100%}#game-container canvas{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.overlay{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;padding:28px;text-align:center;background:#0c1915d9;backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.overlay h2{font-size:clamp(22px,4vw,40px)}.overlay>p:not(.eyebrow){max-width:510px;color:var(--muted);line-height:1.7}.overlay small{margin-top:20px;color:#c4d0bc;font:11px monospace}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}button{min-height:42px;padding:9px 16px;border:1px solid #728b6c;border-radius:3px;color:#e9eedc;background:#253b2d;cursor:pointer}button:hover{border-color:var(--mint);background:#34533b}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button.primary{color:#112018;background:var(--mint);border-color:var(--mint);font-weight:700}.page-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:12px}#status{color:var(--gold)}.page-footer a{color:var(--mint)}@media(max-width:680px){body{padding:14px}.page-heading{align-items:start;flex-direction:column}.page-footer{flex-direction:column}.overlay{padding:16px}.overlay small{max-width:320px;line-height:1.7}}.embed .page-heading,.embed .page-footer{display:none}.embed,.embed body{overflow:hidden}.embed body{min-height:0;padding:0;background:#10211b}.embed .game-frame{width:100vw;height:100vh;aspect-ratio:auto;border:0;box-shadow:none}.touch-controls[hidden]{display:none}.touch-controls{--btn: clamp(44px, 17cqh, 88px);position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 4cqh 4cqh;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-controls button{pointer-events:auto;touch-action:none;min-height:0;width:var(--btn);height:var(--btn);padding:0;border:2px solid #e9eedc99;border-radius:50%;color:#e9eedc;background:#10211b73;font-size:calc(var(--btn) * .42);line-height:1;backdrop-filter:blur(1px)}.touch-controls button.is-pressed{background:#a5dfb4b3;color:#112018}.dpad{display:grid;grid-template-columns:repeat(3,var(--btn));grid-template-rows:repeat(3,var(--btn));gap:0}.dpad-up{grid-area:1 / 2}.dpad-left{grid-area:2 / 1}.dpad-right{grid-area:2 / 3}.dpad-down{grid-area:3 / 2}.actions-pad{display:flex;align-items:flex-end;gap:2cqh}.actions-pad button{font-size:calc(var(--btn) * .3);font-weight:700}.actions-pad button[data-key=space]{width:calc(var(--btn) * 1.5);border-radius:calc(var(--btn) * .5)}