.court-stage{position:relative;margin:2.5rem 0 0}.court-plan{display:block;width:100%;height:auto;overflow:visible}.court-canvas{display:none}.court-plan path,.court-plan circle{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cp-line{stroke:var(--text);stroke-width:1.15}.cp-route{stroke:var(--faint);stroke-width:.9;stroke-dasharray:2 5}.cp-dim{stroke:var(--faint);stroke-width:.8}.cp-tick{stroke:var(--quiet);stroke-width:1.1}.cp-support{stroke:var(--quiet);stroke-width:1}.cp-rim{stroke:var(--heading);stroke-width:1.6}.court-plan .cp-spot{fill:var(--bg);stroke:var(--quiet);stroke-width:1}.court-plan text{fill:var(--quiet);font-family:var(--font-mono);font-size:.5px;font-weight:500;text-anchor:middle;dominant-baseline:central}.court-plan .cp-no{font-size:.46px}.court-plan text{paint-order:stroke;stroke:var(--bg);stroke-width:.18px;stroke-linejoin:round}.court-side{margin-top:2.5rem}.court-intro .section-label{margin-bottom:.9rem}.court-text{font-size:.95rem;font-family:var(--font-serif-small);text-wrap:pretty}.court-list{list-style:none;margin:2.5rem 0}.court-list li{padding:.7rem 0 .8rem}.court-list li+li{border-top:1px solid var(--border)}.court-meta{display:flex;align-items:center;gap:.75em;color:var(--quiet);font-size:.72rem;letter-spacing:.04em;margin-bottom:.2rem}.court-no{display:inline-flex;align-items:center;gap:.6em;color:var(--heading)}.court-ring,.court-index .ci-no{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.05em;height:2.05em;border:1px solid currentColor;border-radius:50%;font-size:.92em;letter-spacing:0}.court-step.is-made .court-ring,.court-index .is-made .ci-no{background:var(--accent);border-color:var(--accent);color:var(--bg)}.court-of{display:none;color:var(--quiet)}.court-js .court-of{display:inline}.court-of:after{content:"·";content:"·" / "";margin-left:.75em;color:var(--faint)}.court-fg{margin-left:auto;font-feature-settings:"tnum"}.court-step.is-made .court-fg,.court-step.is-made .court-no{color:var(--accent)}.court-nav,.court-hint{display:none}.court-back{margin-top:2rem;font-size:.75rem}.court-back a{display:inline-flex;align-items:center;gap:.55em;padding-bottom:0;background:none;color:var(--muted);text-decoration:none}.court-outro .arrow{white-space:nowrap}.court-live-only{display:none}.court-js .court-live-only{display:inline}.court-back a:hover{color:var(--accent)}.court-arrow{flex-shrink:0;transition:transform .2s ease}.court-back a:hover .court-arrow,.court-btn:hover .court-arrow{transform:translate(-3px)}.court-js{scrollbar-gutter:auto}.court-js,.court-js body{height:100%;overflow:hidden;overscroll-behavior:none}.court-js .page--court{--pad: 1.25rem;display:flex;flex-direction:column;max-width:none;height:100%;height:100dvh;margin:0;padding:.9rem var(--pad) calc(.9rem + env(safe-area-inset-bottom,0px))}.court-js .site-header{align-items:center;flex-shrink:0}.court-js .court{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.court-js .court-stage{min-height:0;margin:0 calc(var(--pad) * -1)}.court-js .court-plan,.court-js .court-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.court-js .court-plan{padding:18px}.court-js .court-plan text{display:none}.court-on .court-plan,.court-on .court-plan-title{display:none}.court-on .court-canvas{display:block;outline-offset:-3px;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default}.court-on .court-canvas.is-quiet:focus-visible{outline:none}.court-on .court-canvas.is-aimable{cursor:grab}.court-on .court-canvas.is-aiming{cursor:grabbing}.court-on .court-canvas.is-pickable{cursor:pointer}.court-js .court-side{--side-max: calc(100vh - 15.5rem) ;--side-max: calc(100dvh - 15.5rem) ;display:flex;flex-direction:column;min-width:0;margin-top:0;min-height:min(var(--side-h, 0px),var(--side-max));max-height:var(--side-max);overflow-y:auto;scrollbar-width:thin}.court-js .court-step{display:none}.court-js .court-step.is-on{display:block}.court-js .court-list{margin:0}.court-js .court-list li{padding:0;border:0}.court-js .court-meta,.court-js .court-intro .section-label{margin-bottom:.35rem}.court-js .court-back{display:none}.court-tally{position:absolute;top:4px;left:var(--pad, 1.25rem);display:flex;align-items:center;gap:.4rem;height:21px;padding:0 5px;background:var(--bg);box-shadow:0 0 5px 4px var(--bg);border-radius:4px;color:var(--accent);font-size:.68rem;line-height:1;white-space:nowrap;pointer-events:none}.court-tally svg{display:block;overflow:visible}.court-tally path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:tally-draw .24s cubic-bezier(.3,.1,.3,1) forwards}.court-tally path.is-done{animation:none;stroke-dashoffset:0}@keyframes tally-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.court-tally path{animation:none;stroke-dashoffset:0}}.court-js .court-hint:not([hidden]){display:block;position:absolute;left:0;right:0;bottom:.5rem;padding:0 1rem;color:var(--quiet);font-size:.7rem;text-align:center;pointer-events:none}.court-hint-text{padding:.15rem .5rem;background:var(--bg);border-radius:4px}@media (hover: none){.court-hint-keys{display:none}}.court-js:not(.court-on) .court-nav{visibility:hidden}.court-js .court-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:auto;padding-top:.8rem;position:sticky;bottom:0;background:var(--bg)}.court-btn{display:inline-flex;align-items:center;gap:.55em;height:40px;padding:0 .9rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;font:inherit;font-size:.72rem;letter-spacing:.06em;white-space:nowrap;touch-action:manipulation;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.court-btn:hover,.court-btn[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.court-btn--go{color:var(--heading);border-color:var(--faint)}@media (max-width: 21.5rem){.court-btn{padding:0 .6rem;letter-spacing:.02em}}@media (max-width: 26rem),(orientation: landscape) and (max-height: 34rem){.court-btn--prev{justify-content:center;width:40px;padding:0}.court-btn--prev .court-btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.court-btn--go.is-ready{color:var(--accent);border-color:var(--accent)}.court-btn--plan,.court-btn--home{margin-left:auto}.court-btn--home{text-decoration:none}.court-btn [data-when]{display:none}.court-btn[data-state=start] [data-when=start],.court-btn[data-state=next] [data-when=next],.court-btn[data-state=finish] [data-when=finish],.court-btn[data-state=again] [data-when=again]{display:inline}.court-index{display:none}.court-index ol{list-style:none}.court-index button{display:grid;grid-template-columns:.9em 2.3em 1fr auto;align-items:center;gap:.55em;width:100%;max-width:14.5rem;padding:.16rem 0;background:none;border:0;color:var(--quiet);cursor:pointer;font:inherit;font-size:.7rem;letter-spacing:.04em;text-align:left;transition:color .15s ease}.court-index button:before{content:""}.court-index .is-current button{color:var(--heading)}.court-index .is-current button:before{content:"/";color:var(--accent)}.court-index button:hover{color:var(--accent)}.court-index .ci-fg{font-feature-settings:"tnum"}.court-index .is-made .ci-fg{color:var(--accent)}@media (min-width: 60rem) and (min-height: 44rem){.court-on .court-index{display:block;padding-top:1.25rem}.court-on .court-list .court-fg{display:none}.court-on .court-list .court-no{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (min-width: 60rem),(orientation: landscape) and (max-height: 34rem){.court-js .court{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,clamp(11rem,40%,22rem)) minmax(0,1fr);gap:1.25rem}.court-js .court-stage{grid-column:2;grid-row:1;margin:0 calc(var(--pad) * -1) 0 0}.court-tally{left:.25rem}.court-js .court-side{grid-column:1;grid-row:1;min-height:0;max-height:none}.court-js .court-side:before{content:"";flex:1 1 0;min-height:0}.court-js .court-index{order:-1}.court-js .court-nav{margin-top:1rem;padding-top:0}}@media (min-width: 60rem) and (min-height: 34rem){.court-js .page--court{--pad: 2.5rem;padding-top:1.75rem;padding-bottom:2rem}.court-js .court{gap:2rem}.court-js .court-nav{margin-top:1.5rem}.court-js .court-text{font-size:1rem}.court-btn{height:36px}}@media (orientation: landscape) and (max-height: 34rem){.court-js .page--court{padding-top:.5rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px))}.court-js .court-text{font-size:.88rem;line-height:1.55}}@media print{.court-nav,.court-hint{display:none!important}}
