:root{--bg:#000;--panel:#0a0c10d6;--line:#ffffff17;--text:#e4e8ec;--muted:#8d97a1;--accent:#4fd8ff;--warn:#ffb547;--bad:#ff5a5a;--good:#5ee28f;--forager:#1ad9ff;--raider:#ff29c7;--cleanser:#ff9e1a}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:12px/1.4 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;overflow:hidden}canvas#c{cursor:crosshair;touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#panel{background:var(--panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;width:310px;padding:10px 12px 14px;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto}#panel.hidden{display:none}h1{letter-spacing:.02em;margin:2px 0;font-size:13px}.sub{color:var(--muted);margin-bottom:8px}#blurb{color:var(--muted);min-height:2.8em;margin:4px 0 8px}details{border-top:1px solid var(--line);padding:6px 0}summary{cursor:pointer;color:var(--accent);-webkit-user-select:none;user-select:none;padding:2px 0;font-weight:600}summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.row{grid-template-columns:112px 1fr 50px;align-items:center;gap:6px;margin:5px 0;display:grid}.row label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row output{text-align:right;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}input[type=number]{width:100%;color:inherit;border:1px solid var(--line);font:inherit;background:#1a1d22;border-radius:6px;padding:4px 6px}.chk{color:var(--muted);align-items:center;gap:6px;margin:5px 0;display:flex}select,button{color:var(--text);border:1px solid var(--line);font:inherit;background:#1a1d22;border-radius:6px;padding:5px 8px}button{cursor:pointer}button:hover{border-color:var(--accent)}button[aria-pressed=true]{border-color:var(--accent);background:#13303a}.btns{flex-wrap:wrap;gap:5px;margin:6px 0;display:flex}.tools button{flex:30%;min-width:0}.swatch{vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}#hud{background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:pre;pointer-events:none;border-radius:10px;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;position:fixed;top:12px;left:12px}#hud .warn{color:var(--warn)}#hud .ok{color:var(--good)}#help{color:var(--muted);background:var(--panel);border:1px solid var(--line);pointer-events:none;white-space:nowrap;border-radius:999px;padding:5px 12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#toggle{position:fixed;top:12px;right:332px}#panel.hidden~#toggle{right:12px}.stats{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:1px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;display:grid}.stats span:nth-child(odd){color:var(--muted)}canvas.plot{background:#ffffff06;border-radius:6px;width:100%;height:96px;margin:6px 0 2px;display:block}.note{color:var(--muted);margin:4px 0;font-size:11px}.log{white-space:pre-wrap;background:#ffffff08;border-radius:6px;max-height:260px;margin-top:6px;padding:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;overflow-y:auto}.log:empty{display:none}.log .pass{color:var(--good)}.log .fail{color:var(--bad)}#unsupported{text-align:center;background:#05070a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#unsupported[hidden]{display:none}#unsupported>div{max-width:520px}#unsupported h2{margin:0 0 10px;font-size:18px}#unsupported p{color:var(--muted)}#unsupported code{color:var(--text)}@media (max-width:700px){#panel{width:auto;height:48vh;top:auto;left:12px}#toggle{right:12px}#help{display:none}}