:root{font-family:Segoe UI,Tahoma,sans-serif;color:#e6edf7;background-color:#08101a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 10%,#13283f,#08101a 48%,#04070d)}#app{position:relative;width:100vw;height:100vh}#scene-container{width:100%;height:100%}#scene-container canvas{display:block}#hud{position:absolute;top:16px;left:16px;width:320px;padding:14px 16px;border:1px solid #1f2f46;border-radius:12px;background:#08101ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-title{margin:0 0 6px;font-size:17px;font-weight:700}.hud-subtitle{margin:0 0 12px;color:#90a8c5;font-size:13px}.hud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.hud-card{padding:8px;border-radius:8px;background:#1a293fad}.hud-label{display:block;font-size:11px;color:#8da8c7;text-transform:uppercase;letter-spacing:.05em}.hud-value{font-size:18px;font-weight:700}.legend{margin:12px 0;padding:8px;border-radius:8px;background:#1a293fad}.legend-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0;font-size:13px}.legend-dot{width:10px;height:10px;border-radius:50%;margin-right:8px;display:inline-block}.legend-left{display:flex;align-items:center}.controls{display:flex;gap:8px;margin-top:10px}button{border:1px solid #2b4b6f;border-radius:8px;padding:7px 11px;color:#dbe7f8;background:#17314d;cursor:pointer;font-weight:600}button:hover{background:#1f4268}button:disabled{opacity:.5;cursor:not-allowed}