:root{--paper:#f3ead6;--paper-2:#e8dcc3;--ink:#1a1712;--ink-soft:#3f382f;--plate:#12151c;--vermillion:#c6452a;--vermillion-deep:#8c2e1c;--copper:#a15c32;--teal:#2c5559;--rule:#c9b89a;--focus:#c6452a;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "URW Palladio L", P052, "Times New Roman", serif;--font-ui:"Avenir Next", "Segoe UI", "Helvetica Neue", ui-sans-serif, sans-serif;--font-mono:ui-monospace, "Source Code Pro", "SFMono-Regular", Menlo, Consolas, monospace;--space:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-ui);margin:0;font-size:16px;line-height:1.5}body{background-image:radial-gradient(1200px 700px at 12% -10%,#fff6e4 0%,#0000 55%),radial-gradient(900px 500px at 110% 20%,#e4d3b4 0%,#0000 50%);min-height:100dvh}::selection{background:var(--vermillion);color:var(--paper)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip{left:var(--space);background:var(--ink);color:var(--paper);z-index:20;padding:8px 12px;position:absolute;top:-40px}.skip:focus{top:var(--space)}.app{grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-height:100dvh;display:grid}.mast{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1.4fr) minmax(16rem,.9fr);align-items:end;gap:16px 32px;padding:20px 24px 12px;display:grid}.mast h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:600;line-height:.95}.lead{max-width:42rem;color:var(--ink-soft);margin:8px 0 0;font-size:1.05rem}.status{text-align:right;justify-self:end;min-width:0}.c-readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:1.05rem}.kind{font-family:var(--font-display);letter-spacing:.12em;margin-top:4px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;line-height:1;display:block}.kind[data-kind=lace]{color:var(--teal)}.kind[data-kind=dust]{color:var(--vermillion-deep)}.kind-hint{color:var(--ink-soft);margin-top:6px;font-size:.92rem;display:block}.stage{grid-template-columns:1fr 1fr;min-height:0;display:grid}.pane{background:var(--plate);isolation:isolate;min-width:0;min-height:0;position:relative}.pane+.pane{border-left:1px solid var(--rule)}.pane canvas.gl{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.pane-label{z-index:2;pointer-events:none;color:var(--paper);font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 1px 8px #0000008c;font-size:.95rem;position:absolute;top:12px;left:14px}.pane-sub{font-family:var(--font-ui);letter-spacing:.02em;opacity:.82;font-size:.78rem;display:block}.handle{z-index:3;cursor:grab;touch-action:none;background:0 0;border:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.handle:active{cursor:grabbing}.handle:before,.handle:after{content:"";background:var(--vermillion);position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #f3ead659}.handle:before{width:18px;height:2px;transform:translate(-50%,-50%)}.handle:after{width:2px;height:18px;transform:translate(-50%,-50%)}.handle .dot{background:var(--paper);border:2px solid var(--vermillion);width:10px;height:10px;box-shadow:0 0 0 1px var(--vermillion-deep);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.orbit{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.deck{border-top:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 86%, var(--paper-2));grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px 24px;padding:14px 24px 18px;display:grid}.presets{flex-wrap:wrap;gap:8px;display:flex}.chip,.demo{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:999px;min-height:44px;padding:10px 14px;line-height:1.1}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.demo{background:var(--vermillion);color:var(--paper);border-color:var(--vermillion-deep);font-weight:600}.demo:hover{filter:brightness(1.05)}.chip:hover{border-color:var(--ink-soft)}.controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px 20px;display:flex}.slider{gap:4px;min-width:12rem;display:grid}.slider label{color:var(--ink-soft);letter-spacing:.04em;text-transform:lowercase;font-size:.8rem}.slider input[type=range]{width:100%;accent-color:var(--vermillion);height:44px}.hint{color:var(--ink-soft);max-width:38rem;margin:0;font-size:.88rem}.why{border-top:1px dashed var(--rule);grid-column:1/-1;padding-top:8px}.why summary{cursor:pointer;font-family:var(--font-display);font-size:1.05rem;list-style:none}.why summary::-webkit-details-marker{display:none}.why p{max-width:62ch;color:var(--ink-soft);margin:8px 0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fallback{max-width:40rem;padding:24px}@media (max-width:860px){.mast{grid-template-columns:1fr;padding:16px 16px 10px}.status{text-align:left;justify-self:start}.stage{grid-template-rows:minmax(38vh,1fr) minmax(38vh,1fr);grid-template-columns:1fr}.pane+.pane{border-left:0;border-top:1px solid var(--rule)}.deck{grid-template-columns:1fr;padding:12px 16px 20px}.controls{justify-content:stretch}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}