body{margin:0;padding:0;background-color:#08080c;color:#e2e8f0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at center,#181822,#040407)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0a0a0ff2;border-bottom:2px solid #3f3f46;box-shadow:0 4px 20px #0009}.logo{display:flex;align-items:center;gap:10px}.logo h1{font-size:1.4rem;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,#f36,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 10px rgba(255,51,102,.3)}.level-indicator{background:#00f0ff1a;border:1px solid #00f0ff;border-radius:6px;padding:4px 12px;font-size:.85rem;font-weight:700;color:#00f0ff;text-shadow:0 0 5px rgba(0,240,255,.4)}.neon-icon{color:#f36;filter:drop-shadow(0 0 5px #ff3366)}.header-controls{display:flex;gap:10px}.icon-btn{background:#14141d;border:1px solid #3f3f46;color:#f36;border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn.active{background:#f36;color:#fff;border-color:#f36;box-shadow:0 0 10px #f366}.icon-btn:hover{transform:scale(1.05)}.game-main{flex:1;display:flex;justify-content:center;align-items:center;padding:15px}.screen{display:flex;justify-content:center;align-items:center;width:100%;max-width:600px}.cyber-card{background:#0f0f14fa;border:2px solid #3f3f46;border-radius:16px;padding:25px;text-align:center;box-shadow:0 10px 30px #000000b3;width:100%}.glitch-text{font-size:1.8rem;color:#fff;text-shadow:2px 2px #ff3366,-2px -2px #00f0ff;margin-bottom:10px}.subtitle{color:#a1a1aa;margin-bottom:20px;font-size:.95rem}.mission-box{background:#00000080;border-left:4px solid #ff3366;border-radius:4px;padding:15px;text-align:left;margin-bottom:20px}.mission-box h3{margin-top:0;color:#f36;font-size:1rem}.mission-box ul{margin:0;padding-left:20px;line-height:1.6;font-size:.9rem}.controls-guide{background:#ff33660d;border:1px dashed #ff3366;border-radius:8px;padding:10px;font-size:.85rem;color:#fca5a5;margin-bottom:20px}.start-btn{background:linear-gradient(135deg,#f36,#ff6b00);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;box-shadow:0 5px 15px #ff33664d;transition:all .2s ease}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff336680}.gameover-card{border-color:#ef4444;box-shadow:0 0 30px #ef444440}.gameover-emoji{font-size:3.5rem;display:block;margin-bottom:10px}.gameover-title{font-size:2.2rem;color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.4);margin-top:0}.start-btn.restart{background:linear-gradient(135deg,#ef4444,#f97316)}.win-card{border-color:#10b981;box-shadow:0 0 30px #10b98140}.win-emoji{font-size:3.5rem;display:block;margin-bottom:10px}.win-title{font-size:2.2rem;color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.5);margin-top:0}.stats{display:flex;justify-content:center;gap:20px;margin:20px 0}.stat-item{background:#ffffff0d;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-item .label{display:block;font-size:.75rem;color:#a1a1aa;margin-bottom:4px}.stat-item .value{font-size:1.3rem;font-weight:700}.game-layout{display:flex;gap:15px;max-width:960px;width:100%;align-items:flex-start}.viewport-container{position:relative;flex:1.6;aspect-ratio:1.6;background:#000;border:3px solid #3f3f46;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #000000b3;cursor:crosshair}.three-canvas{width:100%;height:100%;display:block}.boss-grand-hp-bar{position:absolute;top:15px;left:50%;transform:translate(-50%);width:75%;background:#0a0a0fd9;border:1.5px solid #ef4444;border-radius:6px;padding:6px 12px;box-shadow:0 0 15px #ef444459;z-index:30;pointer-events:none;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.boss-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.boss-name{font-size:.75rem;font-weight:900;color:#ef4444;letter-spacing:1px;text-shadow:0 0 4px rgba(239,68,68,.5)}.boss-hp-text{font-size:.7rem;font-weight:700;color:#fca5a5}.boss-hp-track{width:100%;height:8px;background:#0009;border-radius:4px;overflow:hidden;border:.5px solid rgba(255,255,255,.1)}.boss-hp-fill{height:100%;background:linear-gradient(90deg,#b91c1c,#ef4444,#f87171);box-shadow:0 0 8px #ef4444;border-radius:4px;transition:width .15s ease-out}.screen-red-flash{position:absolute;top:0;left:0;right:0;bottom:0;background:#ef444473;border:4px solid #ef4444;pointer-events:none;z-index:20;animation:flashHurt .2s ease-out}@keyframes flashHurt{0%{opacity:0}50%{opacity:1}to{opacity:0}}.crosshair-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.crosshair-svg{color:#00f0ffa6;filter:drop-shadow(0 0 2px rgba(0,240,255,.5))}.weapon-container{position:absolute;bottom:0;right:15%;width:160px;height:160px;pointer-events:none;transform-origin:bottom center;transition:transform .1s ease}.weapon-svg{width:100%;height:100%;filter:drop-shadow(0 -5px 10px rgba(0,0,0,.5))}.weapon-shoot{animation:recoil .2s ease-out}@keyframes recoil{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(15px) scaleY(.9) rotate(3deg)}to{transform:translateY(0) scaleY(1)}}.muzzle-flash{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:40px;background:radial-gradient(circle,#00f0ff 20%,rgba(255,51,102,.8) 50%,transparent 70%);border-radius:50%;animation:flash .08s ease-out}@keyframes flash{0%{transform:translate(-50%) scale(.5);opacity:1}to{transform:translate(-50%) scale(1.5);opacity:0}}.hud-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:12px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.hud-badge{background:#0a0a0fd9;border:1px solid #3f3f46;border-radius:6px;padding:5px 10px;font-size:.8rem;display:flex;align-items:center;gap:6px;color:#fff;box-shadow:0 2px 8px #0009}.hud-badge.boss-alert{border-color:#ef4444;color:#ef4444;background:#ef444426}.hud-badge.key-status{border-color:#f36;color:#f36}.hud-badge.key-status.has-key{border-color:#10b981;color:#10b981;box-shadow:0 0 10px #10b9814d}.text-cyan{color:#00f0ff}.text-red{color:#ef4444}.player-stats-hud{background:#0a0a0fd9;border:1px solid #3f3f46;border-radius:8px;padding:8px 12px;width:195px;box-shadow:0 2px 8px #0009;align-self:flex-start;display:flex;flex-direction:column;gap:6px}.hud-stat-row{display:flex;flex-direction:column;gap:3px}.stat-label{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;color:#e2e8f0}.resting-badge{color:#10b981;background:#10b98126;padding:1px 4px;border-radius:4px;font-size:.65rem;margin-left:6px;border:1px solid rgba(16,185,129,.3);animation:pulse 1s infinite}.text-yellow{color:#fbbf24}.text-green{color:#10b981}.stat-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .15s ease-out}.hp-fill{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 6px #ef444466}.stamina-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stamina-fill.resting{background:linear-gradient(90deg,#00f0ff,#10b981);box-shadow:0 0 6px #10b98199}.stamina-fill.low{background:linear-gradient(90deg,#f59e0b,#fbbf24);animation:pulse 1s infinite}.sidebar{flex:1;display:flex;flex-direction:column;gap:12px;max-width:320px;width:100%}.panel{background:#0f0f14e6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.panel h3{margin:0 0 10px;font-size:.85rem;color:#f36;border-left:3px solid #ff3366;padding-left:6px}.minimap-grid{display:grid;grid-template-rows:repeat(12,1fr);gap:1px;background:#ffffff08;padding:3px;border-radius:8px;aspect-ratio:1;width:100%;max-width:150px;margin:0 auto}.minimap-row{display:grid;grid-template-columns:repeat(12,1fr);gap:1px}.minimap-cell{aspect-ratio:1;border-radius:1px;display:flex;align-items:center;justify-content:center;font-size:8px;position:relative}.cell-empty{background:#0a0a0fcc}.cell-wall{background:#3f3f46;box-shadow:inset 0 0 2px #ffffff0d}.cell-boss{background:#ef4444;box-shadow:0 0 6px #ef4444;animation:pulse 1.2s infinite}.cell-potion{background:#a855f7;box-shadow:0 0 5px #a855f7}.cell-exit{background:#10b981;box-shadow:0 0 5px #10b981}.cell-player{background:#00f0ff;box-shadow:0 0 8px #00f0ff;z-index:10}.player-arrow{font-size:7px;color:#fff;display:flex;align-items:center;justify-content:center}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-header h3{margin-bottom:0}.ai-ask-btn{background:#f36;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.ai-ask-btn:hover:not(:disabled){background:#e11d48;transform:scale(1.05)}.ai-ask-btn:disabled{opacity:.5;cursor:not-allowed}.ai-bubble{background:#00000080;border:1px solid rgba(255,51,102,.15);border-radius:8px;padding:8px;font-size:.8rem;line-height:1.4;color:#e2e8f0;min-height:40px}.controls-layout{display:flex;justify-content:space-between;align-items:center;gap:10px}.dpad-section{flex:1}.fire-section{display:flex;flex-direction:column;align-items:center;gap:8px}.fire-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-weight:900;font-size:1.1rem;border:2px solid #f87171;width:70px;height:70px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef444466;transition:all .1s ease}.fire-btn:active{transform:scale(.9);background:#991b1b;box-shadow:0 0 15px #ef4444}.dpad{display:flex;flex-direction:column;align-items:center;gap:6px}.dpad-row{display:flex;gap:6px}.dpad-btn{background:#ffffff0a;border:1px solid #3f3f46;color:#e2e8f0;width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease}.dpad-btn:active{background:#f36;color:#fff;border-color:#f36;box-shadow:0 0 12px #f36;transform:scale(.95)}.dpad-btn.reset{border-color:#ef4444;color:#ef4444;width:32px;height:32px;align-self:center}.dpad-btn.reset:active{background:#ef4444;color:#fff;box-shadow:0 0 12px #ef4444}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 768px){.game-layout{flex-direction:column;align-items:center}.sidebar{max-width:100%}}