:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#05060a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 40%,#161024,#05060a 62%)}.render-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}.interaction-layer{position:absolute;inset:0;z-index:2;cursor:grab;touch-action:none}.interaction-layer.dragging{cursor:grabbing}#viewport{position:fixed;inset:0}.hud{position:fixed;inset:0;pointer-events:none;z-index:5}.brand{position:absolute;top:22px;left:24px;max-width:min(430px,calc(100vw - 48px))}.eyebrow{color:#aab0c5;font-size:10px;font-weight:720;letter-spacing:.22em;text-transform:uppercase}.brand h1{margin:7px 0 3px;font-size:clamp(21px,2.4vw,34px);line-height:.98;letter-spacing:-.04em;text-shadow:0 2px 28px rgba(0,0,0,.85)}.brand p{margin:7px 0 0;color:#e7ebffb3;font-size:12px;line-height:1.45}.controls{position:absolute;top:20px;right:20px;display:flex;max-width:min(590px,calc(100vw - 40px));flex-wrap:wrap;justify-content:flex-end;gap:7px;pointer-events:auto}.tuning-panel{position:absolute;top:108px;right:20px;width:250px;padding:11px 13px 12px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#07080eb8;box-shadow:0 12px 38px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.tuning-control{display:grid;gap:5px}.tuning-control+.tuning-control{margin-top:9px}.tuning-control span{display:flex;justify-content:space-between;gap:16px;color:#dee2f4b8;font-size:10px;font-weight:680;letter-spacing:.07em;text-transform:uppercase}.tuning-control output{color:#fff;font-variant-numeric:tabular-nums}.tuning-control input[type=range]{width:100%;margin:0;accent-color:#a16cff;cursor:pointer}button{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:9px 13px;color:#f7f8ff;background:#0a0b12b8;box-shadow:0 7px 24px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;font:inherit;font-size:11px;font-weight:650;letter-spacing:.01em;transition:transform .14s ease,border-color .14s ease,background .14s ease}button:hover{transform:translateY(-1px);border-color:#ffffff5c;background:#1c1d2ad1}button:active{transform:translateY(0)}button.accent{border-color:#896eff94;background:linear-gradient(135deg,#704affe0,#e530d9bf)}.backend-notice{margin-bottom:10px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,176,84,.42);background:#3a2208b8;color:#ffd9a8;font-size:12px;line-height:1.45;max-width:460px;pointer-events:none}.readout{position:absolute;right:20px;bottom:23px;min-width:224px;padding:12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#07080eb3;box-shadow:0 12px 38px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.readout-row{display:flex;justify-content:space-between;gap:24px;color:#dee2f4a8;font-size:10px;letter-spacing:.08em;line-height:1.75;text-transform:uppercase}.readout-row strong{color:#fff;font-weight:760;letter-spacing:.04em}.hint{position:absolute;left:24px;bottom:27px;color:#e8ebfa94;font-size:11px;letter-spacing:.02em;text-shadow:0 2px 12px #000}.prototype-switcher{position:fixed;left:50%;bottom:20px;z-index:12;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#06070cde;box-shadow:0 16px 45px #00000075;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.prototype-switcher button{width:34px;height:34px;padding:0;border:0;background:transparent;box-shadow:none;font-size:17px}.variant-label{min-width:176px;padding:0 10px;text-align:center;color:#f6f7ffd1;font-size:11px;font-weight:700;letter-spacing:.03em}.loading{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#05060a;transition:opacity .5s ease}.loading.hidden{opacity:0;pointer-events:none}.loading-card{text-align:center}.orb{width:56px;height:56px;margin:0 auto 18px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 4%,#55f7ff 7%,#a02cff 35%,#05060a 71%);box-shadow:0 0 55px #7a4bff94;animation:pulse 1.4s ease-in-out infinite alternate}.loading-card p{margin:0;color:#f2f4ffb8;font-size:11px;letter-spacing:.18em;text-transform:uppercase}@keyframes pulse{to{transform:scale(1.06);box-shadow:0 0 75px #ec2cdab8}}@media(max-width:760px){.brand p,.hint{display:none}.controls{inset:auto 12px 84px;justify-content:center}.tuning-panel{inset:auto 12px 157px;width:auto}.controls>#burst,.controls>#add,.controls>#reset{display:none}.readout{top:18px;right:15px;bottom:auto;min-width:154px}.readout-row:nth-child(n+4){display:none}.variant-label{min-width:140px}}