body.sim-page{background:#0e1116}#stage{touch-action:none;background:radial-gradient(120% 90% at 50% 10%,#2a3644 0%,#141a22 55%,#0e1116 100%);height:100dvh;position:relative;overflow:hidden}#stage canvas{display:block}.hud{z-index:5;color:#dde3ea;-webkit-backdrop-filter:blur(10px);background:#10141a8c;border:1px solid #ffffff14;border-radius:12px;position:absolute}.sim-top{align-items:center;gap:1rem;padding:.5rem .9rem;font-size:.92rem;display:flex;top:.8rem;left:.8rem;right:.8rem}.sim-top .back{color:#9fc4e8;white-space:nowrap}.sim-title{font-weight:600}#stats{font-variant-numeric:tabular-nums;color:#8b98a7;white-space:nowrap;margin-left:auto;font-size:.85rem}.sim-help{color:#aeb9c6;white-space:nowrap;padding:.4rem .9rem;font-size:.85rem;bottom:.9rem;left:50%;transform:translate(-50%)}.sim-help b{color:#dde3ea;font-weight:600}#pads{z-index:5;flex-direction:column;align-items:center;gap:.7rem;display:flex;position:absolute;bottom:3.4rem;left:1rem}.pad{cursor:grab;border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:relative}.pad.pad-h{border-radius:999px;width:108px;height:44px}.pad .knob{pointer-events:none;background:#9ec4e8d9;border-radius:50%;width:38px;height:38px;box-shadow:0 2px 10px #00000059}.pad.pad-h .knob{width:30px;height:30px}#panel{width:240px;padding:.55rem .9rem .8rem;font-size:.88rem;top:4.4rem;right:.8rem}#panel summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}#panel label{color:#aeb9c6;margin-top:.65rem;display:block}#panel input[type=range]{accent-color:#4a9eea;width:100%}#panel .check{align-items:center;gap:.5rem;display:flex}#panel .btnrow{gap:.5rem;margin-top:.8rem;display:flex}#panel button{color:#dde3ea;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:.4rem 0}#panel button:hover{background:#ffffff29}#overlay{z-index:10;background:#12161c;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}#overlay.hidden{opacity:0;pointer-events:none}.overlay-card{text-align:center;color:#aeb9c6;max-width:420px;padding:1rem}.overlay-card code{color:#e08b8b;word-break:break-all;font-size:.8rem}#overlay.error .spinner{display:none}.spinner{border:3px solid #9ec4e840;border-top-color:#9fc4e8;border-radius:50%;width:42px;height:42px;margin:0 auto 1rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:.8rem;overflow:hidden}.bar>div{background:#4a9eea;width:0%;height:100%;transition:width .2s}.sim-notes{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 3.5rem}.sim-notes .fineprint{color:var(--muted);font-size:.85rem}@media (max-width:700px){.sim-help,.sim-title{display:none}#panel{width:210px}}