*{box-sizing:border-box}html,body{color:#f1ead8;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#0d1216;height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.label{letter-spacing:.18em;opacity:.8;font-size:12px}#hud{pointer-events:none;text-shadow:0 1px 3px #000c;position:fixed;inset:0}#hud-top-left{position:absolute;top:16px;left:20px}#score{font-size:40px;font-weight:700;line-height:1.1}#hud-top-right{text-align:right;position:absolute;top:16px;right:20px}#lives{justify-content:flex-end;gap:4px;margin-top:6px;display:flex}#lives .pip{background:#d9c38a;border-radius:2px;width:14px;height:20px;box-shadow:0 1px 3px #0009}#lives .pip.lost{background:#781e1499}#crosshair{border:2px solid #ffffffbf;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:after{content:"";background:#ff5a3c;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#banner{text-align:center;letter-spacing:.15em;opacity:0;width:100%;font-size:48px;font-weight:700;transition:opacity .4s;position:absolute;top:22%}#banner.show{opacity:1}#heat-wrap{text-align:center;width:min(320px,70vw);position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#heat-bar{background:#00000073;border:1px solid #fff6;border-radius:6px;height:12px;margin-top:4px;overflow:hidden}#heat-fill{background:linear-gradient(90deg,#f3d36b,#ff7a2f,#ff2d1a);width:0%;height:100%}#heat-warn{color:#ff4a2a;letter-spacing:.2em;visibility:hidden;margin-top:4px;font-weight:700}#heat-warn.show{visibility:visible;animation:.4s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}#briefing{text-shadow:none;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:90px;left:20px;right:20px}#briefing-portrait{aspect-ratio:2/3;background:#000;border:3px solid #d9c38a;outline:3px solid #000;flex:none;width:120px;position:relative;overflow:hidden;box-shadow:0 4px 14px #0009}#briefing-portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}#briefing-portrait:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}#briefing-bubble{color:#1a1d18;background:#f1ead8;border:3px solid #000;max-width:380px;margin-bottom:24px;padding:10px 14px 12px;font-family:Courier New,ui-monospace,monospace;font-size:15px;font-weight:700;line-height:1.35;position:relative;box-shadow:4px 4px #00000080}#briefing-bubble .label{color:#7a5c20;opacity:1;margin-bottom:4px}#briefing-bubble:before{content:"";transform-origin:100%;border:8px solid #0000;border-left:0;border-right-color:#000;position:absolute;bottom:14px;left:-15px;transform:scale(1.6)}#briefing-rest{visibility:hidden}@media (width<=520px){#briefing{gap:14px;left:12px;right:12px}#briefing-portrait{width:84px}#briefing-bubble{margin-bottom:12px;font-size:13px}}#damage{pointer-events:none;opacity:0;background:radial-gradient(#0000 40%,#c8140a8c);transition:opacity .5s;position:fixed;inset:0}#damage.show{opacity:1;transition:none}#overlay{cursor:pointer;background:#080e148c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#overlay .card{text-align:center;background:#141a16d9;border:1px solid #d9c38a80;border-radius:10px;width:100%;max-width:520px;padding:28px 28px 24px}#overlay h1{letter-spacing:.1em;color:#d9c38a;margin:0 0 6px;font-size:clamp(26px,7vw,38px)}#overlay p{margin:8px 0;line-height:1.45}#overlay .controls{opacity:.85;font-size:14px}#overlay .cta{color:#fff;margin-top:18px;font-size:20px;font-weight:700;animation:1.2s steps(2,end) infinite blink}#overlay .stats{font-size:20px}.touch-only{display:none}body.touch .touch-only{display:block}#fire-btn{right:calc(20px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;color:#fff;letter-spacing:.12em;text-shadow:0 1px 3px #000c;background:radial-gradient(circle at 40% 35%,#ff6e46bf,#aa1e0fb3);border:3px solid #ffffffbf;border-radius:50%;width:96px;height:96px;padding:0;font:700 18px Trebuchet MS,Segoe UI,system-ui,sans-serif;position:absolute;box-shadow:0 3px 12px #0000008c}#fire-btn.active{background:radial-gradient(circle at 40% 35%,#ffaa5ae6,#dc3214d9);transform:scale(.93)}#pause-btn{left:50%;top:calc(14px + env(safe-area-inset-top));pointer-events:auto;touch-action:none;background:#00000059;border:2px solid #fff9;border-radius:8px;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%)}#pause-btn:before,#pause-btn:after{content:"";background:#f1ead8;border-radius:1px;width:6px;height:16px;position:absolute;top:12px}#pause-btn:before{left:13px}#pause-btn:after{right:13px}body.touch #hud-top-left{top:calc(16px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left))}body.touch #hud-top-right{top:calc(16px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right))}body.touch #heat-wrap{left:calc(20px + env(safe-area-inset-left));text-align:left;bottom:calc(24px + env(safe-area-inset-bottom));width:min(280px,100vw - 160px);transform:none}body.touch #briefing{bottom:calc(130px + env(safe-area-inset-bottom))}body.touch #briefing-bubble{pointer-events:auto}body.touch #score{font-size:32px}@media (width<=520px){body.touch #lives .pip{width:10px;height:16px}}@media (height<=500px){body.touch #briefing{bottom:calc(88px + env(safe-area-inset-bottom));gap:12px;right:140px}body.touch #briefing-portrait{width:60px}body.touch #briefing-bubble{margin-bottom:4px;padding:6px 10px 8px;font-size:12px}body.touch #briefing-bubble .label{font-size:10px}}