:root{--ink: #eaf0ff;--muted: rgba(234, 240, 255, .55);--line: rgba(255, 255, 255, .12);--glass: rgba(12, 16, 28, .55);--glass-strong: rgba(10, 14, 26, .72);--accent: #6df3ff;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{background:#05070d;color:var(--ink);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.stage canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.brand{position:fixed;top:clamp(16px,4vw,34px);left:clamp(16px,4vw,36px);z-index:3;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.brand.hidden{opacity:0;transform:translateY(-8px)}.brand h1{font-size:clamp(22px,5.2vw,40px);font-weight:800;letter-spacing:.14em;line-height:1;text-shadow:0 0 28px rgba(109,243,255,.35)}.brand h1 .dot{color:var(--accent);margin:0 .08em}.brand p{margin-top:10px;font-size:clamp(11px,2.6vw,13px);color:var(--muted);max-width:30ch;letter-spacing:.02em}.hud{position:fixed;top:clamp(14px,4vw,30px);right:clamp(14px,4vw,30px);z-index:3;display:flex;gap:8px}.stat{min-width:62px;padding:8px 12px;background:var(--glass);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:center}.stat .k{display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.stat .v{display:block;margin-top:3px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.panel{position:fixed;left:50%;bottom:clamp(16px,4vw,28px);transform:translate(-50%);z-index:3;width:min(720px,calc(100vw - 28px));padding:16px 18px;display:flex;flex-direction:column;gap:13px;background:var(--glass-strong);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080;transition:opacity .35s ease,transform .35s ease}.panel.hidden{opacity:0;transform:translate(-50%,30px);pointer-events:none}.row{display:flex;align-items:center;gap:14px}.label{flex:0 0 78px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff0a;color:var(--ink);font:inherit;font-size:12px;font-weight:600;letter-spacing:.01em;padding:7px 13px;border-radius:999px;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .1s}.chip:hover{background:#ffffff1a}.chip:active{transform:scale(.96)}.chip.active{background:var(--accent);border-color:var(--accent);color:#04202a}.chip.swatch{display:inline-flex;align-items:center;gap:8px}.chip.swatch i{width:30px;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--a),var(--c),var(--b));box-shadow:inset 0 0 0 1px #fff3}.chip.swatch.active i{box-shadow:inset 0 0 0 1px #0000004d}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;border-radius:4px;background:#ffffff26;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #6df3ff99;cursor:pointer}.slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #6df3ff99;cursor:pointer}.toggles{gap:8px;flex-wrap:wrap}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font:inherit;font-size:12px;font-weight:600;padding:8px 15px;border-radius:999px;cursor:pointer;transition:all .18s}.toggle:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:middle;opacity:.5}.toggle.on{color:var(--ink);border-color:#6df3ff80;background:#6df3ff1a}.toggle.on:before{background:var(--accent);opacity:1;box-shadow:0 0 10px var(--accent)}.toggle.burst{color:var(--ink)}.toggle.burst:before{background:#ff9a5c;opacity:1}.toggle.burst:hover{background:#ff9a5c24;border-color:#ff9a5c80}.toggle.burst.fire{background:#ff9a5c4d;border-color:#ff9a5c;transform:scale(.96)}.fold{position:fixed;right:clamp(14px,4vw,30px);bottom:clamp(14px,4vw,30px);z-index:4;width:42px;height:42px;display:none;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--ink);background:var(--glass-strong);border:1px solid var(--line);border-radius:50%;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}@media(max-width:640px){.fold{display:flex}.row{flex-wrap:wrap;gap:8px}.label{flex-basis:100%}.hud .stat:last-child{display:none}.brand p{display:none}}