body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#05030a;color:#e2e8f0;overflow-x:hidden}.game-container{position:relative;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 50%,#110b29,#05030a);padding:20px;box-sizing:border-box}.neon-glow-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(0,243,255,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(138,43,226,.08) 0%,transparent 40%);z-index:0}.game-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0f0a1eb3;border:1px solid rgba(0,243,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:20px;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand h1{font-size:1.2rem;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#00f3ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.brand .version{font-size:.7rem;color:#00f3ff99;border:1px solid rgba(0,243,255,.3);padding:1px 5px;border-radius:4px;margin-left:5px}.pulse-dot{width:8px;height:8px;background-color:#00f3ff;border-radius:50%;box-shadow:0 0 8px #00f3ff;animation:pulse 1.5s infinite}.cloud-status{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#a0aec0}.mute-btn{background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s}.mute-btn:hover{transform:scale(1.1)}.game-content{flex:1;display:flex;flex-direction:column;justify-content:center;z-index:10}.game-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px}@media (max-width: 1024px){.game-grid{grid-template-columns:1fr}}.panel{background:#0f0b20d9;border:1px solid rgba(138,43,226,.2);border-radius:16px;padding:20px;box-shadow:0 8px 32px #00000080,inset 0 0 12px #8a2be21a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.panel:hover{border-color:#00f3ff4d;box-shadow:0 8px 32px #00f3ff0d,inset 0 0 16px #00f3ff0d}.panel-title{font-size:.95rem;font-weight:700;color:#00f3ff;margin-top:0;margin-bottom:15px;border-bottom:1px solid rgba(0,243,255,.1);padding-bottom:8px;letter-spacing:1px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#00f3ff,#8a2be2);color:#fff;box-shadow:0 4px 15px #00f3ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f3ff80}.btn-secondary{background:#ffffff0d;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#00f3ff}.btn-accent{background:linear-gradient(135deg,#f05,#8a2be2);color:#fff;box-shadow:0 4px 15px #f053}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f056}.btn-disabled{background:#ffffff05;color:#4a5568;border:1px solid rgba(255,255,255,.05);cursor:not-allowed}.btn-lg{padding:14px 28px;font-size:1.1rem}.relative{position:relative}.key-badge{position:absolute;bottom:-4px;right:-4px;background:#1a1528;border:1px solid #00f3ff;color:#00f3ff;font-size:.65rem;font-weight:800;padding:1px 4px;border-radius:4px;box-shadow:0 0 6px #00f3ff66;pointer-events:none;font-family:monospace}.status-card .stats-row{display:flex;justify-content:space-between;margin-bottom:15px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .label{font-size:.75rem;color:#a0aec0}.stat-item .value{font-size:1.2rem;font-weight:700}.hearts-container{display:flex;gap:4px}.heart-filled{color:#ff4757;fill:#ff4757;filter:drop-shadow(0 0 4px #ff4757)}.heart-empty{color:#4a5568}.battery-section{margin-top:10px}.battery-header{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:5px}.battery-bar-bg{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.battery-bar-fill{height:100%;transition:width .3s ease}.parts-dots{display:flex;gap:12px;margin:12px 0}.part-dot{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .3s ease}.part-dot.active{background:#8a2be233;border-color:#8a2be2;color:#00f3ff;box-shadow:0 0 10px #8a2be280}.arm-active{display:flex;align-items:center;gap:15px}.arm-visual{position:relative;width:50px;height:50px;background:#00f3ff1a;border:1px solid #00f3ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.glow-ring{position:absolute;width:100%;height:100%;border:1px solid #00f3ff;border-radius:50%;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.energy-ring-spinner{position:absolute;width:120%;height:120%;border:2px dashed rgba(0,243,255,.4);border-radius:50%;animation:spin 6s linear infinite}.clue-box{display:flex;align-items:center;gap:10px;background:#ffa5001a;border:1px dashed #ffa500;padding:10px;border-radius:8px;margin-top:10px}.empty-clue-box{display:flex;gap:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:10px;border-radius:8px}.main-viewport-panel{display:flex;flex-direction:column}.viewport-wrapper{background:#080612;border:2px solid rgba(138,43,226,.3);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 0 20px #000c}.viewport-wrapper.chase-active{border-color:#f05}.viewport-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f0b20e6;border-bottom:1px solid rgba(255,255,255,.05)}.room-badge{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600}.pulse-dot-green{width:8px;height:8px;background-color:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;animation:pulse 1.5s infinite}.view-controls{display:flex;gap:8px}.view-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a0aec0;padding:4px 8px;border-radius:6px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px}.view-btn:hover{background:#00f3ff1a;color:#00f3ff;border-color:#00f3ff}.viewport-canvas{height:320px;position:relative;display:flex;align-items:center;justify-content:center;background:#030206}.first-person-svg,.top-down-svg{width:100%;height:100%;max-height:320px}.radar-sweep{transform-origin:200px 125px;animation:spin 4s linear infinite}.chase-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ff005526;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.chase-banner{background:#0f050fe6;border-top:2px solid #ff0055;padding:12px;display:flex;align-items:center;gap:15px}.chase-text h4{margin:0;color:#f05;font-size:1rem}.chase-text p{margin:2px 0 0;font-size:.8rem;color:#e2e8f0}.chase-progress-bar{height:4px;background:#ffffff1a;width:100%}.chase-progress-fill{height:100%;background:#f05;transition:width 1s linear}.keypad-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#090714;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:5}.keypad-header{display:flex;align-items:center;gap:8px;margin-bottom:15px}.keypad-header h4{margin:0;color:#f05;letter-spacing:1px}.keypad-display{background:#030206;border:1px solid #ff0055;border-radius:8px;padding:10px 20px;display:flex;gap:10px;margin-bottom:15px;box-shadow:0 0 10px #f053}.key-char{font-family:monospace;font-size:1.8rem;font-weight:700;color:#00f3ff;width:24px;text-align:center}.keypad-grid{display:grid;grid-template-columns:repeat(3,60px);gap:10px}.key-btn{height:45px;background:#ffffff08;border:1px solid rgba(138,43,226,.3);border-radius:8px;color:#e2e8f0;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .1s}.key-btn:hover{background:#00f3ff1a;border-color:#00f3ff;color:#00f3ff}.system-message{background:#0a0514f2;border-top:1px solid rgba(255,255,255,.05);padding:12px 16px;display:flex;gap:10px;align-items:flex-start;min-height:50px}.terminal-prompt{color:#00f3ff;font-family:monospace;font-weight:700}.system-message p{margin:0;font-size:.85rem;line-height:1.4;color:#cbd5e0}.action-grid,.room-navigation-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-nav-btn{background:#8a2be20d;border:1px solid rgba(138,43,226,.2);color:#e2e8f0;padding:14px 8px;border-radius:8px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.room-nav-btn:hover{background:#00f3ff1a;border-color:#00f3ff;color:#00f3ff}.room-nav-btn.active{background:#00f3ff26;border-color:#00f3ff;color:#00f3ff;box-shadow:0 0 10px #00f3ff33}.arrow-icon{opacity:.6}.guide-list{margin:0;padding-left:15px;font-size:.75rem;color:#a0aec0;line-height:1.5}.guide-list li{margin-bottom:6px}.start-screen,.end-screen{max-width:500px;margin:40px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;overflow:hidden}.logo-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.giant-icon{filter:drop-shadow(0 0 15px currentColor)}.giant-icon.text-purple{color:#8a2be2}.giant-icon.text-red{color:#f05}.giant-icon.text-yellow{color:orange}.scanner-line{position:absolute;width:100%;height:2px;background:#00f3ff;box-shadow:0 0 8px #00f3ff;top:0;animation:scan 2s linear infinite}.game-intro{display:flex;flex-direction:column;gap:12px;text-align:left;width:100%;background:#ffffff05;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.intro-item{display:flex;align-items:center;gap:10px;font-size:.85rem}.high-score-badge{display:flex;align-items:center;gap:8px;background:#ffa5001a;border:1px solid #ffa500;padding:6px 16px;border-radius:20px;font-size:.9rem;color:orange}.score-summary{display:flex;gap:20px;background:#ffffff08;padding:15px 30px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.score-item{display:flex;flex-direction:column;align-items:center;gap:4px}.score-item span{font-size:.8rem;color:#a0aec0}.score-item .value{font-size:1.5rem;font-weight:800}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}@keyframes ping{75%,to{transform:scale(1.6);opacity:0}}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.spin-slow{animation:spin 12s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}