.play{flex-direction:column;justify-content:center;min-height:100svh;display:flex}.play-scene{grid-template:"field head""field panel"1fr/minmax(0,7fr) minmax(0,5fr);gap:18px clamp(28px,4vw,56px);width:100%;max-width:1160px;margin-inline:auto;display:grid}.play-head{grid-area:head;align-self:end}.play-head h2{margin-top:10px;font-size:clamp(1.5rem,2.2vw,2rem)}.play-head .lead{margin-top:12px;font-size:1rem}.play-field{grid-area:field;align-self:center;margin:0}.play-panel{grid-area:panel;align-self:start}.play-pitch{aspect-ratio:1130/760;border-radius:var(--radius-3xl);background:var(--color-capita-black);width:min(100%,148.7svh - 401.49px);box-shadow:inset 0 0 0 1px var(--line);margin-inline:auto;position:relative;overflow:hidden}.play-pitch svg{width:100%;height:100%;position:absolute;inset:0}.play-grid{fill:none;stroke:var(--color-capita-warm-white);stroke-width:3px;opacity:.45}.play-lines *{fill:none;stroke:var(--color-capita-warm-white);stroke-width:1.5px;vector-effect:non-scaling-stroke}.play-lines .play-spot{fill:var(--color-capita-warm-white)}.play-trail{fill:none;stroke:none}.play-dash{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.play-stop{fill:var(--color-capita-black);stroke:var(--color-capita-warm-white);stroke-width:2.5px;transform-box:fill-box;transform-origin:50%;transition:stroke-width .3s, transform .35s var(--ease);transform:scale(.8)}.play-stop:is([data-state=past],[data-state=current]){stroke-width:4.5px;transform:none}.play-stop[data-state=current]{transform:scale(1.3)}.play-dot{fill:var(--c)}.play-ring{fill:none;stroke:var(--c);stroke-width:3px;opacity:.5;transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.play-ring{animation:play-pulse 1.8s var(--ease) infinite}}@keyframes play-pulse{50%{transform:scale(1.25)}}.play-label{z-index:1;pointer-events:none;white-space:nowrap;font-family:var(--font-display);color:var(--color-capita-warm-white);opacity:0;translate:calc(-50% + var(--dx) * .6) calc(-50% + var(--dy) * .6);transition:opacity .35s var(--ease), translate .35s var(--ease);font-size:.8125rem;position:absolute}.play-label:is([data-state=past],[data-state=current]){opacity:1;translate:calc(-50% + var(--dx)) calc(-50% + var(--dy))}.play-readout{flex-wrap:wrap;gap:10px clamp(20px,4vw,44px);margin:14px 0 0;display:flex}.play-readout dd{font-family:var(--font-display);color:var(--title);margin:6px 0 0;font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1}.play-readout dd.play-zone{font-family:var(--font-sans);color:var(--text);align-items:center;gap:6px;margin-top:8px;font-size:.75rem;font-weight:600;display:flex}.play-zone i{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.play-steps{margin:0;padding:0;list-style:none}.play-step{border-top:1px solid var(--line);grid-template-columns:30px 1fr;column-gap:14px;padding:7px 0;display:grid}.play-step:last-child{border-bottom:1px solid var(--line)}.play-badge{background:var(--soft);width:30px;height:30px;color:var(--soft-fg);transition:background-color .3s, color .3s, transform .35s var(--ease), box-shadow .3s;border-radius:50%;place-items:center;font-size:.75rem;font-weight:600;display:grid}.play-step[data-state=past] .play-badge{box-shadow:inset 0 0 0 2px var(--color-capita-orange)}.play-step[data-state=current] .play-badge{background:var(--color-capita-orange);color:var(--color-capita-black);transform:scale(1.1)}.play-step h3{margin:4px 0 0;font-size:1rem}.play-time{letter-spacing:.04em;margin-top:2px;font-size:.75rem;display:block}.play-desc{transition:grid-template-rows .45s var(--ease);grid-template-rows:0fr;display:grid}.play-desc>div{min-height:0;overflow:hidden}.play-desc p{min-height:3em;margin:6px 0 0;font-size:.9375rem}.play-step[data-state=current] .play-desc{grid-template-rows:1fr}.play-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:.75rem;font-weight:600;display:flex}.play-hint-end,.play[data-phase=end] .play-hint-run{display:none}.play[data-phase=end] .play-hint-end{display:inline}.play[data-phase=done] .play-hint{visibility:hidden}.play-skip{border:1px solid var(--title);border-radius:var(--radius-lg);cursor:pointer;color:var(--title);font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;padding:6px 12px}.play-skip:hover{background:var(--title);color:var(--bg)}@media (height<=820px) and (width>=761px){.play-head .lead{display:none}}@media (width<=760px){.play{justify-content:flex-start}.play-scene{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"head""field""panel";row-gap:12px}.play-head h2{margin-top:6px;font-size:1.35rem}.play-head .lead{display:none}.play-pitch{width:100%}.play-readout{flex-wrap:nowrap;justify-content:space-between;gap:12px;margin-top:10px}.play-readout dd{font-size:1rem}.play-label{display:none}.play-label[data-state=current]{display:block}.play-steps{justify-content:space-between;min-height:124px;display:flex;position:relative}.play-steps:before{content:"";background:var(--line);height:2px;position:absolute;top:14px;left:15px;right:15px}.play-step,.play-step:last-child{border:0;padding:0;display:block;position:static}.play-badge{position:relative}.play-step-text{opacity:0;pointer-events:none;transition:opacity .3s var(--ease);position:absolute;top:40px;left:0;right:0}.play-step[data-state=current] .play-step-text{opacity:1}.play-desc{grid-template-rows:1fr}.play-desc p{min-height:0;font-size:.875rem}.play-time{display:none}.play-hint{margin-top:4px}}@media (width<=760px) and (height<=700px){.play-steps{min-height:116px}}