:root{color-scheme:dark}html{background:#0b0b12}html,body{margin:0;padding:0;width:100%;height:100%;min-height:100dvh;background:#0b0b12;color:#f3f3f7;font-family:Hiragino Sans,Yu Gothic,system-ui,-apple-system,sans-serif;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#renderCanvas{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none;outline:none}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#crosshair{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 0 2px #00000073;transition:transform 80ms ease-out,background 80ms ease-out,box-shadow 80ms ease-out}#crosshair.hit{background:#fffffffa;box-shadow:0 0 0 2px #ffffffe6,0 0 12px 4px #ffdc78d9;transform:scale(1.7)}#hp-panel{position:absolute;left:24px;bottom:22px;width:260px;pointer-events:none}#hp-label{font-size:.78rem;letter-spacing:.08em;color:#ffffffeb;text-shadow:0 1px 0 rgba(0,0,0,.45);margin-bottom:5px}#hp-track{height:12px;background:#0000008c;border:1px solid rgba(255,255,255,.35);border-radius:7px;overflow:hidden}#hp-bar{height:100%;width:100%;background:#2cdd2c;transition:width .18s ease-out,background .22s ease-out}#kill-panel{position:absolute;right:24px;bottom:22px;padding:8px 14px;background:#12121c8c;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-size:.9rem;letter-spacing:.06em;pointer-events:none}#stage-panel{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:8px 18px;background:#12121c8c;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.9rem;letter-spacing:.08em;color:#ffffffeb;text-shadow:0 1px 0 rgba(0,0,0,.45);pointer-events:none;white-space:nowrap}#damage-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,transparent 42%,rgba(220,40,40,.55) 100%);opacity:0;transition:opacity .18s ease-out;pointer-events:none;z-index:6}#damage-overlay.active{opacity:1;transition:none}#mobile-controls{position:fixed;inset:0;z-index:8;display:none;pointer-events:none}#move-pad{position:absolute;left:calc(env(safe-area-inset-left) + 20px);bottom:calc(env(safe-area-inset-bottom) + 22px);width:clamp(112px,26vw,148px);aspect-ratio:1;border-radius:50%;background:#0c10186b;border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 0 18px #ffffff14;pointer-events:auto;touch-action:none}#move-knob{position:absolute;left:50%;top:50%;width:38%;aspect-ratio:1;border-radius:50%;background:#ffffffb8;box-shadow:0 6px 16px #00000047;transform:translate(-50%,-50%)}#fire-button{position:absolute;right:calc(env(safe-area-inset-right) + 22px);bottom:calc(env(safe-area-inset-bottom) + 30px);width:clamp(84px,20vw,112px);aspect-ratio:1;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:#ff5468c7;color:#fff;font:700 .86rem/1 system-ui,-apple-system,sans-serif;letter-spacing:.08em;box-shadow:0 10px 24px #0000004d;pointer-events:auto;touch-action:none}#fire-button:active{transform:scale(.94);background:#ff7484e6}#overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1014288c,#08080ed1);cursor:pointer;transition:opacity .16s ease-out}#overlay.hidden{opacity:0;pointer-events:none}#end-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#06060cbd;cursor:pointer;outline:none}#end-overlay.hidden{display:none}#end-subtitle{margin:.4em 0 .8em;font-size:.95rem;color:#f0e6f0;opacity:.88;max-width:34ch;line-height:1.5}#end-subtitle:empty{display:none}.overlay-card{text-align:center;padding:1.5rem 2.25rem;border-radius:14px;background:#141622d1;box-shadow:0 18px 36px #00000059;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}.overlay-card h1{margin:0 0 .25em;font-size:1.9rem;letter-spacing:.08em;color:#ffd9ec;text-shadow:0 2px 0 rgba(0,0,0,.35)}.overlay-card .lead{margin:.35em 0 .6em;font-size:1.05rem;color:#eaeaea}.overlay-card .hint{margin:0;font-size:.85rem;opacity:.72}.touch-hint{display:none}#end-title[data-variant=win]{color:#9bffb9}#end-title[data-variant=lose]{color:#f89}@media (pointer: coarse){body.touch-controls-active #mobile-controls{display:block}#hp-panel{top:calc(env(safe-area-inset-top) + 50px);bottom:auto;left:14px;width:min(42vw,176px)}#hp-label{font-size:.7rem}#kill-panel{top:calc(env(safe-area-inset-top) + 50px);right:14px;bottom:auto;padding:7px 10px;font-size:.75rem}#stage-panel{top:calc(env(safe-area-inset-top) + 10px);max-width:calc(100vw - 24px);padding:7px 12px;overflow:hidden;text-overflow:ellipsis;font-size:.72rem}.overlay-card{width:min(86vw,360px);padding:1.25rem 1.1rem}.overlay-card h1{font-size:1.55rem}.overlay-card .lead{font-size:1rem}.desktop-hint{display:none}.touch-hint{display:block}}