:root{--bg:#0b0a09;--fg:#f3ede6;--muted:#a39a90;--glass:#14110f9e;--line:#ffecd61f;--accent:#ffcf9a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}.stage{place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#video{display:none}#view{object-fit:contain;touch-action:none;cursor:grab;width:100%;height:100%}#view.mirror{transform:scaleX(-1)}#view.grabbing{cursor:grabbing}.intro{text-align:center;max-width:26rem;padding:2rem;position:absolute}.intro h1{letter-spacing:-.02em;color:var(--accent);text-shadow:0 0 40px #ffbe7873;margin:0 0 .5rem;font-size:2.6rem;font-weight:600}.intro p{color:var(--muted);margin:0 0 1.5rem}.intro .msg{color:#ffb4a3;text-align:left;background:#ff785a14;border:1px solid #ff8c6e4d;border-radius:12px;padding:.7rem .9rem}.intro .fine{margin-top:1.25rem;font-size:12px}.intro a{color:var(--fg)}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .9rem}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:#241509;border:0;padding:.75rem 1.6rem;font-weight:600}.hud{top:max(12px, env(safe-area-inset-top));background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;padding:10px 12px;font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;left:12px}.hud dl{grid-template-columns:repeat(5,auto);gap:4px 14px;margin:0 0 8px;display:grid}.hud dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.hud dd{margin:0}.hud #minimap{image-rendering:pixelated;background:#000;border-radius:6px;display:block}.hud .status{color:var(--muted);max-width:22rem;margin:6px 0 0}.hud .status.error{color:#ff9b8a}.panel{right:12px;bottom:max(12px, env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;gap:10px;width:min(19rem,100vw - 24px);padding:14px;display:grid;position:absolute}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.row span{color:var(--muted)}.row input[type=range]{width:60%;accent-color:var(--accent)}.switch input{accent-color:var(--accent);width:18px;height:18px}.swatches{justify-content:flex-start;gap:8px}.swatches button{border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.swatches button[aria-checked=true]{border-color:var(--fg)}.seg{justify-content:flex-start;gap:6px}.seg button{padding:.3rem .7rem;font-size:12px}.seg button.on{border-color:var(--accent);background:#ffcf9a29}.hint{color:var(--muted);margin:0;font-size:12px}@media (max-width:640px){.hud dl{grid-template-columns:repeat(3,auto)}.panel{width:auto;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.intro h1{text-shadow:none}}