*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#050308;font-family:Segoe UI,system-ui,sans-serif;color:#e8dcc8}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#500a0a8c,#050308eb 70%),linear-gradient(180deg,#05030866,#140408d9);z-index:10;transition:opacity .35s ease}.overlay.hidden{opacity:0;pointer-events:none}.overlay-panel{text-align:center;max-width:480px;padding:2.5rem 2rem;border:1px solid rgba(180,40,40,.45);background:#0c060abf;box-shadow:0 0 60px #78000059}.overlay-panel h1{font-size:2.2rem;letter-spacing:.18em;font-weight:700;color:#f2e6d0;text-shadow:0 0 24px rgba(200,40,40,.55);margin-bottom:.4rem}.tagline{color:#a88878;font-size:.85rem;letter-spacing:.08em;margin-bottom:1.6rem;text-transform:uppercase}.menu-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}#play-btn,#fullscreen-btn{appearance:none;border:1px solid #c44;background:linear-gradient(180deg,#6a1818,#3a0a0a);color:#f5e8d4;padding:.85rem 2rem;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}#fullscreen-btn{border-color:#866;background:linear-gradient(180deg,#3a2a2a,#1a1212);font-size:.85rem;padding:.85rem 1.25rem}.menu-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.85rem}.mirror-quality{display:flex;align-items:center;gap:.55rem;color:#c4b4a4;font-size:.82rem;letter-spacing:.04em}.mirror-quality-row{display:flex;align-items:center;gap:.55rem;cursor:pointer;user-select:none}.mirror-quality-row input{position:absolute;opacity:0;pointer-events:none}.mq-bad,.mq-good{opacity:.42;transition:opacity .15s ease,color .15s ease}.mirror-quality-row:not(:has(input:checked)) .mq-bad,.mirror-quality-row:has(input:checked) .mq-good{opacity:1;color:#f5e8d4}.toggle-ui{position:relative;width:2.35rem;height:1.2rem;border-radius:999px;border:1px solid #866;background:linear-gradient(180deg,#3a2a2a,#1a1212);box-shadow:inset 0 0 0 1px #00000040;transition:background .15s ease,border-color .15s ease}.toggle-ui:after{content:"";position:absolute;top:.1rem;left:.12rem;width:.88rem;height:.88rem;border-radius:50%;background:#d8c8b4;transition:transform .16s ease}.mirror-quality-row:has(input:checked) .toggle-ui{border-color:#c44;background:linear-gradient(180deg,#6a1818,#3a0a0a)}.mirror-quality-row:has(input:checked) .toggle-ui:after{transform:translate(1.1rem);background:#f5e8d4}.help-q{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid #866;color:#c4b4a4;font-size:.72rem;font-weight:700;cursor:help;flex-shrink:0}.help-q:hover,.help-q:focus{border-color:#caa;color:#f5e8d4;outline:none}.help-tip{display:none;position:absolute;left:50%;bottom:calc(100% + .45rem);transform:translate(-50%);width:max-content;max-width:14rem;padding:.4rem .55rem;border:1px solid #866;background:#1a1212;color:#f5e8d4;font-size:.72rem;font-weight:400;letter-spacing:.02em;line-height:1.35;white-space:nowrap;pointer-events:none;z-index:4}.help-q:hover .help-tip,.help-q:focus .help-tip{display:block}#play-btn:hover,#fullscreen-btn:hover{transform:translateY(-1px);border-color:#f66;box-shadow:0 0 28px #c8282873}#fullscreen-btn:hover{border-color:#caa;box-shadow:0 0 20px #a0786459}body.playing,body.playing #game-canvas{cursor:none!important}.controls{margin-top:1.6rem;font-size:.8rem;color:#9a8478;line-height:1.8}.controls a{color:#e8c070;text-decoration:none;border-bottom:1px solid rgba(232,192,112,.35)}.controls a:hover{color:#ffe7a8}kbd{display:inline-block;min-width:1.4em;padding:.1em .35em;margin:0 .1em;border:1px solid rgba(180,140,120,.35);border-radius:3px;background:#281414b3;color:#e8dcc8;font-family:inherit;font-size:.75rem}.debug{position:absolute;top:12px;left:12px;z-index:5;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.45;color:#d8c8b0;background:#00000073;padding:8px 10px;border:1px solid rgba(120,60,40,.35);pointer-events:none;white-space:pre}.debug.hidden,.crosshair.hidden,.inspect-probe.hidden{display:none}.inspect-probe{position:absolute;top:12px;right:12px;z-index:8;max-width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.45;color:#e8f0d8;background:#060a08e0;padding:10px 12px;border:1px solid rgba(140,180,90,.45);box-shadow:0 0 24px #00000073;pointer-events:none;white-space:pre}.inspect-probe.copied{border-color:#b4dc5ad9;box-shadow:0 0 24px #508c2873}.inspect-body{margin:0;font:inherit;color:inherit;white-space:pre}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;color:#e6d2b4bf;font-size:18px;font-weight:300;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.8);user-select:none}.ammo{position:absolute;right:28px;bottom:28px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;font-family:ui-monospace,Consolas,monospace;font-size:18px;line-height:1.35;color:#f0e2c8;text-shadow:0 2px 10px rgba(0,0,0,.85);pointer-events:none;letter-spacing:.06em}.ammo.hidden{display:none}.weapon-hud{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:5;display:flex;gap:5px;pointer-events:none}.weapon-hud.hidden{display:none}.weapon-slot{width:44px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#080a0c94;border:1px solid rgba(180,170,150,.22);font-family:ui-monospace,Consolas,monospace;opacity:.38}.weapon-slot.owned{opacity:.95;background:color-mix(in srgb,var(--wep) 28%,rgba(10,12,14,.78));border-color:color-mix(in srgb,var(--wep) 62%,#1a1814)}.weapon-slot.equipped{opacity:1;background:color-mix(in srgb,var(--wep) 50%,rgba(12,10,8,.45));border-color:var(--wep);box-shadow:0 0 14px color-mix(in srgb,var(--wep) 48%,transparent);outline:1px solid rgba(255,236,190,.4)}.weapon-slot-num{font-size:10px;letter-spacing:.1em;color:color-mix(in srgb,var(--wep) 75%,#fff)}.weapon-slot-ammo{font-size:13px;font-weight:700;color:#f0e2c8;text-shadow:0 1px 6px rgba(0,0,0,.75)}.weapon-slot:not(.owned) .weapon-slot-ammo,.weapon-slot:not(.owned) .weapon-slot-num{color:#6a645c}#ammo-text{white-space:pre}.hp-hud{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:168px;margin-bottom:4px}#hp-hud-text{font-size:22px;font-weight:700;letter-spacing:.1em;color:#e8f0d8;text-shadow:0 2px 12px rgba(0,0,0,.9)}.hp-hud.low #hp-hud-text{color:#ffc14a}.hp-hud.critical #hp-hud-text{color:#ff6a55}.hp-hud-track{width:168px;height:9px;background:#0a08089e;border:1px solid rgba(230,210,180,.35);box-shadow:0 0 10px #00000073}#hp-hud-fill{height:100%;width:100%;background:linear-gradient(90deg,#6a9a48,#c8e070);transform-origin:left center;transform:scaleX(1)}.hp-hud.low #hp-hud-fill{background:linear-gradient(90deg,#a86a18,#f0c050)}.hp-hud.critical #hp-hud-fill{background:linear-gradient(90deg,#8a1810,#e05040)}.play-reload{pointer-events:auto;cursor:pointer;font:inherit;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#f0e2c8;background:#0c1012b8;border:1px solid rgba(200,180,130,.45);padding:.28rem .7rem}.play-reload:hover{border-color:#e6d2a0bf;background:#161a1cd9}.play-reload.hidden{display:none}.pickup-toast{position:absolute;left:50%;bottom:22%;transform:translate(-50%);z-index:6;padding:.55rem 1.1rem;font-family:ui-monospace,Consolas,monospace;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#f2e8d0;background:#080c10b8;border:1px solid rgba(180,200,140,.45);box-shadow:0 0 24px #00000073;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .15s ease}.pickup-toast.visible{opacity:1}.pickup-toast.hidden{display:none}.pickup-tip{position:absolute;left:0;top:0;z-index:6;padding:.28rem .62rem .32rem;font-family:ui-monospace,Consolas,monospace;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:#f2e8d0;background:#080c10c7;border:1px solid rgba(200,210,150,.5);box-shadow:0 0 18px #00000080;pointer-events:none;white-space:nowrap;opacity:0;transform:translate(-50%,calc(-100% - 10px));transition:opacity .1s ease}.pickup-tip.visible{opacity:1}.pickup-tip:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);border:7px solid transparent;border-top-color:#080c10c7}.speech-tips{position:absolute;inset:0;z-index:7;pointer-events:none}.speech-tip{position:absolute;left:0;top:0;padding:.4rem .85rem .44rem 2.15rem;font-family:Georgia,Palatino Linotype,Times New Roman,serif;font-style:italic;font-size:.92rem;font-weight:600;letter-spacing:.01em;line-height:1.28;color:#ffe8c4;background:linear-gradient(180deg,#561612f0,#20080aeb);border:2px solid rgba(255,132,72,.82);border-radius:18px 18px 18px 7px;box-shadow:0 0 18px #b424106b,inset 0 0 14px #ff461e1a;pointer-events:none;white-space:normal;text-align:left;max-width:17rem;opacity:0;transform:translate(-50%,calc(-100% - 16px));transition:opacity .12s ease}.speech-tip.visible{opacity:1;animation:speech-shout .55s ease-in-out infinite alternate}.speech-tip:before{content:"!!";position:absolute;left:.42rem;top:50%;transform:translateY(-52%);font-family:Impact,Arial Black,system-ui,sans-serif;font-style:normal;font-weight:800;font-size:.95rem;letter-spacing:-.06em;color:#ff6a38;text-shadow:0 0 8px rgba(255,80,30,.7);line-height:1}.speech-tip:after{content:"";position:absolute;left:1.35rem;bottom:-8px;width:14px;height:14px;background:#20080aeb;border-right:2px solid rgba(255,132,72,.82);border-bottom:2px solid rgba(255,132,72,.82);transform:rotate(45deg)}@keyframes speech-shout{0%{filter:brightness(1)}to{filter:brightness(1.12)}}.dmg-fx{position:absolute;inset:0;z-index:7;pointer-events:none}.dmg-vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(130,0,10,.62) 100%)}.hp-pulse{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 52%,rgba(110,8,16,.28) 100%)}.hp-pulse.active{animation:hp-pulse 2.6s ease-in-out infinite}.hp-pulse.critical{animation-duration:1.85s}@keyframes hp-pulse{0%,to{opacity:.05}50%{opacity:.16}}.dmg-wedge{position:absolute;left:50%;top:50%;width:300px;height:300px;opacity:0;transform:translate(-50%,-50%) rotate(0)}.dmg-wedge:before{content:"";position:absolute;left:50%;top:4%;width:112px;height:54px;transform:translate(-50%);background:linear-gradient(to bottom,rgba(255,52,38,.95),rgba(255,30,20,.18) 72%,transparent);clip-path:polygon(50% 0%,0% 100%,100% 100%);filter:drop-shadow(0 0 12px rgba(255,40,30,.7))}.dmg-wedge:after{content:"";position:absolute;left:50%;top:-10%;width:160px;height:22px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(255,55,40,.88),transparent 72%)}.calib-panel{position:absolute;top:14px;right:14px;z-index:12;width:min(340px,calc(100vw - 28px));padding:12px 14px;background:#080a0ee0;border:1px solid rgba(255,200,80,.45);box-shadow:0 0 28px #00000073;font-family:ui-monospace,Consolas,monospace;color:#f0e6d0;pointer-events:auto}.calib-panel.hidden{display:none}.calib-title{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fc6;margin-bottom:8px}.calib-status{font-size:12px;line-height:1.4;color:#c8b8a0;margin-bottom:10px;white-space:normal}.calib-values{font-size:12px;line-height:1.45;color:#e8dcc8;background:#00000059;border:1px solid rgba(120,100,60,.35);padding:8px 10px;margin-bottom:10px;white-space:pre;overflow-x:auto}.calib-row{display:flex;gap:8px;margin-bottom:8px}.calib-btn{flex:1;appearance:none;border:1px solid rgba(180,150,80,.45);background:#1e180ee6;color:#e8dcc8;padding:.45rem .5rem;font-size:12px;font-family:inherit;cursor:pointer}.calib-btn:hover{border-color:#fc6}.calib-btn.active{border-color:#fc6;background:#50370cf2;color:#ffe7a8}.calib-btn.primary{border-color:#78c8788c;background:#122816f2}.calib-btn.hidden{display:none}.calib-hint{margin-top:4px;font-size:11px;color:#8a8070;line-height:1.4}.vm-calib-panel{position:absolute;top:12px;right:12px;z-index:12;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;padding:14px 14px 12px;background:linear-gradient(180deg,#120e0cf0,#0a0808eb);border:1px solid rgba(212,176,122,.4);box-shadow:0 12px 40px #0000008c;font-family:ui-monospace,Consolas,monospace;color:#f0e6d0;pointer-events:auto;backdrop-filter:blur(8px)}.vm-calib-panel.hidden{display:none}.vm-calib-title{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#e8c070;margin-bottom:6px}.vm-calib-status{font-size:12px;line-height:1.4;color:#c8b8a0;margin-bottom:10px}.vm-calib-row{display:flex;gap:6px;margin-bottom:8px}.vm-calib-row-wrap{flex-wrap:wrap}.calib-btn-beat{flex:1 1 30%;font-size:11px;padding:.35rem .3rem}.vm-calib-section{margin:10px 0 12px;padding-top:8px;border-top:1px solid rgba(180,140,90,.22)}.vm-calib-section.hidden{display:none}.vm-calib-section-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d4b07a;margin-bottom:8px}.vm-calib-subhead{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b8a078;margin:8px 0 6px}.vm-slider-row{display:grid;grid-template-columns:52px 1fr 64px 28px;align-items:center;gap:6px;margin-bottom:5px}.vm-slider-label{font-size:11px;color:#c8b8a0}.vm-slider-row input[type=range]{width:100%;accent-color:#e8b45c;height:16px}.vm-slider-num{width:64px;appearance:textfield;background:#0006;border:1px solid rgba(180,140,90,.35);color:#f0e6d0;font-family:inherit;font-size:11px;padding:3px 4px}.vm-slider-num::-webkit-outer-spin-button,.vm-slider-num::-webkit-inner-spin-button{appearance:none;margin:0}.vm-reset-one{appearance:none;width:28px;height:24px;border:1px solid rgba(180,150,80,.35);background:#1e180ee6;color:#e8dcc8;font-size:13px;line-height:1;cursor:pointer;padding:0}.vm-reset-one:hover{border-color:#fc6;color:#ffe7a8}.vm-section-reset{margin-top:8px;width:100%}.vm-calib-snippet{max-height:220px;overflow:auto;user-select:text;cursor:text}.vm-calib-panel .calib-hint code{color:#e8c070}.build-version{position:absolute;right:14px;bottom:8px;z-index:12;font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:.08em;color:#c8bca88c;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none;user-select:none}.update-nudge{position:absolute;top:14px;right:14px;z-index:16;display:none;pointer-events:auto}.update-nudge.visible{display:block}.update-nudge-icon{appearance:none;width:40px;height:40px;padding:0;border:1px solid rgba(232,192,112,.55);border-radius:8px;background:#0c0a08c7;color:#f0c060;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:update-blink 1.1s ease-in-out infinite}.update-nudge-icon:hover{border-color:#ffe7a8;color:#ffe7a8}.update-nudge-tip{display:none;position:absolute;top:46px;right:0;width:max-content;max-width:220px;padding:.55rem .7rem .6rem;background:#0a0808eb;border:1px solid rgba(232,192,112,.45);box-shadow:0 0 20px #00000080;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.45;color:#f0e6d0;letter-spacing:.03em}.update-nudge:hover .update-nudge-tip,.update-nudge:focus-within .update-nudge-tip{display:block}.update-nudge-tip a{color:#e8c070;text-decoration:none;border-bottom:1px solid rgba(232,192,112,.4)}.update-nudge-tip a:hover{color:#ffe7a8}body.playing .update-nudge.visible,body.playing .update-nudge.visible *{cursor:pointer!important}@keyframes update-blink{0%,to{opacity:1;box-shadow:0 0 14px #f0b44673}50%{opacity:.28;box-shadow:0 0 0 transparent}}