.spatial-lab{--sp-ink:var(--pv-ink,#17181b);--sp-muted:var(--pv-muted,#51545c);--sp-paper:var(--pv-paper,#fff);--sp-ground:var(--pv-bg,#fff);--sp-line:var(--pv-line,#d9dce1);--sp-sage:var(--pv-green,#386751);--sp-sage-soft:var(--pv-sage,#e5eee7);--sp-coral:var(--pv-rust,#98482f);--sp-coral-soft:var(--pv-warm,#faece2);--sp-gold:var(--pv-accent,#68508f);--sp-gold-soft:var(--pv-soft,#f0ebf7);width:100%;max-width:800px;min-width:0;margin-inline:auto;color:var(--sp-ink);font-family:var(--fs-sans);font-size:21px;line-height:1.65}.spatial-lab *,.spatial-lab :after,.spatial-lab :before{box-sizing:border-box}.spatial-head{margin-bottom:18px}.spatial-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:500 13px/1.5 var(--fs-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--sp-muted)}.spatial-eyebrow>span:last-child{margin-left:auto}.spatial-head h2{font:550 30px/1.35 var(--fs-sans);letter-spacing:-.35px;margin:0 0 10px;color:var(--sp-ink)}.spatial-head>p:last-child{margin:0;max-width:66ch;color:var(--sp-muted);font-size:21px;line-height:1.65}.spatial-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);border:1px solid var(--sp-line);border-radius:14px;overflow:hidden;background:var(--sp-paper)}.spatial-map-wrap{min-width:0;padding:8px 8px 12px;background:var(--sp-ground)}.spatial-map{display:block;width:100%;height:360px;touch-action:pan-y;overflow:visible}.spatial-map-ground{fill:var(--sp-paper)}.spatial-grid line{stroke:var(--sp-line);stroke-width:.65;opacity:.26}.spatial-grid[data-axis=true] line{stroke:var(--sp-ink);opacity:.55;stroke-width:1.2}.spatial-grid text{fill:var(--sp-muted);font:18px var(--fs-mono)}.spatial-map-note{margin:2px 0 0;text-align:center;color:var(--sp-muted);font:16px/1.5 var(--fs-mono)}.spatial-territory{fill:var(--sp-sage);opacity:.11}.spatial-territory[data-label=Coral]{fill:var(--sp-coral)}.spatial-sample{fill:var(--sp-sage-soft);stroke:var(--sp-sage);stroke-width:2}[data-label=Coral]>.spatial-sample{fill:var(--sp-coral-soft);stroke:var(--sp-coral)}.spatial-point-label{fill:var(--sp-ink);font:550 17px/1.5 var(--fs-sans);paint-order:stroke fill;stroke:var(--sp-paper);stroke-width:3px;stroke-linejoin:round}.spatial-tether{stroke:var(--sp-muted);stroke-width:1.2;stroke-dasharray:4 4;opacity:.6}.spatial-origin{fill:var(--sp-ink)}.spatial-vector{stroke:var(--sp-gold);stroke-width:4;stroke-linecap:round}.spatial-vector--fixed{stroke:var(--sp-sage);stroke-width:5}.spatial-fixed-label{fill:var(--sp-sage);font:italic 22px var(--fs-serif)}.spatial-projection{fill:none;stroke:var(--sp-gold);stroke-width:2;stroke-dasharray:5 4}.spatial-document{stroke:var(--sp-sage);stroke-width:2.5}.spatial-document-tip{fill:var(--sp-sage)}.spatial-handle{cursor:grab;outline:none;touch-action:none}.spatial-handle:active{cursor:grabbing}.spatial-handle[aria-disabled=true]{cursor:default}.spatial-handle-hit{fill:transparent}.spatial-handle-ring{fill:var(--sp-gold-soft);stroke:var(--sp-gold);stroke-width:1;opacity:.7}.spatial-handle-core{fill:var(--sp-gold-soft);stroke:var(--sp-gold);stroke-width:2.5}.spatial-handle[data-label=Coral] .spatial-handle-core,.spatial-handle[data-label=Coral] .spatial-handle-ring{fill:var(--sp-coral-soft);stroke:var(--sp-coral)}.spatial-handle text{fill:var(--sp-ink);font:700 15px var(--fs-mono);pointer-events:none}.spatial-handle:focus .spatial-handle-ring{stroke:var(--sp-ink);stroke-width:3;stroke-dasharray:3 3;opacity:1}.spatial-readout{min-width:0;padding:20px 16px 14px;border-left:1px solid var(--sp-line)}.spatial-readout .spatial-eyebrow{font-size:13px;margin-bottom:16px}.spatial-main-stat{display:grid;gap:5px;margin:0 0 12px}.spatial-main-stat>span{font-size:17px;color:var(--sp-muted)}.spatial-main-stat output{font:550 30px/1.25 var(--fs-sans);letter-spacing:-.35px;color:var(--sp-ink);overflow-wrap:anywhere}.spatial-main-stat output[data-label=Sage]{color:var(--sp-sage)}.spatial-main-stat output[data-label=Coral]{color:var(--sp-coral)}.spatial-equation{padding:12px;border-left:3px solid var(--sp-gold);background:var(--sp-gold-soft);font:18px/1.7 var(--fs-mono)}.spatial-readout dl{margin:0}.spatial-readout dl>div{display:flex;justify-content:space-between;gap:12px;padding-block:8px;border-bottom:1px solid color-mix(in srgb,var(--sp-line) 40%,transparent);font-size:16px}.spatial-readout dd{margin:0;font-family:var(--fs-mono)}.spatial-lab table{width:100%;border-collapse:collapse;font:16px/1.5 var(--fs-mono)}.spatial-lab td,.spatial-lab th{text-align:right;padding:6px 2px;border-bottom:1px solid color-mix(in srgb,var(--sp-line) 40%,transparent)}.spatial-lab th:first-child{text-align:left;font-weight:500}.spatial-lab thead th{color:var(--sp-muted);font-size:16px;font-weight:500}.spatial-lab td[data-active=true]{color:var(--sp-sage);font-weight:700}.spatial-votes{display:flex;gap:14px;font-size:17px;margin:0 0 12px}.spatial-votes span{display:flex;gap:8px}.spatial-votes b{font-family:var(--fs-mono)}.spatial-fine{color:var(--sp-muted);font-size:17px;line-height:1.6;margin:10px 0 0}.spatial-controls{margin:20px 0 0;border:0;padding:0;min-width:0}.spatial-controls legend{font:550 17px/1.5 var(--fs-sans);letter-spacing:.04em;margin:0 0 10px;padding:0}.spatial-axis-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.spatial-controls label{display:grid;gap:2px}.spatial-controls label>span{display:flex;justify-content:space-between;font:18px var(--fs-mono)}.spatial-controls input[type=range]{width:100%;min-width:0;min-height:36px;margin:0;accent-color:var(--sp-gold);cursor:pointer}.spatial-controls:disabled{opacity:.65}.spatial-segment{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.spatial-controls>.spatial-segment:first-of-type{margin-top:0;margin-bottom:12px}.spatial-lab button{font-family:var(--fs-sans);font-size:17px;line-height:1.5;color:var(--sp-ink);background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:11px;min-height:46px;padding:12px 16px;cursor:pointer}.spatial-lab button:focus-visible,.spatial-lab input:focus-visible{outline:3px solid var(--sp-gold);outline-offset:3px}.spatial-lab button:disabled{cursor:default;opacity:.5}.spatial-lab button[aria-pressed=true]{background:var(--sp-gold-soft);border-color:var(--sp-gold)}.spatial-segment--actions button{flex:1 1}.spatial-search-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:12px}.spatial-search-controls .spatial-segment{margin:0}.spatial-cluster-note{border-left:3px solid var(--sp-sage);padding:8px 12px;background:var(--sp-sage-soft);font-size:18px;margin:16px 0}.spatial-challenge{margin-top:18px;padding:17px 18px;border:1px solid var(--sp-line);border-radius:15px;background:var(--sp-paper)}.spatial-challenge h3{font:550 22px/1.4 var(--fs-sans);margin:0 0 8px;outline:none}.spatial-challenge>p{font-size:20px;line-height:1.65;margin:0 0 16px}.spatial-choices{display:flex;flex-wrap:wrap;gap:8px}.spatial-choices button{text-align:left;flex:1 1 220px}.spatial-lab .spatial-check{background:var(--sp-gold-soft);border-color:var(--sp-gold);font-weight:600}.spatial-challenge[data-done=true]{border-color:var(--sp-sage);background:var(--sp-sage-soft)}.spatial-challenge .spatial-feedback{margin:12px 0 0;font-size:20px;line-height:1.65;color:var(--sp-muted)}.spatial-feedback:empty{margin:0}.spatial-lab .spatial-reset{border:0;background:none;padding-inline:2px;margin-top:8px;min-height:44px;font:16px/1.5 var(--fs-sans);text-decoration:underline;text-underline-offset:3px;color:var(--sp-muted)}@media (max-width:680px){.spatial-workbench{grid-template-columns:1fr}.spatial-map{height:360px}.spatial-readout{padding:20px;border-left:0;border-top:1px solid var(--sp-line)}.spatial-axis-controls,.spatial-search-controls{gap:16px}}@media (max-width:430px){.spatial-map{height:320px}.spatial-axis-controls,.spatial-search-controls{grid-template-columns:1fr;gap:8px}.spatial-challenge{padding:16px}}@media (prefers-reduced-motion:reduce){.spatial-lab *{scroll-behavior:auto}}.spatial-lab [data-label=Unassigned] .spatial-sample{fill:var(--pv-muted,#51545c)}.spatial-saved-trial{font-size:15px;line-height:1.7;border-top:1px solid var(--pv-line,#d9dce1);padding-top:14px}.spatial-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.spatial-task-panel{min-width:0}.spatial-task-panel .spatial-challenge{margin-top:0}.spatial-challenge .spatial-controls{margin:18px 0 12px}.spatial-help{margin-top:10px;color:var(--sp-muted);font-size:16px;line-height:1.6}.spatial-help summary{cursor:pointer;min-height:32px;align-content:center}.spatial-help summary:focus-visible{outline:3px solid var(--sp-gold);outline-offset:3px}.spatial-help .spatial-fine{margin-bottom:8px}.spatial-help table{margin-top:8px}.spatial-secondary{grid-column:1/-1}@media (min-width:960px){.spatial-lab{max-width:1088px}.spatial-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr);gap:24px}.spatial-workbench{grid-template-columns:1fr}.spatial-map{height:340px}.spatial-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;border-left:0;border-top:1px solid var(--sp-line);padding:14px 18px;align-items:start}.spatial-readout>.spatial-eyebrow{grid-column:1/-1;margin-bottom:0}.spatial-main-stat{margin-bottom:0}.spatial-equation{margin:0;align-self:center}.spatial-readout>table{grid-column:1/-1}.spatial-readout .spatial-help{margin-top:0}.spatial-saved-trial{grid-column:1/-1;margin:0;padding-top:10px}.spatial-challenge .spatial-axis-controls{gap:20px}.spatial-challenge .spatial-search-controls{grid-template-columns:1fr;gap:8px}.spatial-challenge .spatial-segment button{padding:9px 12px}.spatial-challenge .spatial-check{width:100%;margin:2px 0 4px}}.spatial-lab[data-phase=predict]{max-width:720px;margin-inline:auto}.spatial-lab[data-phase=predict] .spatial-layout{display:block}.spatial-lab[data-phase=predict] .spatial-challenge{background:transparent;padding:0;border:0}