:root{color-scheme:dark;--ink: #e8e4dc;--muted: #8b9099;--panel: rgba(20, 22, 26, .82);--chip: rgba(16, 18, 22, .55);--chip-hover: rgba(16, 18, 22, .75);--line: rgba(232, 228, 220, .14);--accent: #4d7fd4}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0e1013;color:var(--ink);font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none}canvas{display:block;touch-action:none}.enter-label{font:600 13px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.22em;color:#2b2f36;user-select:none;pointer-events:none;white-space:nowrap}.hud{position:fixed;left:16px;bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:min(92vw,420px);pointer-events:none}.hud>*{pointer-events:auto}.hud-label,.hud-value,.hud-hint,.hud-of{text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.5)}.hud-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hud-label{width:52px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hud-value{font-variant-numeric:tabular-nums;min-width:22px}.hud-hint{margin:2px 0 0;color:var(--muted);font-size:11px;max-width:34ch}.chip{padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--chip);backdrop-filter:blur(8px);color:var(--ink);font:inherit;cursor:pointer}.chip:hover{background:var(--chip-hover);border-color:#e8e4dc59}.chip-on{background:var(--accent);border-color:var(--accent);color:#fff}.chip-icon{position:relative;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted)}.chip-icon:hover,.chip-icon:focus-visible{color:var(--ink);border-color:#e8e4dc59;background:var(--chip-hover)}.chip-icon:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(3px);padding:4px 8px;border-radius:6px;background:#121418f5;border:1px solid var(--line);color:var(--ink);font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.chip-icon:hover:after,.chip-icon:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}@media (hover: none){.chip-icon:after{display:none}}.hud-of{color:var(--muted);font-size:11px;margin-left:3px}.swatch{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);cursor:pointer;padding:0}.swatch-on{outline:2px solid var(--accent);outline-offset:2px}