:root{--colour-surface:#10131a;--colour-panel:#1b2130;--colour-text:#f2f5fa;--colour-text-muted:#b9c3d6;--colour-accent:#6ea8fe;--colour-accent-contrast:#0a0d14;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--colour-surface);color:var(--colour-text);overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.game-surface{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.game-surface canvas{width:100%;height:100%;display:block}.overlay{padding:calc(1.5rem + var(--safe-top)) calc(1.5rem + var(--safe-right)) calc(1.5rem + var(--safe-bottom)) calc(1.5rem + var(--safe-left));text-align:center;z-index:10;background:#090b10eb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.overlay h1,.overlay h2{margin:0;font-size:clamp(1.3rem,4vw,2rem)}.overlay p{max-width:34rem;color:var(--colour-text-muted);margin:0;line-height:1.5}.button{background:var(--colour-accent);min-width:44px;min-height:44px;color:var(--colour-accent-contrast);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.65rem 1.4rem;font-weight:600}.button--secondary{border-color:var(--colour-text-muted);color:var(--colour-text);background:0 0}:focus-visible{outline:3px solid var(--colour-accent);outline-offset:2px}.settings-panel{background:var(--colour-panel);text-align:left;border-radius:12px;flex-direction:column;gap:1rem;width:min(28rem,100%);padding:1.25rem;display:flex}.settings-field{flex-direction:column;gap:.4rem;display:flex}.settings-field--inline{flex-direction:row;align-items:center;gap:.75rem}.settings-field input[type=range]{width:100%}.crosshair{pointer-events:none;z-index:5;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #0009}.touch-controls{pointer-events:none;z-index:4;position:fixed;inset:0}.hud-button{right:calc(1.25rem + var(--safe-right));bottom:calc(1.75rem + var(--safe-bottom));min-width:64px;min-height:64px;color:var(--colour-text);font:inherit;z-index:6;background:#00000059;border:2px solid #fff9;border-radius:50%;padding:.75rem 1rem;font-size:.8rem;position:fixed}.interaction-prompt{color:var(--colour-text);pointer-events:none;z-index:5;background:#0000008c;border-radius:6px;align-items:baseline;gap:.5rem;padding:.35rem .75rem;font-size:.95rem;display:flex;position:fixed;top:calc(50% - 3.5rem);left:50%;transform:translate(-50%)}.interaction-prompt__key{border:1px solid #fff9;border-radius:4px;padding:0 .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.interaction-prompt__hint{color:var(--colour-text-muted);font-size:.85em}.hud-button--throw{right:calc(1.25rem + 88px + var(--safe-right))}.hud-button--jump{bottom:calc(1.75rem + 84px + var(--safe-bottom))}.objective-hud{top:calc(.75rem + var(--safe-top));right:calc(.75rem + var(--safe-right));max-width:40vw;color:var(--colour-text);pointer-events:none;z-index:5;background:#0000008c;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;position:fixed}.objective-hud__item{margin:0}.objective-hud__item+.objective-hud__item{margin-top:.25rem}.objective-hud__count{font-variant-numeric:tabular-nums;min-width:2.25em;font-weight:600;display:inline-block}.objective-hud__item--complete{color:#9fe8ac}.perf-readout{top:calc(.5rem + var(--safe-top));left:calc(.5rem + var(--safe-left));color:#9ff59f;pointer-events:none;z-index:20;background:#0009;border-radius:4px;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;position:fixed}