:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#0c111bc7;--panel-border:#ffffff26;--accent:#fc6;--ok:#72e0a2;--danger:#ff716f;background:#10141d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;height:100%;margin:0;overflow:hidden}button{color:inherit;font:inherit}#app{touch-action:none;background:#10141d;width:100vw;height:100vh;display:block}#hud{pointer-events:none;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:16px 18px;position:fixed;box-shadow:0 18px 60px #00000040}.panel--briefing{left:max(18px, env(safe-area-inset-left));max-width:440px;top:max(18px, env(safe-area-inset-top))}.panel--tasks{max-width:380px;right:max(18px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top))}.panel__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.panel__header strong{color:var(--accent);font-size:.92rem}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:800}h1,h2,p{margin-block-start:0}h1{margin-block-end:10px;font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1}h2{margin-block-end:12px;font-size:clamp(1.6rem,3vw,2.4rem)}#status{color:#f7fbffd1;margin:0;line-height:1.45}#task-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}#task-list li{color:#f7fbffb8;grid-template-columns:22px 1fr;align-items:center;gap:10px;line-height:1.25;display:grid}#task-list li:before{color:#0000;content:"✓";background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;display:grid}#task-list li.done{color:var(--ok)}#task-list li.done:before{color:var(--ok);background:#72e0a238;border-color:#72e0a2b3}.prompt,.toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;border-radius:999px;max-width:min(680px,100vw - 32px);padding:12px 18px;position:fixed;left:50%;transform:translate(-50%)}.prompt{color:#2f1d05;background:#ffcc66eb;font-weight:800;bottom:118px}.toast{border:1px solid var(--panel-border);background:#0c111be0;bottom:72px}.hidden{display:none!important}#reticle{border:2px solid #ffffffe6;border-radius:999px;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle:after{content:"";background:#ffffffe6;border-radius:999px;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result{pointer-events:auto;z-index:10;background:radial-gradient(circle,#ffcc6624,#0000 36rem),#03070cbd;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result__card{border:1px solid var(--panel-border);text-align:center;background:#0c111bf0;border-radius:28px;max-width:min(560px,100vw - 28px);padding:28px;box-shadow:0 24px 90px #00000073}#result-summary{color:#f7fbffc7;line-height:1.5}#restart,#action-button,#extinguish-button{color:#251606;cursor:pointer;background:linear-gradient(#ffdc86,#ffb33c);border:0;border-radius:999px;padding:14px 20px;font-weight:900}#restart{pointer-events:auto;min-width:180px}#mobile-controls{padding:0 max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:4;display:none;position:fixed;inset:auto 0 0}#look-pad{pointer-events:auto;height:138px;right:max(30px, env(safe-area-inset-right));touch-action:none;z-index:1;background:#0c111b6b;border:1px solid #ffffff38;border-radius:999px;width:138px;display:none;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 14px 40px #00000038}.look-button{color:#ffffffd6;text-shadow:0 1px 10px #00000059;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.25rem;font-weight:900;line-height:1;display:flex;position:absolute}.look-button:active,.look-button.is-active{color:#2f1d05;background:#ffcc66db;border-color:#ffcc66fa}.look-button--up{top:8px;left:50%;transform:translate(-50%)}.look-button--right{top:50%;right:8px;transform:translateY(-50%)}.look-button--down{bottom:8px;left:50%;transform:translate(-50%)}.look-button--left{top:50%;left:8px;transform:translateY(-50%)}.look-button--center{letter-spacing:.06em;width:46px;height:46px;font-size:.58rem;top:50%;left:50%;transform:translate(-50%,-50%)}#joystick{bottom:max(22px, env(safe-area-inset-bottom));height:128px;left:max(22px, env(safe-area-inset-left));pointer-events:auto;touch-action:none;z-index:2;background:#ffffff1c;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:128px;display:flex;position:fixed}#stick{pointer-events:none;background:#ffffffb8;border-radius:999px;width:56px;height:56px;transform:translate(0)}.mobile-actions{bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;right:max(22px, env(safe-area-inset-right));z-index:2;gap:12px;display:flex;position:fixed}.mobile-actions button{touch-action:manipulation;-webkit-user-select:none;user-select:none;min-width:112px}#extinguish-button{color:#fff;background:linear-gradient(#ff8583,#e8403d)}@media (hover:none),(pointer:coarse){#mobile-controls,#look-pad{display:block}.panel{border-radius:16px;padding:12px 14px}.panel--briefing{left:max(10px, env(safe-area-inset-left));max-width:min(48vw,360px);top:max(10px, env(safe-area-inset-top))}.panel--tasks{max-width:min(46vw,340px);right:max(10px, env(safe-area-inset-right));top:max(10px, env(safe-area-inset-top))}h1{margin-block-end:6px;font-size:1.18rem}#status,#task-list{font-size:.84rem}.prompt{bottom:164px}.toast{bottom:116px}}@media (orientation:portrait) and (hover:none),(orientation:portrait) and (pointer:coarse){.panel--briefing,.panel--tasks{max-width:calc(100vw - 20px)}.panel--tasks{top:136px}#task-list{gap:5px}#look-pad{height:118px;right:max(18px, env(safe-area-inset-right));width:118px}.look-button{width:34px;height:34px}.look-button--center{width:42px;height:42px}}