.play{gap:var(--space-4);flex-direction:column;display:flex}.play-bar{align-items:center;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-key);padding:11px 18px;display:flex}.play-bar-title{font-family:var(--font-display);letter-spacing:-.01em;margin-right:4px;font-size:21px;font-weight:600}.pill{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--ground-sunk);font-family:var(--font-mono);color:var(--ink-muted);align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.pill:before{content:"";border-radius:var(--radius-pill);background:var(--cls-good);width:6px;height:6px}.pill.warn:before{background:var(--threat)}.clocks{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.clock{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ground-sunk);color:var(--ink-muted);font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--size-mono-2);transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);padding:7px 15px}.clock.running{background:var(--eval-white);border-color:var(--eval-white);color:var(--eval-black);box-shadow:0 0 0 3px var(--accent-soft)}.clock.low{color:var(--threat)}.play-actions{gap:6px;display:flex}.play-body{grid-template-columns:minmax(0, calc(var(--board-max) + var(--eval-gutter))) minmax(320px, 400px);gap:var(--space-5);justify-content:center;place-items:start center;width:100%;display:grid}.board-stack{flex:1;min-width:0;position:relative}.play-side{gap:var(--space-3);flex-direction:column;width:100%;min-width:0;display:flex}.side-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);gap:var(--space-2);flex-direction:column;padding:16px 18px;display:flex}.side-card.alert{border-color:color-mix(in srgb, var(--threat) 40%, var(--line))}.side-status{align-items:center;gap:10px;display:flex}.side-status .label{margin-left:auto}.dot{border-radius:var(--radius-pill);background:var(--ink-dim);width:8px;height:8px}.dot.live{background:var(--accent);animation:tempo-pulse 1.6s var(--ease-inout) infinite}@keyframes tempo-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.dot.live{animation:none}}.side-placeholder{border:1px dashed var(--line);border-radius:var(--radius-md);text-align:center;min-height:150px;font-size:var(--size-ui-3);color:var(--ink-dim);justify-content:center;align-items:center;padding:24px;display:flex}.move-list{max-height:300px;font-family:var(--font-mono);font-size:var(--size-mono-3);grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);align-content:start;gap:2px 8px;display:grid;overflow-y:auto}.move-list .move-no{color:var(--ink-dim);text-align:right}.move-list .move-san{font-size:var(--size-ui-3);color:var(--ink)}.move-list .move-san.empty{color:var(--ink-dim)}.result-card{gap:var(--space-2);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-tint);flex-direction:column;padding:18px 20px;display:flex}.result-headline{font-family:var(--font-display);font-size:var(--size-display-3)}.spar-goal{font-size:var(--size-ui-2);font-weight:650}.spar-goal-note{color:var(--ink-muted);margin:0;font-size:12.5px;line-height:1.5}.spar-verdict{font-size:var(--size-ui-3);font-weight:650}.spar-verdict[data-outcome=converted]{color:var(--good)}.spar-verdict[data-outcome=missed]{color:var(--bad)}