.ui-row{align-items:flex-start;gap:12px;min-height:0;display:flex}.ui-row--top{justify-content:space-between}.ui-row--middle{justify-content:center;align-items:center}.ui-row--bottom{justify-content:space-between;align-items:flex-end}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.01em;white-space:nowrap;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border-radius:999px;padding:6px 13px;font-size:13px}.pill:hover{background:var(--surface-hover);color:var(--text)}.pill[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.group-label{letter-spacing:.14em;color:var(--text-faint);margin-bottom:6px;font-size:11px}.ui-topbar{gap:8px;display:flex}.ui-topbar button{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 14px;font-size:12px}.ui-topbar button:hover{color:var(--text);background:var(--surface-hover)}.ui-hud{color:var(--text);opacity:.9;align-items:baseline;gap:8px;display:flex}.ui-hud__value{font-variant-numeric:tabular-nums;font-size:46px;font-weight:300}.ui-hud__unit{color:var(--text-dim);letter-spacing:.06em;font-size:14px}.ui-start{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:10px;display:flex}.ui-start__title{font-family:var(--font-wordmark);letter-spacing:.3em;margin:0;font-size:clamp(44px,9vw,96px);font-weight:200}.ui-start__tagline{color:var(--text-dim);margin:0 0 18px;font-size:16px}.ui-start__actions{gap:12px;display:flex}.ui-loading{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:14px;display:flex}.ui-loading__bar{background:var(--border);border-radius:999px;width:min(280px,60vw);height:3px;overflow:hidden}.ui-loading__fill{background:var(--accent);height:100%;transition:width var(--t-slow) var(--ease)}.ui-loading__hint{color:var(--text-faint);font-size:13px}.ui-panel,.ui-settings{background:var(--surface-strong);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);width:min(360px,92vw);max-height:82vh;flex-direction:column;gap:10px;max-height:82dvh;padding:18px;display:flex;overflow-y:auto}.ui-panel--right{margin-left:auto}.ui-panel__head,.ui-pause__bar{justify-content:space-between;align-items:center;display:flex}.ui-panel__head h2{letter-spacing:.06em;margin:0;font-size:15px}.ui-settings__group{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:10px 0 2px;font-size:11px}.ui-field{color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.ui-field__label{flex:none}.ui-segmented{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:inline-flex}.ui-segmented__item{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:5px 11px;font-size:12px}.ui-segmented__item.is-active{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.ui-slider{align-items:center;gap:8px;display:inline-flex}.ui-slider input{accent-color:var(--accent)}.ui-slider__value{text-align:right;min-width:52px;color:var(--text);font-variant-numeric:tabular-nums}.ui-toggle{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:5px 14px;font-size:12px}.ui-toggle.is-on{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.ui-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);letter-spacing:.06em;border-radius:999px;padding:9px 20px;font-size:13px}.ui-button:hover{background:var(--surface-hover)}.ui-button.is-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.ui-seed{flex-direction:column;gap:8px;margin-top:8px;display:flex}.ui-seed__row{gap:8px;display:flex}.ui-seed__input{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);background:#00000040;flex:1;padding:8px 12px}.ui-pause{padding:max(24px, var(--safe-top)) 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080b8c;flex-direction:column;align-items:center;gap:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.ui-pause__bar{width:min(360px,92vw);color:var(--text)}.ui-pause__actions{gap:8px;display:flex}.ui-modal{padding:max(24px, var(--safe-top)) 16px max(24px, var(--safe-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080b8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.ui-howto{background:var(--surface-strong);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);width:min(420px,92vw);max-height:84vh;flex-direction:column;gap:10px;max-height:84dvh;padding:18px;display:flex;overflow-y:auto}.ui-howto__lede{color:var(--text-dim);margin:0 0 4px;font-size:14px}.ui-howto__section{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:4px 0 0;font-size:11px}.ui-howto__where{color:var(--text);font-size:13px}.ui-howto__list{flex-direction:column;gap:8px;margin:0;display:flex}.ui-howto__row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.ui-howto__keys{flex-wrap:wrap;gap:5px;margin:0;display:flex}.ui-howto__what{color:var(--text-dim);text-align:right;margin:0;font-size:13px}.ui-key{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);min-width:26px;color:var(--text);font-family:var(--font);background:#00000040;padding:4px 8px;font-size:12px;line-height:1.2;display:inline-block}.ui-touch{pointer-events:none;opacity:0;transition:opacity var(--t-slow) var(--ease);position:fixed;inset:0}.ui-touch.is-visible{opacity:1}.ui-touch__zone{border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-faint);border:1px dashed #ffffff29;border-bottom:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0}.ui-touch__glyph{opacity:.55}.ui-error{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:center;max-width:420px;padding:20px 26px}@media (max-width:640px){.ui-panel,.ui-settings{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100vw;max-height:70vh;max-height:70dvh}.ui-row--middle{align-items:flex-end}}@media (pointer:coarse){.ui-segmented__item,.ui-toggle,.ui-button,.ui-topbar button,.pill{min-height:44px;padding-block:0;padding-inline:16px;font-size:14px}.ui-seed__input{min-height:44px}.ui-slider input{height:44px}.ui-field,.ui-panel,.ui-settings,.ui-howto{gap:14px}}:root{--surface:#10141a9e;--surface-strong:#0c0f14db;--surface-hover:#262e3ab8;--border:#ffffff24;--border-strong:#ffffff47;--text:#f2f4f7;--text-dim:#adb6c4;--text-faint:#79828f;--accent:#d8c39a;--accent-dim:#d8c39a38;--accent-text:#17191d;--radius:10px;--radius-sm:6px;--radius-lg:18px;--blur:18px;--t-fast:.18s;--t-slow:.9s;--ease:cubic-bezier(.32, .72, .28, 1);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-wordmark:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pad:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}:root[data-ui-mood=night]{--surface:#0a0c11b3;--surface-strong:#07090de6;--surface-hover:#1c212bc7;--text:#e8e2d8;--text-dim:#b3aa9c;--text-faint:#7c766c;--accent:#e0c9a0}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms;--t-slow:1ms}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{overscroll-behavior:none;-webkit-text-size-adjust:100%}body{overscroll-behavior:none;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#05070a;font-size:15px;line-height:1.45;overflow:hidden}#root{isolation:isolate;position:relative}.app-canvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.ui-overlay{z-index:1;pointer-events:none;padding:calc(var(--pad) + var(--safe-top)) calc(var(--pad) + var(--safe-right)) calc(var(--pad) + var(--safe-bottom)) calc(var(--pad) + var(--safe-left));grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.ui-overlay>*{min-width:0;min-height:0}.ui-interactive{pointer-events:auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);box-shadow:0 12px 40px #00000052}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:where(button,[role=button],input,select,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-dim)}