:root{color-scheme:dark;--neon-cyan: #63e8ff;--neon-pink: #ff5fd1;--neon-purple: #8a63ff;--panel-bg: rgba(12, 14, 26, .55);--panel-border: rgba(150, 180, 255, .25)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#05050a;overflow:hidden}body{font-family:Segoe UI,system-ui,sans-serif;color:#eef2ff}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden}.scene-container{position:absolute;inset:0}.scene-container canvas{display:block}.hud{position:absolute;z-index:10;pointer-events:none}.hud-top{top:28px;left:50%;transform:translate(-50%);text-align:center}.hud-title{margin:0;font-size:2.6rem;font-weight:800;letter-spacing:.35em;color:#fff;text-shadow:0 0 12px var(--neon-cyan),0 0 28px rgba(99,232,255,.5)}.hud-title span{color:var(--neon-pink);text-shadow:0 0 12px var(--neon-pink),0 0 30px rgba(255,95,209,.6)}.hud-subtitle{margin:4px 0 0;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:#e6ecffa6}.hud-panel{pointer-events:auto;top:130px;left:32px;width:260px;padding:20px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:18px;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 0 30px #63e8ff14,inset 0 0 0 1px #ffffff05;display:flex;flex-direction:column;gap:10px}.hud-label{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:#e6ecff99}.hud-label-inline{margin-right:auto}.hud-input{background:rgba(255,255,255,.05);border:1px solid rgba(150,180,255,.3);border-radius:10px;color:#fff;padding:10px 12px;font-family:monospace;font-size:.9rem;outline:none}.hud-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px #63e8ff59}.hud-row{display:flex;gap:8px;align-items:center}.hud-btn{flex:1;border:none;border-radius:10px;padding:10px 14px;font-size:.82rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.hud-btn:hover{transform:translateY(-1px)}.hud-btn:active{transform:translateY(0)}.hud-btn-ghost{background:rgba(255,255,255,.06);color:#e6ecff;border:1px solid rgba(150,180,255,.25)}.hud-btn-ghost:hover{border-color:var(--neon-cyan);box-shadow:0 0 14px #63e8ff40}.hud-btn-primary{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:#05050a;box-shadow:0 0 18px #8a63ff73}.hud-btn-primary:hover{box-shadow:0 0 26px #8a63ffb3}.hud-slider{flex:1;accent-color:var(--neon-cyan)}.hud-status{bottom:32px;left:50%;transform:translate(-50%);width:min(560px,80vw);text-align:center}.hud-progress-track{height:4px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:10px}.hud-progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));box-shadow:0 0 10px var(--neon-cyan);transition:width .2s ease}.hud-status-text{margin:0;font-size:.85rem;letter-spacing:.05em;color:#e6ecffd9;text-shadow:0 0 8px rgba(0,0,0,.6)}@media (max-width: 720px){.hud-panel{left:16px;right:16px;width:auto;top:110px}.hud-title{font-size:1.7rem;letter-spacing:.2em}}