@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap";:root{font-family:Rajdhani,sans-serif;line-height:1.5;font-weight:400;--color-bg: #050510;--color-primary: #00d9ff;--color-secondary: #ffffff;--color-text: #e6f7ff;--color-dim: #557799;--glass-bg: rgba(10, 30, 50, .4);--glass-border: rgba(255, 255, 255, .2);--neon-glow: 0 0 15px rgba(0, 217, 255, .4)}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}#root{width:100%;height:100%;position:relative}.canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.hud-overlay{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}.hud-header{padding:2rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);pointer-events:auto}.logo-container{display:flex;align-items:center;gap:1rem}.hud-logo{height:40px;width:auto;filter:drop-shadow(0 0 5px rgba(0,217,255,.5))}.hud-title{margin:0;font-size:1.5rem;letter-spacing:4px;text-transform:uppercase;font-weight:800;background:linear-gradient(135deg,#fff,#00d9ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 5px rgba(0,217,255,.5));margin-right:2rem}.highlight{color:var(--color-primary)}.category-menu{display:flex;gap:10px}.hud-btn{background:#00142899;border:1px solid var(--color-dim);color:var(--color-dim);padding:8px 16px;font-family:Rajdhani,sans-serif;font-weight:600;cursor:pointer;text-transform:uppercase;transition:all .3s ease;border-radius:24px;pointer-events:auto}.hud-btn:hover{border-color:var(--color-secondary);color:var(--color-text);box-shadow:0 0 10px #ffffff4d}.hud-btn.active{background:#fff3;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 15px #00d9ff66}.hud-status{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-primary);font-weight:600;background:var(--glass-bg);padding:.5rem 1rem;border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.status-dot.blinking{animation:blink 1s infinite;background-color:orange;box-shadow:0 0 8px orange}.status-dot.active{background-color:var(--color-primary)}.hud-panel{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;pointer-events:none}.hud-panel.left{left:2rem}.hud-panel.right{right:2rem;width:320px;align-items:flex-end}.hud-metric{background:var(--glass-bg);border-left:3px solid var(--color-secondary);padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;width:max-content;border-radius:16px}.hud-metric .label{font-size:.7rem;color:var(--color-dim);letter-spacing:2px;margin-bottom:.3rem}.hud-metric .value{font-size:1.5rem;font-weight:600;color:var(--color-text);text-shadow:0 0 10px rgba(255,255,255,.2)}.hud-info-panel{background:#00141ef2;border:1px solid var(--color-primary);padding:1.5rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;box-shadow:0 0 20px #00d9ff1a;animation:slideInRight .3s ease-out;pointer-events:auto;border-radius:16px}.info-title{margin:0 0 1rem;color:var(--color-primary);font-size:.9rem;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--color-dim);padding-bottom:.5rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.info-label{color:var(--color-dim);font-size:.8rem}.info-value{color:var(--color-text);font-weight:600}.hud-console{font-family:Courier New,monospace;font-size:.8rem;background:var(--glass-bg);border:1px solid var(--glass-border);padding:1rem;height:150px;width:100%;overflow:hidden;display:flex;border-radius:16px;flex-direction:column;justify-content:flex-end;color:var(--color-dim);align-self:flex-end}.console-line{margin-bottom:.2rem}.text-success{color:var(--color-primary)}.text-highlight{color:var(--color-secondary);font-weight:700}.hud-footer{padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);pointer-events:auto}.scan-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-secondary),transparent);box-shadow:0 0 10px var(--color-secondary)}.footer-text{font-size:.7rem;color:var(--color-dim);letter-spacing:3px}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.hud-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem;background:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}.logo-container{width:100%;margin-bottom:.5rem}.hud-title{font-size:1.2rem;margin-right:0}.hud-logo{height:32px}.category-menu{width:100%;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch}.hud-btn{padding:6px 12px;font-size:.8rem;white-space:nowrap}.hud-status{position:absolute;top:1rem;right:1rem;font-size:.7rem;padding:.3rem .6rem}.hud-panel.left{top:140px;left:1rem;transform:none}.hud-panel.right{top:auto;bottom:80px;right:0;width:100%;padding:0 1rem;align-items:center}.hud-info-panel{width:100%;margin-bottom:.5rem;padding:1rem}.hud-console{display:none}.hud-footer{padding:.5rem 1rem;gap:.5rem}.hud-footer button{width:100%}.scan-line{display:none}}.hud-dropdown{position:relative;display:inline-block}.hud-dropdown-btn{min-width:200px;display:flex;justify-content:space-between;align-items:center}.hud-dropdown-content{position:absolute;top:100%;left:0;min-width:200px;background:#050a14f2;border:1px solid var(--color-dim);box-shadow:0 0 15px #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;margin-top:5px;border-radius:16px;overflow:hidden;animation:slideInDown .2s ease-out}.hud-dropdown-item{display:block;width:100%;text-align:left;padding:10px 15px;background:none;border:none;border-bottom:1px solid rgba(85,119,153,.2);color:var(--color-dim);font-family:Rajdhani,sans-serif;font-weight:600;cursor:pointer;text-transform:uppercase;transition:all .2s ease}.hud-dropdown-item:last-child{border-bottom:none}.hud-dropdown-item:hover{background:#ffffff1a;color:var(--color-text);padding-left:20px}.hud-dropdown-item.active{color:var(--color-primary);border-left:3px solid var(--color-primary);background:#00d9ff0d}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hud-dropdown-content{position:fixed;top:70px;left:10px;right:10px;width:auto;min-width:0}}.loading-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#050a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000}.loading-spinner{width:60px;height:60px;border:3px solid rgba(0,217,255,.1);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 15px #00d9ff4d;margin-bottom:20px}.loading-text{font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:600;color:var(--color-primary);letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite;text-shadow:0 0 10px rgba(0,217,255,.5)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}