*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#0e0e12;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#eee}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#joystick-zone{position:fixed;left:0;bottom:0;width:45vw;max-width:240px;height:40vh;max-height:240px;z-index:10;touch-action:none}#action-btn{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:88px;height:88px;border-radius:50%;border:3px solid #ff5544;background:#ff3c2840;color:#ffdcd6;font-size:15px;font-weight:700;letter-spacing:1px;z-index:10;touch-action:none}#action-btn:active{background:#ff3c288c}#hud{position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;z-index:10;pointer-events:none}#objective{display:inline-block;background:#0000008c;border-left:3px solid #ffcc44;padding:8px 12px;border-radius:6px;font-size:14px;max-width:90vw}#hp-bars{margin-top:10px}.hp-row{display:flex;align-items:center;gap:8px;margin-top:6px}.hp-label{font-size:12px;width:130px;text-shadow:0 1px 2px #000}.hp-track{flex:1;max-width:220px;height:12px;background:#0009;border-radius:6px;overflow:hidden}.hp-fill{height:100%;width:100%;transition:width .15s}.hp-fill.player{background:#4c6}.hp-fill.boss{background:#e44}#overlay{position:fixed;inset:0;z-index:20;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}#overlay-box{background:#1a1a22;border:1px solid #333;border-radius:14px;padding:24px;max-width:420px;width:100%;text-align:center}#overlay-text{font-size:17px;line-height:1.5;white-space:pre-line;margin-bottom:18px}#overlay-buttons{display:flex;flex-direction:column;gap:10px}#overlay-buttons button{padding:14px 16px;font-size:16px;font-weight:600;border:none;border-radius:10px;background:#2e6df6;color:#fff;touch-action:manipulation}#overlay-buttons button.danger{background:#d63b3b}#overlay-buttons button.neutral{background:#555}#overlay-buttons button:active{filter:brightness(1.25)}.hidden{display:none!important}#start-screen{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 35%,#1c2030,#0a0b10 70%);display:flex;align-items:center;justify-content:center}#start-box{text-align:center}.start-pre{font-size:14px;letter-spacing:6px;color:#8fa3c8;margin-bottom:6px}#start-box h1{font-size:34px;letter-spacing:3px;color:#fff;text-shadow:0 0 24px rgba(80,140,255,.5);margin-bottom:28px}#start-btn{padding:16px 42px;font-size:18px;font-weight:800;letter-spacing:2px;border:2px solid #5b8cff;border-radius:12px;background:#3c6eff2e;color:#dbe6ff;touch-action:manipulation}#start-btn:active{background:#3c6eff73}.start-hint{margin-top:16px;font-size:12px;color:#6b7896}#vhs{position:fixed;inset:0;z-index:15;pointer-events:none}#vhs-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#0000 0px 2px,#0000002e 3px,#0000 4px);mix-blend-mode:multiply;animation:vhs-roll 8s linear infinite}#vhs-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 55%,#0000008c)}#vhs:after{content:"";position:absolute;inset:-50%;background-image:repeating-conic-gradient(rgba(255,255,255,.04) 0% .0001%,transparent .0002% .0004%);animation:vhs-noise .18s steps(3) infinite;opacity:.55}@keyframes vhs-noise{0%{transform:translate(0)}50%{transform:translate(-2%,1%)}to{transform:translate(1%,-2%)}}@keyframes vhs-roll{0%{transform:translateY(0)}to{transform:translateY(16px)}}#rec{position:fixed;top:max(14px,env(safe-area-inset-top));right:16px;z-index:16;color:#ff3b30;font-weight:800;font-size:15px;letter-spacing:2px;text-shadow:0 0 8px rgba(255,40,30,.8);animation:rec-blink 1s steps(1) infinite;font-family:Courier New,monospace}@keyframes rec-blink{50%{opacity:.15}}#intro-hp{position:fixed;top:max(14px,env(safe-area-inset-top));left:14px;z-index:16;font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#7cfc00;text-shadow:0 0 6px rgba(80,255,40,.7);background:#0006;padding:6px 10px;border-radius:4px}#subtitles{position:fixed;left:50%;transform:translate(-50%);bottom:max(120px,calc(env(safe-area-inset-bottom) + 110px));z-index:16;max-width:86vw;text-align:center;pointer-events:none}#sub-speaker{display:block;font-size:12px;font-weight:800;letter-spacing:2px;color:#fc4;margin-bottom:4px;text-shadow:0 1px 3px #000}#sub-text{display:inline-block;font-size:17px;font-weight:600;line-height:1.4;color:#fff;background:#000000a6;padding:8px 14px;border-radius:8px}#title-card{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;text-align:center;font-size:30px;font-weight:900;letter-spacing:3px;color:#fff;padding:0 24px;background:#780a0a8c;text-shadow:0 0 24px rgba(255,60,40,.9),0 4px 8px #000;animation:title-punch .45s cubic-bezier(.2,2.2,.4,1);pointer-events:none;white-space:pre-line}@keyframes title-punch{0%{transform:scale(2.6);opacity:0}to{transform:scale(1);opacity:1}}#qte-btn{position:fixed;left:50%;transform:translate(-50%);bottom:max(34vh,240px);z-index:31;padding:18px 36px;font-size:20px;font-weight:900;letter-spacing:2px;border:3px solid #ffd34d;border-radius:14px;background:#ffaa1e40;color:#ffe9b0;animation:qte-pulse .6s ease-in-out infinite alternate;touch-action:manipulation}@keyframes qte-pulse{0%{transform:translate(-50%) scale(1);box-shadow:0 0 #ffc83c00}to{transform:translate(-50%) scale(1.08);box-shadow:0 0 26px #ffc83cb3}}#skip-btn{position:fixed;right:14px;bottom:max(18px,env(safe-area-inset-bottom));z-index:31;padding:10px 16px;font-size:13px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#00000073;color:#ccc;touch-action:manipulation}#weapon-menu{position:fixed;inset:0;z-index:40;background:#05060a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;animation:wm-in .35s ease}@keyframes wm-in{0%{opacity:0}to{opacity:1}}#weapon-circle{position:relative;width:280px;height:280px;border-radius:50%;border:2px dashed rgba(255,255,255,.25)}.weapon-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:800;letter-spacing:2px;color:#9fb0d0;pointer-events:none}.weapon-slot{position:absolute;top:50%;left:50%;width:78px;height:78px;margin:-39px 0 0 -39px;transform:rotate(var(--a)) translate(140px) rotate(calc(-1 * var(--a)));border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#1e2230e6;color:#fff;font-size:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation}.weapon-slot span{font-size:11px;font-weight:700;margin-top:2px}.weapon-slot.active{border-color:#7cfc00;box-shadow:0 0 20px #78ff2880;animation:qte-pulse-w .7s ease-in-out infinite alternate}@keyframes qte-pulse-w{to{box-shadow:0 0 32px #78ff28e6}}.weapon-slot.locked{opacity:.4;font-size:20px}#app:before,#app:after{content:none}body.cinema #cinema-top,body.cinema #cinema-bottom{transform:scaleY(1)}#cinema-top,#cinema-bottom{position:fixed;left:0;right:0;height:7vh;background:#000;z-index:14;transform:scaleY(0);transition:transform .6s ease}#cinema-top{top:0;transform-origin:top}#cinema-bottom{bottom:0;transform-origin:bottom}