:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#11100f;color:#f4efe8}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app{display:grid;place-items:center;background:#11100f;position:relative}#game{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#181512;touch-action:none}#orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#11100f;color:#f4efe8;text-align:center;z-index:10}#orientation-gate[hidden]{display:none}.gate-panel{width:min(460px,100%)}.gate-panel h1{margin:0 0 10px;font-size:clamp(26px,7vw,42px);line-height:1.05}.gate-panel p{margin:0 0 22px;color:#cfc2b4;font-size:16px;line-height:1.4}#gate-button{min-width:152px;border:1px solid #d7b06a;border-radius:8px;background:#d7a64d;color:#1c1309;padding:12px 18px;font:700 16px/1 ui-sans-serif,system-ui,sans-serif}#gate-button[hidden]{display:none}#hud{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);z-index:3;display:grid;justify-items:center;gap:6px;width:min(560px,calc(100vw - 32px));color:#f4efe8;text-align:center;pointer-events:none}#objective{border:1px solid rgb(244 239 232 / .18);border-radius:8px;background:#12100ec2;padding:8px 12px;font:700 15px/1.25 ui-sans-serif,system-ui,sans-serif}#quest-message{border-radius:7px;background:#12100ead;padding:6px 10px;font:600 13px/1.25 ui-sans-serif,system-ui,sans-serif}#quest-message:empty{display:none}.hud-actions{display:flex;gap:8px;pointer-events:auto}#restart-button{border:1px solid #d7b06a;border-radius:8px;background:#d7a64d;color:#1c1309;padding:10px 14px;font:800 13px/1 ui-sans-serif,system-ui,sans-serif}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#0000006b}.tutorial-backdrop[hidden]{display:none}.tutorial-panel{width:min(430px,calc(100vw - 36px));border:1px solid rgb(255 216 77 / .7);border-radius:8px;background:#16120ff0;box-shadow:0 18px 50px #0000006b;color:#f4efe8;padding:20px;text-align:center}.tutorial-panel h2{margin:0 0 10px;font-size:24px;line-height:1.1}.tutorial-panel p{margin:0 auto 8px;color:#e5d8c7;font:700 15px/1.35 ui-sans-serif,system-ui,sans-serif}#tutorial-button{min-width:132px;min-height:46px;margin-top:12px;border:1px solid #f2c765;border-radius:8px;background:#d7a64d;color:#1c1309;font:900 15px/1 ui-sans-serif,system-ui,sans-serif}#debug-toggle{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:4;border:1px solid rgb(244 239 232 / .34);border-radius:8px;background:#12100eb8;color:#f4efe8;padding:9px 11px;font:700 12px/1 ui-sans-serif,system-ui,sans-serif}#debug-toggle[aria-pressed=true]{border-color:#38bdf8;color:#dff7ff}#status{position:fixed;left:max(12px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));padding:6px 8px;border-radius:6px;background:#12100ec7;color:#f4efe8;font-size:12px;line-height:1.3;pointer-events:none}#status:empty{display:none}