:root{--ink:#eef2f5;--dim:#eef2f58c;--line:#eef2f538;--glow:#fff;--warm:#ffd3cf;color:var(--ink);background:#3f4f5c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:root[data-preset=dark]{--warm:#cfe0ff;background:#010407}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(80% 80% at 48% 45%,#495155 0%,#495258 45%,#305269 100%)}:root[data-preset=dark] body{background:#000}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:2;margin:0;position:fixed}.hud--top-left{top:24px;left:28px}.hud--top-right{gap:8px;display:flex;top:24px;right:28px}.hud--bottom{bottom:28px;left:50%;transform:translate(-50%)}.hud--bottom-left{max-width:calc(50vw - 300px);bottom:28px;left:28px}.hud--bottom-right{text-align:right;max-width:calc(50vw - 300px);bottom:28px;right:28px}@media (max-width:960px){.hud--bottom-left,.hud--bottom-right{display:none}}.header{transition:opacity .6s,transform .6s}.header--hidden{opacity:0;transform:translateY(8px)}.title{letter-spacing:.32em;text-shadow:0 0 18px #ffffff40;margin:0;font-size:22px;font-weight:500}.subtitle{letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin:6px 0 10px;font-size:11px}.badge{letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);color:var(--warm);border-radius:999px;padding:3px 8px;font-size:10px;display:inline-block}.picker{flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100vw - 32px);transition:opacity .2s;display:flex}.picker--busy{opacity:.45;pointer-events:none}.chip{appearance:none;font:inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border-radius:999px;padding:8px 14px;font-size:11px;transition:border-color .2s,box-shadow .2s,color .2s}.chip:hover{border-color:var(--glow);box-shadow:0 0 12px #ffffff2e}.chip--active{border-color:var(--ink);color:#1d2733;background:#eef2f5eb}.chip--ghost{border-style:dashed}.meta{letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:10px}.meta--dim{color:var(--dim)}.drop{z-index:5;border:1px dashed var(--glow);letter-spacing:.2em;text-transform:uppercase;opacity:0;pointer-events:none;background:#141e28cc;border-radius:16px;place-items:center;font-size:13px;transition:opacity .15s;display:grid;position:fixed;inset:16px}.drop--visible{opacity:1}.toast{z-index:6;border:1px solid var(--line);opacity:0;pointer-events:none;background:#141e28e0;border-radius:10px;max-width:min(520px,100vw - 32px);padding:10px 16px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;top:80px;left:50%;transform:translate(-50%,-8px)}.toast--visible{opacity:1;transform:translate(-50%)}.lil-gui.root{z-index:3;max-height:calc(100vh - 170px);position:fixed;top:72px;right:28px;overflow-y:auto}@media (max-width:640px){.hud--top-left{top:16px;left:16px}.hud--top-right{top:16px;right:16px}.title{font-size:16px}.hud--bottom{bottom:64px}.hud--bottom-left{bottom:16px;left:16px}.hud--bottom-left .meta--dim,.hud--bottom-right{display:none}.lil-gui.root{width:auto;max-height:45vh;left:16px;right:16px}}