:root{--neon-blue: #00ccff;--neon-pink: #ff00ea;--neon-green: #00ff66;--gold: #ffd700;--dark-bg: #020205;--hud-font: "Rajdhani", sans-serif;--title-font: "Orbitron", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;overflow:hidden;background-color:var(--dark-bg);color:#fff;cursor:crosshair}#app{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:20px 30px}#hud-top{display:flex;flex-direction:column;align-items:center;gap:8px}.glow-text{font-family:var(--title-font);color:#fff;text-shadow:0 0 5px #fff,0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);font-weight:900;font-size:2rem;text-transform:uppercase;letter-spacing:4px}#objective{font-family:var(--title-font);font-size:1.2rem;color:var(--gold);text-shadow:0 0 10px var(--gold);font-weight:700}#hud-bottom{display:flex;justify-content:space-between;align-items:flex-end}#hud-left{display:flex;flex-direction:column;gap:10px}.hud-badge{font-family:var(--hud-font);font-size:1.3rem;color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);font-weight:700;background:#00c8ff14;padding:8px 18px;border:1px solid var(--neon-blue);border-radius:4px}#hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:auto}#controls-btn{font-family:var(--title-font);font-size:1.1rem;font-weight:700;background:#00c8ff26;color:var(--neon-blue);border:2px solid var(--neon-blue);padding:12px 24px;border-radius:6px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:2px;pointer-events:auto;box-shadow:0 0 15px #00c8ff33}#controls-btn:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 25px var(--neon-blue)}#click-hint{font-family:var(--hud-font);font-size:.9rem;color:#ffffff80;text-align:right}#controls-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:100;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}#controls-modal.hidden{display:none}.modal-content{background:#0a0a1ef2;border:2px solid var(--neon-blue);box-shadow:0 0 40px #00c8ff4d;padding:40px 50px;border-radius:12px;font-family:var(--hud-font);max-width:600px;width:90%}.modal-content h2{font-family:var(--title-font);color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);margin-bottom:25px;text-transform:uppercase;letter-spacing:2px;font-size:1.5rem;text-align:center}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px}.control-group h3{font-family:var(--title-font);color:var(--neon-pink);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.control-group ul{list-style:none}.control-group li{font-size:1.1rem;margin-bottom:10px;color:#bbb}kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 8px;font-size:.85rem;color:#fff;font-family:monospace;margin-right:4px}.hint-text{color:var(--neon-green);font-size:.95rem;text-align:center;margin-bottom:20px;font-style:italic}#close-controls{width:100%;font-family:var(--title-font);font-size:1.1rem;font-weight:700;background:var(--neon-blue);color:#000;border:none;padding:14px;border-radius:6px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:2px}#close-controls:hover{background:#fff;box-shadow:0 0 20px #fff}#mission-panel{position:fixed;top:80px;right:20px;background:#000812e0;border:1px solid rgba(0,200,255,.5);border-radius:8px;padding:12px 16px;font-family:var(--hud-font);font-size:.88rem;z-index:10;pointer-events:none;min-width:210px;box-shadow:0 0 20px #00c8ff1f}.mission-header{font-family:var(--title-font);color:var(--neon-blue);font-size:.75rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 8px var(--neon-blue);border-bottom:1px solid rgba(0,200,255,.2);padding-bottom:6px}.mission-item{color:#c8dcf0a6;padding:3px 0;font-size:.83rem;line-height:1.4}.mission-item.done{color:var(--neon-green);text-shadow:0 0 6px var(--neon-green)}#interact-prompt{position:fixed;bottom:130px;left:50%;transform:translate(-50%);background:#000000d1;border:1px solid var(--gold);color:var(--gold);font-family:var(--title-font);font-size:1rem;padding:9px 22px;border-radius:6px;display:none;z-index:20;pointer-events:none;text-shadow:0 0 10px var(--gold);box-shadow:0 0 20px #ffd70040;letter-spacing:1px}#mission-complete-toast{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);background:#001e0ceb;border:2px solid var(--neon-green);color:var(--neon-green);font-family:var(--title-font);font-size:1.3rem;padding:14px 36px;border-radius:8px;z-index:50;pointer-events:none;opacity:0;transition:opacity .3s ease;text-shadow:0 0 14px var(--neon-green);box-shadow:0 0 40px #00ff6440;letter-spacing:1px}#mission-complete-toast.show{opacity:1}#level-complete{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:200;opacity:0;pointer-events:none;transition:opacity 1.2s ease}#level-complete.show{opacity:1;pointer-events:auto}#dialogue-panel{position:fixed;bottom:60px;left:50%;transform:translate(-50%);width:min(700px,92vw);background:#020612f0;border:1px solid rgba(0,200,255,.6);border-radius:10px;padding:20px 24px;display:flex;gap:18px;align-items:flex-start;z-index:60;box-shadow:0 0 40px #00c8ff2e,inset 0 0 30px #00002880;pointer-events:none;animation:dlgSlideIn .25s ease}@keyframes dlgSlideIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dlg-portrait{width:52px;height:52px;border-radius:50%;border:2px solid rgba(0,200,255,.5);background:radial-gradient(circle,#0064c866,#000014cc);flex-shrink:0;margin-top:4px}.dlg-body{flex:1;display:flex;flex-direction:column;gap:8px}.dlg-name{font-family:var(--title-font);font-size:1rem;font-weight:700;color:var(--neon-blue);text-shadow:0 0 12px var(--neon-blue);text-transform:uppercase;letter-spacing:2px}.dlg-line{font-family:var(--hud-font);font-size:1.08rem;color:#dcebffeb;line-height:1.55;min-height:2.5em}.dlg-hint{font-family:var(--title-font);font-size:.72rem;color:#00c8ff8c;text-transform:uppercase;letter-spacing:1.5px;text-align:right}#level-complete .glow-text{font-size:3.5rem;color:var(--gold);text-shadow:0 0 20px var(--gold),0 0 50px rgba(255,215,0,.4)}#level-complete-sub{font-family:var(--hud-font);color:var(--neon-blue);font-size:1.3rem;text-shadow:0 0 10px var(--neon-blue)}