:root{--color-focus-cyan: #00f0ff;--color-focus-blue: #0088ff;--color-focus-glow: rgba(0, 240, 255, .45);--color-amber: #ffaa00;--color-danger-red: #ff3344;--color-stealth-gold: #e5b94c;--color-dark-bg: rgba(10, 16, 24, .88);--color-card-bg: rgba(16, 24, 36, .94);--font-tech: "Orbitron", monospace;--font-sub: "Rajdhani", sans-serif;--font-body: "Noto Sans KR", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#05070a;color:#e2e8f0;font-family:var(--font-body)}#game-container{position:relative;width:100vw;height:100vh;overflow:hidden}canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1}#focus-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;transition:opacity .3s ease}#focus-overlay.hidden{opacity:0;display:none}.focus-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,240,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.08) 1px,transparent 1px);background-size:40px 40px;animation:gridPulse 4s infinite alternate}@keyframes gridPulse{0%{opacity:.4}to{opacity:.85}}.focus-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 40%,rgba(0,40,80,.5) 80%,rgba(0,15,35,.85) 100%);box-shadow:inset 0 0 100px #00f0ff4d}.focus-center-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.focus-ring{border-radius:50%;position:absolute;pointer-events:none}.focus-ring.outer{width:180px;height:180px;border:1px dashed rgba(0,240,255,.6);animation:spinOuter 20s linear infinite}.focus-ring.inner{width:120px;height:120px;border:2px solid rgba(0,240,255,.4);border-top-color:var(--color-focus-cyan);border-bottom-color:var(--color-focus-cyan);animation:spinInner 10s linear infinite reverse}@keyframes spinOuter{to{transform:rotate(360deg)}}@keyframes spinInner{to{transform:rotate(-360deg)}}.focus-scan-data{margin-top:130px;font-family:var(--font-tech);font-size:13px;letter-spacing:3px;color:var(--color-focus-cyan);text-shadow:0 0 10px var(--color-focus-cyan);background:#001428b3;padding:4px 12px;border-radius:4px;border:1px solid rgba(0,240,255,.3)}#hud-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;display:flex;flex-direction:column;justify-content:space-between}#compass-wrapper{position:absolute;top:20px;left:50%;transform:translate(-50%);width:480px;height:38px;background:linear-gradient(180deg,#080e16d9,#080e1666);border-bottom:2px solid rgba(0,240,255,.5);border-radius:4px;overflow:hidden;box-shadow:0 4px 15px #0009}#compass-tape{position:relative;width:100%;height:100%;display:flex;align-items:center}.compass-marker{position:absolute;font-family:var(--font-tech);font-size:13px;font-weight:700;color:#94a3b8;transform:translate(-50%)}.compass-marker.center-cardinal{color:var(--color-focus-cyan);text-shadow:0 0 8px var(--color-focus-cyan)}#compass-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);color:var(--color-focus-cyan);font-size:10px}#player-status-panel{position:absolute;top:24px;left:32px;width:280px;background:linear-gradient(135deg,#0a121cd9,#0a121c80);padding:14px 18px;border-left:3px solid var(--color-focus-cyan);border-radius:0 8px 8px 0;box-shadow:0 8px 25px #00000080;backdrop-filter:blur(8px)}.player-identity{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.player-name{font-family:var(--font-tech);font-size:16px;font-weight:900;letter-spacing:2px;color:#fff}.player-level{font-family:var(--font-sub);font-size:13px;font-weight:700;color:var(--color-amber);letter-spacing:1px}.bar-container{width:100%;background:#ffffff1a;border-radius:3px;position:relative;overflow:hidden}.hp-bar-wrapper{height:12px;margin-bottom:6px}.hp-fill{height:100%;background:linear-gradient(90deg,#f34,#f64);transition:width .2s ease-out}.bar-text{position:absolute;right:6px;top:-1px;font-size:10px;font-family:var(--font-tech);font-weight:700;color:#fff;text-shadow:1px 1px 2px #000}.stamina-bar-wrapper{height:5px;margin-bottom:12px}.stamina-fill{height:100%;background:linear-gradient(90deg,#00f0ff,#0af);transition:width .1s linear}.status-items-row{display:flex;gap:12px}.status-badge{display:flex;align-items:center;gap:6px;background:#0006;padding:4px 8px;border-radius:4px;font-family:var(--font-sub);font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.1)}.status-badge .hotkey-tip{font-size:10px;color:var(--color-amber);margin-left:2px}#stealth-indicator{position:absolute;bottom:130px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .3s ease,transform .3s ease}#stealth-indicator.stealth-hidden{opacity:0;transform:translate(-50%,15px)}.stealth-eye{width:44px;height:22px;position:relative;border:2px solid var(--color-stealth-gold);border-radius:50px/25px;box-shadow:0 0 12px #e5b94c99;display:flex;justify-content:center;align-items:center}.eye-pupil{width:10px;height:10px;background-color:var(--color-stealth-gold);border-radius:50%;box-shadow:0 0 8px #fff}.stealth-text{font-family:var(--font-sub);font-size:13px;font-weight:700;letter-spacing:1px;color:var(--color-stealth-gold);text-shadow:0 0 8px rgba(229,185,76,.8)}#crosshair-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;pointer-events:none;transition:transform .15s ease,opacity .2s ease}.crosshair-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 4px #000}.crosshair-arc{position:absolute;top:15px;width:10px;height:30px;border:2px solid rgba(255,255,255,.6);transition:all .2s ease}.crosshair-arc.left{left:6px;border-right:none;border-radius:8px 0 0 8px}.crosshair-arc.right{right:6px;border-left:none;border-radius:0 8px 8px 0}#crosshair-container.aiming{transform:translate(-50%,-50%) scale(1.1)}#crosshair-container.aiming .crosshair-arc{border-color:var(--color-focus-cyan);box-shadow:0 0 8px var(--color-focus-cyan)}.charge-meter{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:3px;width:0%;background:var(--color-focus-cyan);box-shadow:0 0 6px var(--color-focus-cyan);transition:width .05s linear}#quest-tracker-panel{position:absolute;top:24px;right:32px;width:340px;background:linear-gradient(225deg,#0a121cd9,#0a121c80);padding:16px 20px;border-right:3px solid var(--color-amber);border-radius:8px 0 0 8px;box-shadow:0 8px 25px #00000080;backdrop-filter:blur(8px)}.quest-category{font-family:var(--font-tech);font-size:11px;font-weight:800;letter-spacing:2px;color:var(--color-amber);margin-bottom:4px}.quest-title{font-family:var(--font-sub);font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}.quest-objective-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.objective-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#cbd5e1;line-height:1.4}.objective-item.active{color:#fff;font-weight:500}.objective-item .checkbox{color:var(--color-focus-cyan);font-size:12px;margin-top:2px}.quest-distance{font-family:var(--font-tech);font-size:12px;color:var(--color-focus-cyan);letter-spacing:1px;display:flex;align-items:center;gap:4px}#weapon-ammo-panel{position:absolute;bottom:24px;right:32px;background:linear-gradient(225deg,#0a121ce6,#0a121c99);padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px #0009;backdrop-filter:blur(8px)}.current-weapon-name{font-family:var(--font-tech);font-size:12px;letter-spacing:1.5px;color:#94a3b8;margin-bottom:8px}.ammo-selector-row{display:flex;gap:10px;margin-bottom:8px}.ammo-slot{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.ammo-slot.active{background:#00f0ff26;border-color:var(--color-focus-cyan);box-shadow:0 0 12px #00f0ff66}.ammo-icon{font-size:18px}.ammo-info{display:flex;flex-direction:column}.ammo-name{font-family:var(--font-sub);font-size:12px;font-weight:600;color:#e2e8f0}.ammo-count{font-family:var(--font-tech);font-size:12px;font-weight:700;color:#fff}.ammo-key{position:absolute;top:-6px;right:-4px;font-family:var(--font-tech);font-size:9px;background:#1e293b;color:var(--color-amber);padding:1px 4px;border-radius:3px;border:1px solid var(--color-amber)}.craft-prompt-row{font-size:11px;color:#94a3b8;font-family:var(--font-sub)}.craft-prompt-row strong{color:var(--color-amber)}#interaction-prompt{position:absolute;bottom:180px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0f172ad9;padding:8px 18px;border-radius:30px;border:1px solid var(--color-focus-cyan);box-shadow:0 0 15px #00f0ff4d;font-family:var(--font-sub);font-weight:600;font-size:15px;transition:opacity .2s ease}#interaction-prompt.hidden{opacity:0;pointer-events:none}.key-badge{background:var(--color-focus-cyan);color:#05070a;font-family:var(--font-tech);font-weight:900;font-size:13px;padding:2px 8px;border-radius:6px;box-shadow:0 0 6px var(--color-focus-cyan)}#target-info-box{position:absolute;top:80px;left:50%;transform:translate(-50%);width:320px;background:#0a1018e0;border:1px solid rgba(0,240,255,.4);border-radius:8px;padding:10px 14px;text-align:center;box-shadow:0 4px 20px #0009;transition:opacity .25s ease}#target-info-box.hidden{opacity:0}.target-name{font-family:var(--font-sub);font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}.target-hp-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:6px}.target-hp-fill{height:100%;background:linear-gradient(90deg,#f34,#f83);transition:width .15s ease-out}.target-weakpoints{font-size:12px;color:#cbd5e1}.target-weakpoints .highlight{color:var(--color-amber);font-weight:600}#dialogue-box{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:60%;max-width:800px;background:linear-gradient(180deg,#0a121cf2,#0a121ccc);padding:14px 24px;border-radius:8px;border-left:4px solid var(--color-focus-cyan);box-shadow:0 10px 30px #000000b3;transition:opacity .3s ease}#dialogue-box.hidden{opacity:0}.dialogue-speaker{font-family:var(--font-tech);font-size:13px;font-weight:800;letter-spacing:1.5px;color:var(--color-focus-cyan);margin-bottom:4px}.dialogue-text{font-size:15px;line-height:1.5;color:#f1f5f9}#title-screen,#pause-menu,#game-over-screen,#victory-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;pointer-events:auto}#title-screen.hidden,#pause-menu.hidden,#game-over-screen.hidden,#victory-screen.hidden{display:none!important;pointer-events:none!important}.title-backdrop,.pause-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0f172acc,#05080ff2);backdrop-filter:blur(10px)}.title-content{position:relative;z-index:2;text-align:center;max-width:680px;padding:40px}.game-tag{font-family:var(--font-tech);font-size:13px;letter-spacing:4px;color:var(--color-focus-cyan);margin-bottom:12px;text-shadow:0 0 10px var(--color-focus-cyan)}.game-title{font-family:var(--font-tech);font-size:56px;font-weight:900;letter-spacing:4px;line-height:1.1;color:#fff;text-shadow:0 4px 20px rgba(0,240,255,.5);margin-bottom:20px}.game-title .subtitle{font-size:32px;color:var(--color-amber);text-shadow:0 2px 15px rgba(255,170,0,.6)}.game-lore{font-size:15px;line-height:1.8;color:#cbd5e1;margin-bottom:34px}.game-lore strong{color:#fff}.title-buttons{display:flex;flex-direction:column;gap:14px;max-width:360px;margin:0 auto}button{border:none;outline:none;cursor:pointer;font-family:var(--font-sub);font-weight:700;font-size:16px;padding:12px 24px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(90deg,var(--color-focus-cyan) 0%,#0099ff 100%);color:#05070a;box-shadow:0 0 20px #00f0ff66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ffb3}.btn-secondary{background:#1e293be6;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#334155e6;border-color:var(--color-focus-cyan)}.btn-tertiary{background:transparent;color:#94a3b8;border:1px dashed rgba(255,255,255,.2)}.btn-tertiary:hover{color:#fff;border-color:#fff}.credits-footer{margin-top:36px;font-size:12px;color:#64748b;letter-spacing:1px}.pause-card{position:relative;z-index:2;width:800px;max-width:92%;height:580px;background:var(--color-card-bg);border:1px solid rgba(0,240,255,.3);border-radius:12px;box-shadow:0 15px 50px #000c;display:flex;flex-direction:column;overflow:hidden}.pause-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#0a0f1999;border-bottom:1px solid rgba(255,255,255,.1)}.pause-header h2{font-family:var(--font-tech);font-size:20px;color:var(--color-amber);letter-spacing:2px}.btn-close{background:transparent;color:#94a3b8;font-size:20px;padding:4px 8px}.btn-close:hover{color:#fff}.pause-tabs{display:flex;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{flex:1;background:transparent;color:#94a3b8;border-radius:0;padding:12px;font-family:var(--font-sub);font-size:15px;border-bottom:3px solid transparent}.tab-btn.active{color:var(--color-focus-cyan);border-bottom-color:var(--color-focus-cyan);background:#00f0ff0d}.pause-body{flex:1;padding:24px;overflow-y:auto}.tab-content{display:none;height:100%}.tab-content.active{display:flex;flex-direction:column}.section-desc{font-size:14px;color:#94a3b8;margin-bottom:16px}.save-slots-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;flex:1;overflow-y:auto}.save-slot-card{display:flex;justify-content:space-between;align-items:center;background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px 18px;transition:all .2s ease}.save-slot-card:hover{border-color:var(--color-focus-cyan);background:#1e293be6}.slot-meta{display:flex;flex-direction:column;gap:4px}.slot-name{font-family:var(--font-tech);font-size:15px;color:#fff}.slot-details{font-size:13px;color:#94a3b8}.slot-actions{display:flex;gap:8px}.controls-table{width:100%;border-collapse:collapse}.controls-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.controls-table kbd{background:#1e293b;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:3px 8px;font-family:var(--font-tech);font-size:12px;color:var(--color-focus-cyan);box-shadow:0 2px 4px #0000004d}.game-over-content,.victory-content{position:relative;z-index:2;text-align:center;max-width:560px;background:#0f172aeb;border-radius:12px;padding:40px;box-shadow:0 15px 50px #000000e6}.game-over-content{border:1px solid var(--color-danger-red)}.death-title{font-family:var(--font-tech);font-size:32px;color:var(--color-danger-red);margin-bottom:16px;letter-spacing:2px}.death-message{font-size:15px;color:#cbd5e1;margin-bottom:30px}.victory-content{border:1px solid var(--color-focus-cyan)}.victory-badge{font-family:var(--font-tech);font-size:12px;color:var(--color-focus-cyan);letter-spacing:3px;margin-bottom:10px}.victory-title{font-family:var(--font-tech);font-size:40px;color:var(--color-amber);margin-bottom:16px;letter-spacing:3px}.victory-message{font-size:15px;line-height:1.8;color:#cbd5e1;margin-bottom:30px}#toast-container{position:absolute;top:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:50}.toast{background:#0a121ceb;border-left:3px solid var(--color-focus-cyan);padding:10px 20px;border-radius:4px;color:#fff;font-family:var(--font-sub);font-size:15px;font-weight:600;box-shadow:0 4px 15px #00000080;animation:toastFade 3.5s forwards}@keyframes toastFade{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}