@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#050505;--text-primary:#fff;--text-secondary:#fff9;--accent-copper:#d97736;--accent-gold:#f59e0b;--accent-dim:#d9773626;--font-sans:"Outfit", sans-serif;--font-mono:"Space Grotesk", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{display:none}#root{width:100%;height:100%}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hud-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:40px;display:flex;position:absolute;top:0;left:0}.hud-interactive{pointer-events:auto}.hud-header{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-group{flex-direction:column;display:flex}.logo-title{font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:#fff;font-size:1.4rem;font-weight:600}.logo-subtitle{font-family:var(--font-mono);letter-spacing:.25em;color:var(--accent-copper);text-transform:uppercase;margin-top:4px;font-size:.65rem}.system-status{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:10px;font-size:.75rem;display:flex}.status-dot{background-color:var(--accent-gold);width:6px;height:6px;box-shadow:0 0 10px var(--accent-gold);border-radius:50%;animation:2s ease-in-out infinite pulse-glow}.status-text{color:#fffc}.menu-trigger{font-family:var(--font-sans);letter-spacing:.2em;color:#fff;cursor:pointer;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:8px;font-size:.8rem;transition:opacity .3s;display:flex}.menu-trigger:hover{opacity:.7}.hud-center-info{flex-direction:column;gap:15px;max-width:420px;display:flex;position:absolute;bottom:120px;left:40px}.core-badge{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-copper);text-transform:uppercase;background:#d977360d;border:1px solid #d977364d;border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:.65rem}.info-title{letter-spacing:.05em;font-size:2.2rem;font-weight:500;line-height:1.2}.info-description{color:var(--text-secondary);font-size:.9rem;font-weight:300;line-height:1.6}.hud-right-telemetry{-webkit-backdrop-filter:blur(20px);background:#0a0a0a73;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;gap:20px;width:300px;padding:24px;display:flex;position:absolute;bottom:120px;right:40px;box-shadow:0 20px 50px #00000080}.telemetry-header{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-gold);text-transform:uppercase;border-bottom:1px solid #ffffff0f;padding-bottom:10px;font-size:.75rem}.telemetry-row{justify-content:space-between;align-items:center;display:flex}.telemetry-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.telemetry-value{font-family:var(--font-mono);color:#fff;font-size:.85rem;font-weight:500}.hud-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.scroll-indicator{font-family:var(--font-mono);letter-spacing:.2em;color:#fff6;text-transform:uppercase;align-items:center;gap:12px;font-size:.7rem;display:flex}.mouse-icon{border:1px solid #ffffff4d;border-radius:10px;width:14px;height:22px;position:relative}.mouse-wheel{background-color:var(--accent-copper);border-radius:1px;width:2px;height:6px;animation:1.8s ease-in-out infinite scroll-wheel-anim;position:absolute;top:4px;left:50%;transform:translate(-50%)}.active-phase{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.active-phase span{color:var(--accent-copper);font-weight:600}.spatial-card{-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:auto;cursor:pointer;background:#0a0a0a99;border:1px solid #d9773640;border-radius:10px;width:170px;padding:12px 18px;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%);box-shadow:0 10px 30px #0006,0 0 15px #d977360d}.spatial-card:hover{border-color:var(--accent-copper);background:#d977361a;transform:translate(-50%,-55%)scale(1.05);box-shadow:0 10px 30px #00000080,0 0 25px #d9773640}.spatial-card.active{border-color:var(--accent-gold);background:#d9773626;box-shadow:0 10px 30px #0009,0 0 35px #f59e0b59}.spatial-card-index{font-family:var(--font-mono);color:var(--accent-copper);letter-spacing:.1em;margin-bottom:2px;font-size:.6rem}.spatial-card-title{letter-spacing:.05em;text-transform:uppercase;font-size:.95rem;font-weight:600}.spatial-card-metric{font-family:var(--font-mono);color:var(--text-secondary);border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:6px;padding-top:4px;font-size:.65rem;display:flex}.spatial-card-metric span{color:var(--accent-gold)}.detail-modal{-webkit-backdrop-filter:blur(30px);z-index:100;pointer-events:auto;background:#0c0c0cd9;border:1px solid #d977364d;border-radius:20px;flex-direction:column;gap:20px;width:500px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) modal-fade-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 70px #000c,0 0 50px #d9773626}.modal-close{color:var(--text-secondary);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:none;font-size:.8rem;transition:color .3s;position:absolute;top:20px;right:20px}.modal-close:hover{color:#fff}.modal-index{font-family:var(--font-mono);color:var(--accent-copper);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.modal-title{letter-spacing:.05em;text-transform:uppercase;font-size:2rem;font-weight:500}.modal-body{color:var(--text-secondary);font-size:.95rem;font-weight:300;line-height:1.6}.modal-stats{border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:15px;margin-top:10px;padding-top:20px;display:grid}.stat-box{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.stat-val{font-family:var(--font-mono);color:var(--accent-gold);font-size:1.1rem;font-weight:600}@keyframes pulse-glow{0%,to{opacity:.5;box-shadow:0 0 5px var(--accent-gold)}50%{opacity:1;box-shadow:0 0 15px var(--accent-gold)}}@keyframes scroll-wheel-anim{0%{opacity:0;top:4px}30%{opacity:1}80%{opacity:0;top:12px}to{opacity:0;top:4px}}@keyframes modal-fade-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=768px){.hud-layer{padding:20px}.hud-header{align-items:flex-start}.system-status{display:none}.hud-center-info{max-width:100%;bottom:190px;left:20px;right:20px}.info-title{font-size:1.5rem}.info-description{font-size:.8rem}.hud-right-telemetry{flex-direction:row;justify-content:space-between;gap:10px;width:auto;padding:12px 18px;display:flex;position:absolute;bottom:75px;left:20px;right:20px}.telemetry-row{flex-direction:column;align-items:flex-start;gap:2px}.telemetry-row:not(:last-child){border-right:1px solid #ffffff14;padding-right:15px}.telemetry-label{font-size:.6rem}.telemetry-value{font-size:.75rem}.hud-footer{display:none}.spatial-card{width:120px;padding:8px 10px}.spatial-card-index{font-size:.5rem}.spatial-card-title{font-size:.75rem}.spatial-card-metric{font-size:.55rem}.detail-modal{gap:15px;width:calc(100% - 30px);padding:24px}.modal-title{font-size:1.5rem}.modal-stats{margin-top:5px;padding-top:15px}}