:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#ebeff5;background:#000205;--background: #000205;--foreground: #ebeff5;--primary: #00c7c8;--muted: #11161f;--muted-foreground: #88909c}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at top,rgba(33,79,117,.18),transparent 32%),radial-gradient(circle at 85% 30%,rgba(0,199,200,.08),transparent 24%),#000205;color:var(--foreground)}button{cursor:pointer;border:0}.app-shell{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--background)}.scene-canvas{width:100%!important;height:100%!important}.hud-layer{position:absolute;inset:0;pointer-events:none}.hud-top-left,.hud-top-center,.hud-top-right,.hud-mid-right,.hud-bottom-left,.hud-bottom-right,.hud-bottom-center{position:absolute;pointer-events:auto}.hud-left-stack{position:absolute;top:12.25rem;left:1rem;display:grid;gap:.75rem;pointer-events:auto}.hud-top-left{top:1rem;left:1rem}.hud-top-center{top:1rem;left:50%;transform:translate(-50%)}.hud-top-right{top:1rem;right:1rem}.hud-mid-right{top:50%;right:1rem;transform:translateY(-50%)}.hud-bottom-left{left:1rem;bottom:1rem}.hud-bottom-right{right:1rem;bottom:1rem}.hud-bottom-center{left:50%;bottom:5rem;transform:translate(-50%)}.hud-panel,.controls-hint{border:1px solid rgba(0,199,200,.24);border-radius:.75rem;background:#000205bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #00000073,inset 0 0 0 1px #ffffff08}.hud-panel{padding:1rem}.speed-panel{min-width:280px}.map-panel{width:12.25rem;padding:.85rem}.info-panel{width:min(22rem,calc(100vw - 2rem))}.time-panel,.coord-panel{min-width:200px}.control-panel{min-width:260px}.panel-heading,.metric-row,.coordinate-row,.fps-label{display:flex;align-items:center;justify-content:space-between}.panel-heading,.section-title{padding-bottom:.6rem;margin-bottom:.75rem;border-bottom:1px solid rgba(0,199,200,.14);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}.mode-name,.metric-cyan,.metric-amber,.metric-blue,.metric-green,.distance-label span,.fps-label span,.coordinates-grid span:last-child,.mono{font-family:Consolas,SFMono-Regular,monospace}.mode-name{color:var(--primary);font-weight:700}.metric-list,.coordinates-grid{display:grid;gap:.55rem;font-size:.78rem}.metric-row,.coordinate-row{gap:1rem;color:var(--muted-foreground)}.metric-cyan{color:#53eafd}.metric-amber{color:#ffb84d}.metric-blue{color:#54a2ff}.metric-green{color:#05df72}.progress-track{height:.5rem;margin:.75rem 0 .9rem;overflow:hidden;border-radius:999px;background:#11161f}.progress-fill{height:100%;background:linear-gradient(90deg,#00d2ef,#00c7c8);transition:width .2s ease}.speed-mode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem;padding-top:.25rem}.mode-button,.secondary-button,.pause-button,.reset-button{border-radius:.45rem;transition:background-color .15s ease,color .15s ease,transform .15s ease}.mode-button{padding:.35rem .5rem;background:var(--muted);color:var(--muted-foreground);font-size:.74rem}.mode-button.active{background:var(--primary);color:#010309}.mode-button:hover,.secondary-button:hover,.pause-button:hover,.reset-button:hover{transform:translateY(-1px)}.secondary-button{width:100%;padding:.45rem .7rem;background:var(--muted);color:var(--muted-foreground);font-size:.74rem}.black-hole-button{margin-bottom:.45rem;background:#791c23e6;color:#ffd6d6}.control-buttons{display:flex;gap:.5rem}.control-buttons .secondary-button,.pause-button,.reset-button{width:auto;padding:.45rem .75rem}.pause-button{background:#b76b00;color:#fff}.reset-button{background:#d40924d9;color:#fff}.stop-start-button{min-width:6.5rem;padding:.7rem 1.1rem;border:1px solid rgba(255,255,255,.14);border-radius:.45rem;background:#b4162de0;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 34px #00000073,0 0 24px #b4162d38;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.stop-start-button.start{background:#009e5ce6;box-shadow:0 12px 34px #00000073,0 0 24px #009e5c33}.stop-start-button:hover{transform:translateY(-1px)}.solar-map{position:relative;width:9rem;height:9rem;margin:.1rem auto .75rem;overflow:hidden;border:1px solid rgba(0,199,200,.2);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(0,199,200,.07),transparent 48%),#0000006b}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(83,234,253,.16);border-radius:999px;transform:translate(-50%,-50%)}.orbit-outer{width:88%;height:88%}.orbit-inner{width:56%;height:56%}.map-dot{position:absolute;width:.65rem;height:.65rem;border-radius:999px;transform:translate(-50%,-50%);z-index:2}.map-route{position:absolute;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,#ffe02a59,#ef444499);z-index:1}.map-route-ship{background:linear-gradient(90deg,#22d3eecc,#ef4444b3)}.map-tag{position:absolute;padding:.08rem .24rem;border-radius:999px;font-family:Consolas,SFMono-Regular,monospace;font-size:.52rem;line-height:1;letter-spacing:.08em;transform:translate(.45rem,-50%);z-index:3}.map-tag-black-hole{color:#ffd2d2;background:#500a0aa6;border:1px solid rgba(239,68,68,.35)}.map-tag-vibe{padding:.07rem .2rem;color:#fff2d5;background:#541c05a3;border:1px solid rgba(255,184,77,.34);font-size:.46rem;transform:translate(-.55rem,.42rem)}.map-tag-return{padding:.07rem .2rem;color:#dffbff;background:#032c43a8;border:1px solid rgba(56,189,248,.36);font-size:.46rem;transform:translate(.45rem,.34rem)}.map-tag-ship{color:#c8fbff;background:#032e36b8;border:1px solid rgba(34,211,238,.35)}.sun-dot{background:#ffe02a;box-shadow:0 0 8px #fde047cc}.black-hole-dot{background:#ef4444;box-shadow:0 0 7px #ef4444b3}.return-portal-dot{background:#38bdf8;box-shadow:0 0 7px #38bdf8cc}.ship-dot{background:#22d3ee;box-shadow:0 0 9px #22d3eef2}.distance-label,.fps-label,.controls-hint{font-size:.72rem;color:var(--muted-foreground)}.map-stats{display:grid;gap:.45rem;margin-bottom:.55rem;padding-top:.15rem}.map-caption{margin:0 0 .7rem;font-size:.74rem;line-height:1.45;color:var(--muted-foreground)}.info-copy{margin:0;font-size:.82rem;line-height:1.55;color:#d6dde8}.info-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.info-title{margin-bottom:.25rem}.info-type,.info-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.info-type{margin-top:-.35rem;margin-bottom:.4rem}.info-block{display:grid;gap:.35rem;margin-top:.85rem}.info-facts{display:grid;gap:.55rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(0,199,200,.14)}.info-close-button{padding:.4rem .7rem;border-radius:.45rem;background:var(--muted);color:var(--muted-foreground);font-size:.74rem}.distance-label{margin-bottom:.6rem;text-align:center}.legend-label{display:flex;align-items:center;gap:.5rem}.dot{width:.5rem;height:.5rem;border-radius:999px}.dot.blue{background:#3080ff}.dot.green{background:#00c758}.axis-x{color:#ff6568}.axis-y{color:#05df72}.axis-z{color:#54a2ff}.controls-hint{padding:.65rem 1rem;text-align:center}@media(max-width:960px){.hud-layer{display:grid;grid-template-columns:1fr;align-content:start;gap:.75rem;padding:.75rem;overflow:auto}.hud-top-left,.hud-top-center,.hud-top-right,.hud-left-stack,.hud-mid-right,.hud-bottom-left,.hud-bottom-right,.hud-bottom-center{position:static;transform:none}.speed-panel,.map-panel,.info-panel,.time-panel,.coord-panel{min-width:0}.control-buttons{flex-wrap:wrap}.control-buttons .secondary-button,.pause-button,.reset-button{flex:1 1 30%}}