.pl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pl-card{border:1px solid var(--jl-hairline);background:var(--jl-surface);border-radius:12px;grid-template-rows:auto auto 1fr auto;gap:12px;min-width:0;padding:clamp(18px,2.2vw,24px);display:grid}.pl-name{font:500 var(--jl-t-title) / 1.15 var(--font-display), sans-serif;letter-spacing:-.03em;color:var(--jl-ink);margin-top:4px}.pl-desc{font:400 var(--jl-t-small) / 1.55 var(--font-inter), sans-serif;color:var(--jl-ink-muted)}.pl-links{flex-wrap:wrap;align-items:center;gap:10px 22px;display:flex}.pl-play{background:var(--jl-ice);min-height:44px;font:600 var(--jl-t-small) / 1 var(--font-inter), sans-serif;color:var(--jl-canvas);border-radius:6px;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}@media (hover:hover){.pl-play:hover{background:var(--jl-ice-bright)}}.pl-act{border:1px solid var(--jl-control-edge);min-height:36px;font:500 var(--jl-t-meta) / 1 var(--font-inter), sans-serif;color:var(--jl-ink);cursor:pointer;background:0 0;border-radius:6px;justify-self:start;padding:0 12px}.pl-step{margin-top:20px}.pl-play:focus-visible,.pl-act:focus-visible{outline:2px solid var(--jl-ice);outline-offset:2px}.pl-mini{background:var(--jl-replay-inset);border-radius:8px;align-content:start;gap:12px;min-height:236px;padding:16px;display:grid}.pl-state{min-height:2.9em;font:400 var(--jl-t-meta) / 1.45 var(--font-mono), monospace;color:var(--jl-ink-muted)}.pl-ticks{grid-template-columns:repeat(12,1fr);gap:3px;display:grid}.pl-ticks span{background:var(--jl-hairline);border-radius:2px;height:14px}.pl-ticks span[data-fire=true]{background:var(--jl-ice-dim)}.pl-handover[data-off=true] .pl-ticks span[data-fire=true]{background:var(--jl-coral)}.pl-ticks span[data-now=true]{box-shadow:0 0 0 2px var(--jl-ink)}.pl-flow{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.pl-node{border:1px solid var(--jl-hairline-strong);font:500 var(--jl-t-meta) / 1 var(--font-mono), monospace;color:var(--jl-ink-muted);border-radius:4px;padding:4px 8px}.pl-queue{border-block:1px dashed var(--jl-hairline-strong);justify-content:center;gap:4px;padding:6px;display:flex}.pl-queue i{background:var(--jl-hairline);border-radius:50%;width:10px;height:10px;transition:background-color .2s}.pl-queue i[data-on=true]{background:var(--jl-ice)}.pl-lights{gap:8px;display:flex}.pl-lights i{border:2px solid var(--jl-hairline-strong);border-radius:50%;width:22px;height:22px;transition:background-color .25s,box-shadow .25s}.pl-lights i[data-last=true]{border-color:var(--jl-ice-dim)}.pl-lights i[data-on=true]{background:var(--jl-ice-bright);box-shadow:0 0 14px var(--jl-ice)}.pl-handover[data-off=true] .pl-lights i[data-on=true]{background:var(--jl-coral);box-shadow:0 0 14px var(--jl-coral)}.pl-lane{gap:4px;display:grid}.pl-lane-name{font:500 var(--jl-t-meta) / 1.2 var(--font-mono), monospace;color:var(--jl-ink-subtle)}.pl-stage{background:var(--jl-paper);border-radius:4px;height:34px;position:relative}.pl-circle,.pl-square{width:20px;height:20px;position:absolute;top:7px}.pl-circle{background:#6c63ff;border-radius:50%}.pl-square{background:#b5651d;right:10%}.pl-scrub{font:500 var(--jl-t-meta) / 1 var(--font-mono), monospace;color:var(--jl-ink-subtle);grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.pl-scrub input{accent-color:var(--jl-ice)}.pl-houses{border-bottom:2px solid var(--jl-hairline-strong);align-items:flex-end;gap:4px;height:112px;padding-bottom:6px;display:flex}.pl-house{height:var(--h);background:var(--jl-surface-raised);border-radius:3px 3px 0 0;flex:1;place-items:center;display:grid}.pl-house i{background:var(--jl-canvas);border-radius:2px;width:55%;height:34%;transition:background-color .5s,box-shadow .5s}.pl-house[data-lit=true] i{background:var(--jl-coral);box-shadow:0 0 12px color-mix(in srgb, var(--jl-coral) 70%, transparent)}@media (max-width:960px){.pl-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.pl-queue i,.pl-lights i,.pl-house i{transition:none}}