.line-and-length{--ll-ball: #9c3b30}:root[data-theme=dark] .line-and-length{--ll-ball: #df8a78}.ll-controls{display:grid;gap:20px}.ll-row,.ll-review,.ll-calls{display:flex;align-items:flex-end;gap:16px 28px}.ll-row{justify-content:space-between}.ll-calls{gap:16px}.ll-buttons{display:flex;flex-wrap:wrap;gap:8px}.ll-buttons .action-button[aria-disabled=true]{opacity:.5;box-shadow:none;cursor:default}.ll-sliders{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 28px}.ll-slider-head{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:baseline;-moz-column-gap:10px;column-gap:10px;min-height:3em;font-size:12px;line-height:1.5}.ll-slider output{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--blue-wash-ink);white-space:nowrap}.ll-slider input{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--blue)}.ll-slider input:disabled{opacity:.5}.ll-review{padding-top:18px;border-top:1px solid var(--line)}.ll-review .action-button[aria-pressed=true]{background:var(--blue-wash);border-color:var(--blue);color:var(--blue-wash-ink)}.ll-review-note{flex:1 1 260px;max-width:420px;margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.ll-stage{display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"side front" "above front";gap:14px 36px;margin-top:20px;padding:16px 20px 20px}.ll-side{grid-area:side}.ll-above{grid-area:above}.ll-front{grid-area:front}.ll-view h4{margin:0 0 8px;color:var(--muted)}.ll-plot{position:relative}.ll-side .ll-plot{height:190px}.ll-above .ll-plot{height:120px;background:var(--paper-light);border-block:1px solid var(--line)}.ll-plot svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ll-plot path{fill:none;vector-effect:non-scaling-stroke}.ll-ground{stroke:var(--ink);stroke-width:1.5px}.ll-crease{stroke:var(--ink);stroke-width:1px;opacity:.45}.ll-stump,.ll-wicket{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.ll-preview{stroke:var(--ink);stroke-width:1.2px;stroke-dasharray:2 5;opacity:.5}.ll-thread,.ll-predicted{stroke:var(--blue);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ll-predicted{stroke-dasharray:7 5}.ll-plot .ll-cone{fill:var(--blue-wash)}.ll-pad{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 4}.ll-ball,.ll-bounce{position:absolute;border-radius:50%;pointer-events:none}.ll-ball{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;background:var(--ll-ball);box-shadow:0 0 0 2px var(--paper)}.ll-bounce{width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border:1.5px solid var(--blue)}.ll-band{position:absolute;height:9px;margin-top:1px;background:repeating-linear-gradient(-45deg,var(--ink) 0 1px,transparent 1px 5px);opacity:.4}.ll-under{position:relative;height:16px;margin-top:8px}.ll-under span,.ll-tag{position:absolute;font-family:var(--mono);font-size:10px;line-height:1.4;color:var(--muted);white-space:nowrap}.ll-under span{transform:translate(-50%)}.ll-tag{padding:0 3px;background:var(--paper-light)}.ll-off{top:6px;left:8px}.ll-leg{bottom:6px;left:8px}.ll-yards{bottom:6px;left:50%;transform:translate(-50%);letter-spacing:.08em}.ll-pad-tag{top:0;margin-left:6px}.ll-front{display:flex;flex-direction:column}.ll-stumps{display:block;width:100%;max-width:200px;height:auto;margin:0 auto}.ll-zone{fill:none;stroke:var(--muted);stroke-width:.6;stroke-dasharray:2 2}.ll-stump-front{fill:var(--paper-light);stroke:var(--ink);stroke-width:.8}.ll-bails{stroke:var(--ink);stroke-width:1.4;stroke-linecap:round}.ll-stumps .ll-ground{stroke-width:.8}.ll-side-label{font-family:var(--mono);font-size:7px;fill:var(--muted)}.ll-ring{fill:var(--blue-wash);stroke:var(--blue);stroke-width:.9}.ll-front-ball{fill:var(--ll-ball)}.ll-stumps[data-phase=ready] .ll-front-ball{fill:none;stroke:var(--ll-ball);stroke-width:.8;stroke-dasharray:1.5 1.5}.ll-call{min-height:calc(3 * 1.15em);margin:12px 0 0;font-family:var(--display);font-size:20px;line-height:1.15;text-align:center}.ll-call[data-call=close]{color:var(--blue)}.ll-loop{margin:0;padding:14px 0;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.75;color:var(--code-ink);background:var(--code-bg);border-radius:4px}.ll-loop span{display:block;padding:0 18px;white-space:pre}.ll-loop .is-active{background:var(--code-active)}.ll-loop-note{margin:10px 0 0;font-size:13px;color:var(--muted)}@media (max-width: 1099px){.ll-sliders{grid-template-columns:repeat(3,minmax(0,1fr))}.ll-review{flex-wrap:wrap}.ll-review-note{flex-basis:100%}}@media (max-width: 900px){.ll-row{flex-direction:column;align-items:flex-start}}@media (max-width: 760px){.ll-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-review{flex-direction:column;flex-wrap:nowrap;align-items:flex-start}.ll-review-note{flex-basis:auto}.ll-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "above" "front"}.ll-front{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;-moz-column-gap:20px;column-gap:20px}.ll-front h4{grid-column:1 / -1}.ll-call{text-align:left}}@media (max-width: 600px){.line-and-length .step-text{min-height:calc(6.4em + 32px)}.ll-review-note{min-height:4.5em}.ll-calls{gap:12px}.ll-review .segmented-options span{padding:0 8px}.ll-presets{width:100%}.ll-controls,.ll-row{display:contents}.ll-buttons{position:sticky;top:0;z-index:2;flex-wrap:nowrap;margin:8px -16px 11px;padding:8px 16px;background:var(--paper-light);border-bottom:1px solid var(--line)}.ll-sliders{margin-bottom:20px}.ll-buttons .action-button{flex:1 1 auto;padding-inline:10px}.ll-presets .segmented-options{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.ll-presets .segmented-options span{flex:1}.ll-presets .segmented-options label:nth-child(odd) span{border-left:0}.ll-presets .segmented-options label:nth-child(n+3) span{border-top:1px solid var(--line)}.ll-stage{padding:12px 12px 16px}.ll-side .ll-plot{height:140px}.ll-above .ll-plot{height:104px}.ll-call{font-size:18px}}@media (max-width: 480px){.ll-sliders{grid-template-columns:minmax(0,1fr)}.ll-slider-head{min-height:0}}@media (max-width: 374px){.ll-calls{flex-wrap:wrap}}