:root{color-scheme:dark;font-family:Noto Sans KR,system-ui,sans-serif;background:#080b10;color:#e8edf2;--hud-cyan: #30b7ba;--hud-orange: #f39a3c;--hud-gold: #ffd66b;--hud-panel: rgba(12, 22, 29, .88);--hud-border: #536674}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:radial-gradient(circle at 50% 10%,#1b2b34 0,#080b10 48%)}#orientation-lock{display:none}button{border:1px solid #43515e;border-radius:6px;background:#121a22;color:#e8edf2;cursor:pointer;font:inherit;padding:.75rem 1rem;transition:.16s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:hover,button:focus-visible{border-color:#f39a3c;background:#24323c;outline:none}.screen{min-height:100vh;display:grid;place-items:center;padding:3rem}.hidden{display:none}.title-copy{position:relative;width:min(920px,90vw);text-align:left;margin-bottom:2rem}.title-mark{display:flex;align-items:center;gap:.7rem;width:min(280px,58vw);margin-bottom:1.1rem;color:var(--hud-gold);font-size:.72rem;letter-spacing:.22em}.title-mark i{display:block;flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--hud-orange));box-shadow:0 0 10px #f39a3c73}.title-mark i:last-child{background:linear-gradient(90deg,var(--hud-orange),transparent)}.title-mark span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--hud-orange);border-radius:50%;background:#361f0fb3;box-shadow:0 0 20px #f39a3c3d}.eyebrow{color:#f39a3c;letter-spacing:.18em;font-size:.8rem}h1{font-size:clamp(4rem,13vw,10rem);line-height:.9;margin:1rem 0;letter-spacing:-.08em;color:#f0f4f4;text-shadow:0 0 28px rgba(48,183,186,.16),0 8px 0 rgba(8,12,16,.8)}.subtitle{color:#aab5bf;font-size:clamp(1rem,2vw,1.4rem)}.menu-panel{width:min(920px,90vw);border:1px solid #394650;border-top-color:#30b7bab3;background:linear-gradient(135deg,#0d161df5,#090e13f0);padding:1.25rem;box-shadow:0 18px 60px #0000006b,0 0 35px #30b7ba14}.character-select,.stage-select,.menu-actions{display:flex;gap:.75rem;flex-wrap:wrap}.stage-select{margin-top:.75rem}.stage-select button.active{border-color:#30b7ba;color:#d8ffff;background:#113e41eb}.stage-select button:disabled{opacity:.45;cursor:not-allowed}.character.active,button.primary{border-color:#f39a3c;color:#111820;background:#f39a3c}.menu-actions{margin-top:1rem}.save-status{color:#81909d;font-size:.85rem}#game-screen{position:relative;display:block;width:100%;min-height:100svh;padding:0;overflow:hidden;background:#090d12}#game-screen,#game-screen *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hud{position:absolute;inset:1rem 1.2rem auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;z-index:2;text-shadow:0 2px 4px #000}.hud-label,.hud-center span,.hud-center strong,#weapon-name,#weapon-duration,.target-hint,.stage-message{display:none}.hud-left,.hud-right{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.hud-right{justify-content:end}.hud-center{display:grid;min-width:min(300px,34vw);text-align:center;gap:.2rem}.hud-center span{color:#aab5bf;font-size:.8rem}.hud-center>strong{display:block;color:#f3f7f8;font-size:.72rem;letter-spacing:.08em}.hud-center>span{display:block;color:#aab5bf;font-size:.66rem;white-space:nowrap}.hud-center>span:last-child{color:#d4dde2;font-size:.62rem}.hud-center>span>span{display:inline;color:inherit;font-size:inherit}.stage-progress{width:100%;height:8px;border:1px solid #394650;background:#161d23}.stage-progress i{display:block;height:100%;width:0;background:#f39a3c;transition:width .2s linear}.hud-right img{width:46px;height:28px;object-fit:contain;padding:3px 7px;border:1px solid var(--hud-border);border-radius:7px;background:var(--hud-panel)}.hud-metric{display:inline-flex;align-items:center;gap:.28rem;min-height:28px}.hud-icon{display:grid;place-items:center;width:21px;height:21px;border:1px solid currentColor;border-radius:50%;font-size:.86rem;font-weight:900;line-height:1}.hp-icon{color:#ff7780}.stamina-icon{color:var(--hud-cyan)}.weapon-status-chip{display:inline-flex;align-items:center;gap:.22rem;min-height:32px;padding:.2rem .38rem;border:1px solid var(--hud-border);border-radius:8px;background:var(--hud-panel)}.weapon-status-chip img{border:0;background:transparent;padding:0}.ammo-icon{color:#dbe8ee;font-size:.9rem}.score-display{display:inline-flex;align-items:center;gap:.28rem;min-height:32px;padding:.2rem .45rem;border:1px solid rgba(255,214,107,.45);border-radius:8px;background:#36270fc7;color:var(--hud-gold)}.score-label{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#fff0b0}.score-icon{display:grid;place-items:center;font-size:.8rem;line-height:1}.reload-status{display:none;color:#ffd66b;font-size:.68rem;font-weight:800;letter-spacing:.03em;white-space:nowrap}.reload-status[data-active=true]{display:inline}.reload-track{display:none;width:58px;height:4px;overflow:hidden;border-radius:99px;background:#ffd66b33}.reload-status[data-active=true]+.reload-track{display:block}.reload-track i{display:block;width:0;height:100%;background:#ffd66b;transition:width .08s linear}.bar{width:72px;height:8px;border:1px solid #394650;background:#161d23;border-radius:99px}.bar i{display:block;height:100%;width:100%;background:#d94b4b}.bar.stamina i{background:#30b7ba}#game-canvas{display:block;width:100vw;height:100svh;object-fit:contain;background:#10171e;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.weapon-pickup{position:absolute;z-index:3;transform:translate(-50%,-50%);display:grid;gap:.12rem;padding:.55rem .75rem;border:1px solid #ffd66b;border-radius:999px;background:#4b310af2;color:#fff0b0;box-shadow:0 0 18px #ffd66b73;font-size:.76rem}.weapon-pickup img{width:54px;height:28px;object-fit:contain;justify-self:center}.weapon-pickup small{color:#fff;font-size:.62rem}.weapon-pickup.hidden{display:none}@keyframes hit-shake{0%,to{transform:translateZ(0)}25%{transform:translate3d(-3px,1px,0)}50%{transform:translate3d(3px,-1px,0)}75%{transform:translate3d(-2px,0,0)}}#game-canvas.hit-shake{animation:hit-shake .14s linear}@keyframes boss-entry-shake{0%,to{transform:translateZ(0);filter:brightness(1)}12%{transform:translate3d(-7px,2px,0);filter:brightness(1.28)}24%{transform:translate3d(8px,-2px,0)}38%{transform:translate3d(-6px,1px,0)}52%{transform:translate3d(5px,-1px,0)}70%{transform:translate3d(-2px,0,0);filter:brightness(1.08)}}#game-canvas.boss-entry-shake{animation:boss-entry-shake .52s ease-out}@keyframes door-open-impact{0%{filter:brightness(1);transform:scale(1)}18%{filter:brightness(1.34);transform:scale(1.012)}42%{transform:scale(.996)}to{filter:brightness(1);transform:scale(1)}}#game-canvas.door-open-impact{animation:door-open-impact .42s ease-out}.controls{position:absolute;inset:auto .7rem max(.7rem,env(safe-area-inset-bottom));display:flex;justify-content:flex-start;align-items:end;z-index:2}.left-controls,.weapon-controls{display:flex;gap:.45rem;flex-wrap:wrap;max-width:40%}.target-hint{margin:0;color:#f4c27d;font-size:.8rem;text-align:center;background:#090d12d1;padding:.55rem .7rem}.icon-button{width:62px;height:62px;padding:.35rem;border-radius:50%;display:inline-grid;place-items:center;gap:0}.left-controls{position:relative;width:150px;height:150px;display:block;max-width:none}.left-controls .icon-button{position:absolute}.dodge-button{left:0;bottom:0;width:132px;height:132px;border:2px solid var(--hud-orange);background:#7b371beb;font-size:1.15rem}.reload-button{right:0;bottom:0;width:58px;height:58px;border-color:var(--hud-cyan);background:#113e41eb}.reload-button:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(#ffd66b calc(var(--reload-progress, 0) * 1turn),#30b7ba38 0);opacity:0;transition:opacity .12s ease;z-index:-1}.reload-button[data-reloading=true]:before,#game-screen[data-reloading=true] .reload-button:before{opacity:1}.reload-button[data-reloading=true]{border-color:#ffd66b}.heal-button{left:106px;top:2px}.action-button{left:112px;bottom:2px}.button-icon{font-size:1.35rem;line-height:1}.button-weapon-icon{width:38px;height:24px;object-fit:contain}.button-label{font-size:.65rem;line-height:1}.stage-message{position:absolute;left:50%;top:22%;transform:translate(-50%);color:#f4c27d;text-align:center;padding:.75rem 1rem;background:#090d12cc}.boss-intro{position:absolute;z-index:5;left:50%;top:26%;transform:translate(-50%,-50%);display:grid;gap:.2rem;min-width:min(78%,340px);padding:.7rem 1rem .8rem;text-align:center;border:1px solid #d77eff;border-radius:12px;background:linear-gradient(180deg,#2a1434f5,#0c0c14f5);box-shadow:0 0 28px #d77eff6b,0 10px 30px #0009;animation:boss-intro-in .18s ease-out}.boss-intro small{color:#ffd66b;letter-spacing:.18em;font-size:.65rem}.boss-intro strong{color:#fff1ff;font-size:clamp(1.2rem,5vw,1.8rem)}.boss-intro.hidden{display:none}@keyframes boss-intro-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.result-dim{position:absolute;z-index:3;inset:0;background:#05080c9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stage-complete{position:absolute;z-index:4;left:50%;top:45%;width:min(88%,380px);max-height:min(72svh,620px);overflow-y:auto;transform:translate(-50%,-50%);padding:1.2rem;text-align:center;border:1px solid #f39a3c;border-radius:16px;background:linear-gradient(180deg,#1b2833fa,#070c12fa);box-shadow:0 16px 50px #0000009e,0 0 0 1px #ffd66b1f inset}.stage-complete h2{margin:.35rem 0 .55rem}.stage-complete p:not(.eyebrow){color:#aab5bf}.result-stats{display:flex;justify-content:center;gap:.45rem;align-items:center;color:#ffd66b!important;font-size:.85rem}.reward-message{color:#f4c27d!important;margin:1.25rem 0 .7rem}.reward-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.reward-actions button{min-height:74px;display:grid;place-items:center;align-content:center;gap:.25rem;padding:.55rem .35rem;border-radius:12px;border-color:#536574;background:#121c25eb}.reward-actions button:disabled{opacity:.38}.reward-icon{color:#ffd66b;font-size:1.45rem;line-height:1}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem auto 0}.result-actions button{min-height:48px}button:active:not(:disabled){transform:scale(.94);filter:brightness(1.18)}.icon-button.is-pressed{transform:scale(.94);filter:brightness(1.18)}.dodge-button.is-pressed{border-color:#ffd36a;background:#f39a3c9e;box-shadow:0 0 0 6px #f39a3c47,inset 0 0 18px #ffd36a73}.dodge-button.is-locked{border-style:dashed;border-color:#6b5a47;background:#3c261cc7;opacity:.55;filter:grayscale(.5)}button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:720px){.screen{min-height:100svh;padding:max(1rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left))}#title-screen{align-content:center;gap:1.25rem}.title-copy,.menu-panel{width:100%}.title-copy{margin-bottom:0}h1{font-size:clamp(3.5rem,18vw,5.5rem)}.menu-panel{padding:1rem}.character-select,.stage-select,.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.menu-actions{grid-template-columns:repeat(3,1fr)}button{min-height:44px;padding:.6rem .55rem;font-size:.85rem}#game-screen{min-height:100svh}#game-canvas{width:100vw;height:100svh;object-fit:contain;object-position:center}.hud{inset:max(.55rem,env(safe-area-inset-top)) .65rem auto;grid-template-columns:1fr auto;font-size:.7rem}.hud-left{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:.25rem .4rem}.hud-right{position:absolute;right:0;top:2.2rem}.hud-center{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;margin-top:2.45rem}.bar{width:100%;height:8px}.controls{inset:auto .65rem max(.65rem,env(safe-area-inset-bottom));display:block}.left-controls{grid-area:utility;width:clamp(158px,46vw,190px);height:clamp(132px,38vw,154px);max-width:none;display:block}.weapon-controls,.target-hint{display:none}.icon-button{width:clamp(50px,15vw,64px);height:clamp(50px,15vw,64px)}.left-controls .dodge-button{width:clamp(118px,33vw,132px);height:clamp(118px,33vw,132px);left:0;bottom:0}.left-controls .heal-button{left:clamp(88px,25vw,106px);top:0}.left-controls .action-button{left:clamp(96px,27vw,112px);bottom:0}.button-label{font-size:.58rem}.hud-right img{width:34px;height:22px}.stage-message{top:24%;max-width:82vw;font-size:.8rem}}@media(min-width:721px){#game-screen{width:min(100vw,56.25svh);margin:0 auto}#game-canvas{width:100%;min-height:100svh;margin:0}}@media(orientation:landscape)and (max-height:720px)and (pointer:coarse){#orientation-lock{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:#080b10}.orientation-card{display:grid;gap:.55rem;width:min(88vw,360px);padding:1.5rem 1.25rem;border:1px solid #f39a3c;border-radius:16px;background:#121a22;color:#e8edf2;text-align:center;box-shadow:0 18px 60px #00000080}.orientation-card span:last-child{color:#aab5bf;font-size:.85rem}.orientation-icon{color:#f39a3c;font-size:2.2rem;line-height:1}}.ampules{display:flex;gap:4px;margin:2px 0 6px}.ampules i{width:14px;height:22px;border-radius:4px 4px 7px 7px;border:2px solid #5b6b73;background:#0a1014b3}.ampules i.full{background:linear-gradient(#ff7b7b,#e44c4c);border-color:#ffb3b3;box-shadow:0 0 6px #e44c4c99}.mute-button{position:absolute;right:.6rem;bottom:calc(env(safe-area-inset-bottom,0px) + 8.2rem);z-index:6;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid #5b6b73;background:#0a1014b3;color:#fff;font-size:1.1rem;line-height:1}