@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap";:root{--bg: #050912;--panel: rgba(12, 19, 33, .6);--text: #d9e3ff;--muted: #9cb1d4;--neon: #00ffd5;--neon-rgb: 0, 255, 213;--accent2: #7b61ff;--accent3: #ff5aa9;--danger: #ff4444;--warning: #ffc46f;--success: #42ff80;--shadow: 0 8px 40px rgba(0, 255, 213, .16);--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(12, 19, 33, .65);--font-display: "Orbitron", sans-serif;--font-body: "Inter", "Segoe UI", Arial, sans-serif}body[data-theme=light]{--bg: #f0f5ff;--panel: rgba(255, 255, 255, .64);--text: #10203a;--muted: #415478;--neon: #007a68;--neon-rgb: 0, 122, 104;--shadow: 0 10px 30px rgba(0, 122, 104, .18);--glass-border: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .7)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse at 20% 0%,rgba(0,255,213,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(123,97,255,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#142343 0%,var(--bg) 65%);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--neon-rgb),.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--neon-rgb),.5)}.app-shell{min-height:100vh;padding:.75rem;display:flex;flex-direction:column}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;flex-wrap:wrap}.topbar h1{font-family:var(--font-display);font-size:1.1rem;letter-spacing:1px;background:linear-gradient(135deg,var(--neon),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar p{color:var(--muted);font-size:.78rem}.topbar-actions{display:flex;gap:.5rem;margin-left:auto}.meta{display:flex;gap:1rem;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.layout{margin-top:.75rem;display:grid;grid-template-columns:240px 1fr 300px;gap:1rem;flex:1;min-height:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.dashboard-wrapper{height:100%}.dashboard{padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:calc(100vh - 140px);height:100%}.dashboard h2{font-family:var(--font-display);font-size:.85rem;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.experiment-btn{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:var(--text);text-align:left;padding:.65rem .75rem;cursor:pointer;transition:all .3s ease;font-size:.85rem}.experiment-btn:hover{background:rgba(var(--neon-rgb),.06);border-color:rgba(var(--neon-rgb),.3);transform:translate(4px)}.experiment-btn.active{border-color:var(--neon);box-shadow:0 0 20px rgba(var(--neon-rgb),.2),inset 0 0 20px rgba(var(--neon-rgb),.05);background:rgba(var(--neon-rgb),.08)}.experiment-btn small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.workbench{display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow:hidden}.workbench--space .experiment-card{max-width:none}.scene{height:200px;overflow:hidden;border-radius:16px}.experiment-card{padding:1rem;flex:1;overflow-y:auto}.sidebar{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:calc(100vh - 120px)}.panel{padding:.75rem}.panel h3{font-family:var(--font-display);font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;color:var(--neon)}.btn{border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text);border-radius:10px;padding:.5rem .8rem;cursor:pointer;font-size:.82rem;font-family:var(--font-body);transition:all .25s ease;white-space:nowrap}.btn:hover{background:rgba(var(--neon-rgb),.1);border-color:rgba(var(--neon-rgb),.4);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-neon{border-color:var(--neon);box-shadow:0 0 14px rgba(var(--neon-rgb),.25);color:var(--neon)}.btn-neon:hover{box-shadow:0 0 24px rgba(var(--neon-rgb),.4)}.btn-launch{background:linear-gradient(135deg,rgba(var(--neon-rgb),.2),#7b61ff33);border-color:var(--neon);font-family:var(--font-display);font-size:.85rem;letter-spacing:1px;padding:.65rem 1.5rem;text-transform:uppercase}.btn-launch:hover{background:linear-gradient(135deg,rgba(var(--neon-rgb),.35),#7b61ff59);box-shadow:0 0 30px rgba(var(--neon-rgb),.4)}.btn-fullscreen{position:fixed;top:1rem;right:1rem;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--neon);padding:.5rem 1rem}.topbar-actions,.utility-row,.voice-row,.panel-actions{display:flex;gap:.5rem;flex-wrap:wrap}.utility-row{margin-top:.5rem;padding:0 .25rem}.steps{padding-left:1.1rem;margin-bottom:.5rem}.steps li{color:var(--muted);margin:.15rem 0;font-size:.82rem;transition:color .3s}.steps li.active{color:var(--neon);text-shadow:0 0 8px rgba(var(--neon-rgb),.4)}.control-row{display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.82rem}.control-row span{color:var(--muted)}.control-row strong{text-align:right;font-family:var(--font-display);font-size:.75rem;color:var(--neon)}.control-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px rgba(var(--neon-rgb),.5);cursor:pointer}.control-row.disabled{opacity:.4;pointer-events:none}.experiment{position:relative}.experiment h2{font-family:var(--font-display);font-size:1rem;letter-spacing:.5px;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text),var(--neon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.experiment p{font-size:.85rem}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.fullscreen-canvas-area{flex:1;position:relative;overflow:hidden}.fullscreen-canvas-area canvas{display:block;width:100%!important;height:100%!important}.fullscreen-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.fullscreen-hud>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.hud-top h2{font-family:var(--font-display);font-size:1.1rem;letter-spacing:1px;color:var(--neon)}.hud-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem}.hud-stats{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.hud-stat{text-align:center}.hud-stat-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-display)}.hud-stat-value{font-family:var(--font-display);font-size:1.4rem;color:var(--neon);text-shadow:0 0 20px rgba(var(--neon-rgb),.5)}.hud-stat-unit{font-size:.7rem;color:var(--muted);margin-left:2px}.hud-left{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;max-width:200px}.hud-right{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem}.hud-mini-control{background:#0009;border:1px solid var(--glass-border);border-radius:10px;padding:.5rem .75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-mini-control label{display:block;font-size:.7rem;color:var(--muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.hud-mini-control input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#ffffff26;border-radius:2px}.hud-mini-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--neon);box-shadow:0 0 6px rgba(var(--neon-rgb),.5)}.hud-mini-control input[type=color]{width:32px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:0;cursor:pointer;background:transparent}.setup-phase{display:flex;flex-direction:column;gap:.75rem}.setup-phase .setup-preview{border-radius:12px;overflow:hidden;border:1px solid var(--glass-border);height:200px;position:relative}.setup-phase .setup-preview canvas{width:100%!important;height:100%!important}.run-experiment-btn{margin-top:.5rem;width:100%;padding:.75rem;font-family:var(--font-display);font-size:.9rem;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,rgba(var(--neon-rgb),.15),#7b61ff26);border:1px solid var(--neon);color:var(--neon);border-radius:12px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.run-experiment-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(var(--neon-rgb),.2),transparent);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.run-experiment-btn:hover{background:linear-gradient(135deg,rgba(var(--neon-rgb),.3),#7b61ff4d);box-shadow:0 0 40px rgba(var(--neon-rgb),.3);transform:translateY(-2px)}.viz-canvas{width:100%;height:100%;display:block;border-radius:12px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.particle-flow{width:140px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.2);overflow:hidden}.particle-flow>div{width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--neon);animation:flow 1.2s linear infinite}@keyframes flow{0%{transform:translate(-20px)}to{transform:translate(145px)}}.pendulum{width:160px;margin:.7rem 0;position:relative}.pivot{width:14px;height:14px;border-radius:50%;background:var(--neon)}.string{width:2px;background:#fff;margin-left:6px}.bob{width:20px;height:20px;border-radius:50%;background:#42ff80;margin-left:-2px;transform-origin:top center;animation:swing 1.8s ease-in-out infinite alternate}@keyframes swing{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}.light-box{margin:.8rem 0;height:120px;border:1px dashed rgba(255,255,255,.25);position:relative;overflow:hidden}.ray{position:absolute;width:90px;height:2px;left:40%;top:50%;transform-origin:left center}.ray.incident{background:#fff06a}.ray.reflected{background:#ff5aa9}.ray.refracted{background:#57d3ff}.vector-box{display:grid;gap:.45rem;margin:.7rem 0}.vector{height:20px;border-radius:10px;font-size:.8rem;display:flex;align-items:center;padding-left:.45rem;transition:width .5s ease}.force{background:#ff5050b3}.accel{background:#00ffd5b3}.graph svg{width:100%;max-width:420px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.graph small{display:block;color:var(--muted);font-size:.72rem;margin-top:.25rem}.graph-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.35rem;font-size:.75rem;color:var(--muted)}.graph-legend .legend-item{display:inline-flex;align-items:center;gap:.35rem}.graph-legend .legend-item i{width:10px;height:3px;border-radius:2px;display:inline-block}.feedback{margin-top:.5rem;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;font-size:.82rem;line-height:1.4}.feedback.success{border-color:rgba(var(--neon-rgb),.45);color:var(--neon)}.stat-list{margin:.3rem 0 0;padding-left:1rem;font-size:.82rem}.stat-list li{margin:.15rem 0;color:var(--muted)}.stat-list.compact{font-size:.8rem}.warning{color:var(--warning)}.slow-motion *{animation-duration:calc(var(--slow-factor, 2) * 1s)!important;transition-duration:.45s!important}.generic-experiment{display:flex;flex-direction:column;gap:.75rem}.generic-experiment .exp-head h2{margin-bottom:.25rem}.generic-experiment .exp-number{color:var(--neon)}.generic-experiment .exp-desc{color:var(--muted);font-size:.85rem}.experiment-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.segmented-row,.select-row,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.35rem 0;font-size:.82rem;color:var(--text)}.segmented-row>span,.select-row>span,.toggle-row>span{color:var(--muted)}.toggle-row strong{color:var(--neon);font-family:var(--font-display);font-size:.75rem}.select-row select{background:#ffffff0f;border:1px solid var(--glass-border);border-radius:8px;color:var(--text);padding:.35rem .6rem;font-family:var(--font-body);font-size:.82rem}.segmented{display:flex;gap:.25rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px;padding:.2rem}.segmented button{border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.78rem;padding:.35rem .7rem;border-radius:7px;cursor:pointer;transition:all .2s}.segmented button.active{background:rgba(var(--neon-rgb),.16);color:var(--neon);box-shadow:0 0 10px rgba(var(--neon-rgb),.15)}.toggle-row input[type=checkbox]{accent-color:var(--neon);width:16px;height:16px}.measures-title{font-family:var(--font-display);font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:.5rem 0 .4rem}.measure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.5rem}.measure-chip{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:12px;padding:.55rem .65rem;text-align:center}.measure-value{font-family:var(--font-display);font-size:1.05rem;color:var(--neon);text-shadow:0 0 12px rgba(var(--neon-rgb),.35)}.measure-unit{font-size:.65rem;color:var(--muted);margin-left:2px}.measure-label{font-size:.68rem;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.4px}.info-accordion{border:1px solid var(--glass-border);border-radius:12px;background:#ffffff08;overflow:hidden}.info-accordion-head{width:100%;border:none;background:transparent;color:var(--text);font-family:var(--font-body);font-size:.82rem;padding:.6rem .8rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left}.info-accordion-head:hover{background:rgba(var(--neon-rgb),.05)}.info-accordion .chevron{color:var(--muted);font-size:.7rem}.info-accordion-body{padding:.4rem .8rem .75rem;font-size:.84rem;line-height:1.5;color:var(--text);border-top:1px solid var(--glass-border)}.exp-objective{color:var(--neon);font-size:.85rem;margin-bottom:.4rem}.exp-theory{color:var(--muted);margin:.3rem 0;font-size:.84rem}.formula-block{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.formula-item{background:rgba(var(--neon-rgb),.06);border:1px solid rgba(var(--neon-rgb),.18);border-radius:8px;padding:.35rem .6rem;font-size:.82rem}.formula-item code{font-family:Consolas,Courier New,monospace;color:var(--neon);margin-right:.5rem}.formula-item span{color:var(--muted);font-size:.74rem}.exp-units,.exp-limits{color:var(--muted);font-size:.78rem;margin-top:.35rem}.procedure-list{padding-left:1.2rem;display:flex;flex-direction:column;gap:.25rem}.procedure-list li{font-size:.83rem;color:var(--muted)}.graph-wrap,.record-table-wrap{margin-top:.5rem}.record-table{width:100%;border-collapse:collapse;font-size:.78rem}.record-table th,.record-table td{border:1px solid var(--glass-border);padding:.4rem .5rem;text-align:left;color:var(--text)}.record-table th{background:rgba(var(--neon-rgb),.06);font-family:var(--font-display);font-size:.7rem;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.record-table th small{display:block;font-size:.62rem;color:var(--muted)}.record-table td{font-variant-numeric:tabular-nums}.phase-badge{position:absolute;top:.6rem;right:.6rem;font-family:var(--font-display);font-size:.68rem;letter-spacing:1px;color:var(--neon);background:#0000008c;border:1px solid rgba(var(--neon-rgb),.4);border-radius:999px;padding:.25rem .6rem}.phase-badge-static{color:var(--neon);font-family:var(--font-display);font-size:.8rem;letter-spacing:1px}.setup-preview--tall{height:280px!important}.muted{color:var(--muted)}.small{font-size:.82rem}.field-label{display:block;margin:.4rem 0 .2rem;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-display);font-size:.65rem}.toggle{display:flex;align-items:center;gap:.4rem;margin:.25rem 0;font-size:.82rem;cursor:pointer}.toggle input[type=checkbox]{accent-color:var(--neon)}.space-canvas-wrap{position:relative;min-height:min(55vh,480px);border-radius:16px;overflow:hidden}.space-canvas-hero{min-height:min(65vh,650px);margin-top:.5rem}.space-canvas-wrap canvas{display:block}.space-canvas-wrap.replay{outline:1px solid rgba(var(--neon-rgb),.45)}.space-overlay{position:absolute;left:.75rem;bottom:.65rem;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.78rem;color:var(--text);text-shadow:0 1px 6px rgba(0,0,0,.75);pointer-events:none}.space-overlay-hint{opacity:.7;font-size:.72rem;color:var(--muted)}.space-mission-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.5rem}.space-panel h3{margin-top:0}.section-title{margin:.75rem 0 .25rem;font-size:.95rem;font-family:var(--font-display);font-size:.8rem}.subsection-title{margin:.5rem 0 .25rem;font-size:.85rem}.color-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.3rem 0 .5rem;align-items:center}.color-row label{display:flex;flex-direction:column;gap:.15rem;font-size:.72rem;color:var(--muted)}.color-row input[type=color]{width:36px;height:24px;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:0;cursor:pointer;background:transparent}.mission-type-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.4rem}.mission-chip{text-align:left;font-size:.78rem}.mission-chip.active{border-color:var(--neon);box-shadow:0 0 12px rgba(var(--neon-rgb),.25)}.prediction-block{margin:.4rem 0;padding:.45rem .55rem;border-radius:10px;background:#ffffff08;border:1px solid var(--glass-border)}.panel-actions.wrap{flex-wrap:wrap}.space-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem;padding:.75rem}.space-dashboard h4{margin:0 0 .35rem;font-family:var(--font-display);font-size:.75rem;letter-spacing:.5px;color:var(--neon)}.launch-shake{animation:launchShake .85s ease-out}@keyframes launchShake{0%{transform:translate(0)}20%{transform:translate(1px,2px)}40%{transform:translate(-2px,-1px)}60%{transform:translate(2px,1px)}to{transform:translate(0)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-nav{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 2.5rem);max-width:450px;height:70px;z-index:2000;display:none;align-items:center;justify-content:space-around;padding:0 1rem;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#0c1321d9;box-shadow:0 12px 40px #0006,0 0 20px rgba(var(--neon-rgb),.1)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--muted);cursor:pointer;transition:all .3s ease;flex:1;height:100%;position:relative}.nav-item .icon{font-size:1.4rem;transition:transform .3s ease}.nav-item .label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nav-item.active{color:var(--neon)}.nav-item.active .icon{transform:translateY(-4px) scale(1.1);text-shadow:0 0 15px var(--neon)}.nav-item.active:after{content:"";position:absolute;bottom:8px;width:4px;height:4px;background:var(--neon);border-radius:50%;box-shadow:0 0 8px var(--neon)}@media (max-width: 1100px){.layout{grid-template-columns:220px 1fr}.sidebar{display:none}}@media (max-width: 900px){body{padding-bottom:90px}.app-shell{padding:1rem 1rem 100px}.topbar{padding:1rem 0}.topbar-actions,.meta{display:none}.layout{display:block;margin-top:0}.dashboard-wrapper,.workbench,.sidebar{display:none;animation:slideIn .4s ease-out}.dashboard-wrapper.active,.workbench.active,.sidebar.active,.mobile-nav{display:flex}.dashboard{max-height:none;padding:0}.experiment-btn{padding:1rem;font-size:1rem}.experiment-card{border:none;background:none;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.utility-row{position:sticky;top:0;z-index:100;background:var(--bg);padding:.5rem 0;margin-bottom:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:inline-flex!important}}.hud-minimized .hud-top{background:transparent!important}.hud-minimized .hud-top h2{opacity:.3}@media (max-width: 768px){.fullscreen-hud{display:flex;flex-direction:column;justify-content:space-between;padding:0}.hud-top{padding:.75rem 1rem;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.hud-top h2{font-size:.9rem;max-width:70%}.hud-left,.hud-right{position:fixed;top:50%;transform:translateY(-50%);z-index:20;max-width:130px;background:#05091266;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);padding:.5rem;border-radius:12px;gap:.35rem}.hud-left{left:.5rem;border-left:2px solid var(--neon)}.hud-right{right:.5rem;border-right:2px solid var(--neon)}.hud-mini-control{background:transparent;border:none;padding:.25rem 0;-webkit-backdrop-filter:none;backdrop-filter:none}.hud-mini-control label{font-size:.6rem;margin-bottom:2px}.hud-bottom{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(to top,#000000e6,#0006);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-stats{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:1.25rem;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hud-stats::-webkit-scrollbar{display:none}.hud-stat{flex-shrink:0;text-align:left;min-width:70px}.hud-stat-value{font-size:1.1rem}.hud-stat-label{font-size:.55rem}}@media (max-width: 600px){.control-row{grid-template-columns:1fr;gap:.5rem;background:#ffffff08;padding:.75rem;border-radius:12px}.control-row input[type=range]{height:8px}.control-row input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.btn{padding:.75rem 1.25rem;font-size:.9rem}.run-experiment-btn{padding:1rem;font-size:1rem}.hud-left,.hud-right{opacity:.6;transition:opacity .3s,transform .3s}.hud-left:hover,.hud-right:hover,.hud-left:active,.hud-right:active{opacity:1}}