.sw{--sw-dim:color-mix(in srgb, var(--paper) 62%, transparent);--sw-line:color-mix(in srgb, var(--paper) 34%, transparent);--sw-rule:color-mix(in srgb, var(--paper) 20%, transparent);--sw-faint:color-mix(in srgb, var(--paper) 7%, transparent);--sw-notes:var(--yellow);--sw-once:color-mix(in srgb, var(--blue) 78%, var(--paper));--sw-words:var(--paper);--sw-pad:24px;--sw-cup:min(92px, calc((100cqw - var(--sw-label) - 5 * var(--sw-gap)) / 5));--sw-gap:clamp(12px, 1.3vw, 20px);--sw-pitch:calc(var(--sw-cup) + var(--sw-gap));--sw-label:132px;--sw-lane:36px;--sw-row:26px;--sw-cell:26px;--sw-move:.28s;border:2px solid var(--sw-rule);background:var(--charcoal);max-width:1320px;color:var(--paper);font-family:var(--font-display);grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);margin-inline:auto;display:grid}.sw :focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.sw-left,.sw-right{min-width:0;padding:20px var(--sw-pad);flex-direction:column;display:flex}.sw-left{border-right:2px solid var(--sw-rule);gap:14px;container-type:inline-size}.sw-right{gap:18px}.sw-caption{font:500 clamp(16px, 1.3vw, 18px) / 1.4 var(--font-display);letter-spacing:-.01em;text-wrap:pretty;margin:0}.sw-lane__detail,.sw-lane__pick,.sw-numbers,.sw-hint,.sw-tape__labels,.sw-forge,.sw-depth__label,.sw-depth__size,.sw-score dt,.sw-chart__readout,.sw-chart__axis,.sw-chart__ticks{font:400 11px / 1.3 var(--font-mono);letter-spacing:.06em;color:var(--sw-dim)}.sw-tape__labels,.sw-depth__label,.sw-score dt{letter-spacing:.1em;text-transform:uppercase}.sw-table{grid-template-columns:var(--sw-label) repeat(5, var(--sw-cup));grid-template-rows:var(--sw-lane) var(--sw-lane) var(--sw-lane) calc(var(--sw-cup) * 1.04) auto;column-gap:var(--sw-gap);align-items:end;row-gap:6px;padding-top:4px;display:grid}.sw-lane{display:contents}.sw-lane__label{grid-column:1;grid-template-columns:10px minmax(0,1fr);align-self:center;align-items:center;column-gap:8px;margin:0;display:grid}.sw-lane__mark{background:var(--sw-notes);clip-path:polygon(50% 0,100% 100%,0 100%);grid-row:1;width:10px;height:10px}.sw-lane[data-who=once] .sw-lane__mark{background:var(--sw-once);clip-path:none;border-radius:50%}.sw-lane[data-who=words] .sw-lane__mark{background:var(--sw-words);clip-path:none}.sw-lane__name{font:500 13px / 1.2 var(--font-display);white-space:nowrap;grid-row:1}.sw-lane__detail,.sw-lane__pick{white-space:nowrap;grid-column:2;font-size:10.5px}.sw-lane__detail{display:none}.sw-bar{height:var(--sw-lane);border-bottom:1px solid var(--sw-rule);color:var(--sw-notes);position:relative}.sw-lane[data-who=once] .sw-bar{color:var(--sw-once)}.sw-lane[data-who=words] .sw-bar{color:var(--sw-words)}.sw-bar:before{content:"";opacity:.4;transform:scaleY(var(--p));transform-origin:bottom;transition:transform .2s var(--ease-out), opacity .2s var(--ease-out);background:currentColor;position:absolute;inset:4px 34% 0}.sw-bar[data-pick]:before{opacity:1}.sw-cups{grid-column:2/-1;height:100%;position:relative}.sw-cup,.sw-slot{width:var(--sw-cup);height:100%;transform:translateX(calc(var(--slot) * var(--sw-pitch)));position:absolute;bottom:0;left:0}.sw-cup{pointer-events:none;transition:transform var(--sw-move) cubic-bezier(.45, 0, .25, 1)}.sw-cup__body{transition:transform .16s var(--ease-out);position:absolute;inset:0}.sw-cup__body[data-hop]{animation:sw-hop var(--sw-move) ease-in-out}.sw-cup[data-picked] .sw-cup__body{transform:translateY(-8px)}@keyframes sw-hop{50%{transform:translateY(-12px)}}.sw-cup__shape{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sw-cup__shape path{fill:color-mix(in srgb, var(--paper) 10%, transparent);stroke:var(--paper);stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke .16s var(--ease-out)}.sw-cup[data-picked] .sw-cup__shape path{stroke:var(--yellow)}.sw-ball{aspect-ratio:1;background:var(--red);border-radius:50%;width:26%;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.sw .sw-slot{cursor:pointer;background:0 0;border:0;border-radius:50% 50% 0 0/42% 42% 0 0;min-height:0;padding:0}.sw .sw-slot:disabled{cursor:default}.sw-numbers{grid-column:2/-1;grid-template-columns:repeat(5, var(--sw-cup));column-gap:var(--sw-gap);text-align:center;margin:0;display:grid}.sw-controls{border-top:1px solid var(--sw-rule);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding-top:6px;display:grid}.sw-hint{margin:0}.sw .sw-button{border:1px solid var(--sw-line);height:34px;min-height:34px;color:var(--sw-dim);font:400 11px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.sw .sw-button:hover:not(:disabled,[aria-pressed=true],[aria-selected=true]){color:var(--paper)}.sw .sw-button[aria-pressed=true],.sw .sw-button[aria-selected=true]{border-color:var(--paper);background:var(--paper);color:var(--ink)}.sw .sw-button--go{border-color:var(--yellow);background:var(--yellow);min-width:116px;color:var(--ink)}.sw .sw-button--go:hover:not(:disabled){color:var(--ink)}.sw .sw-button:disabled{opacity:.4;cursor:default}.sw .sw-button--quiet{height:26px;min-height:26px;padding:0 10px}.sw-views{display:none}.sw-tabs{display:flex}.sw .sw-tabs .sw-views__option+.sw-views__option{margin-left:-1px}.sw-think{grid-template-rows:auto 300px 22px auto;gap:10px;display:grid}.sw-think__status{font:400 11.5px / 1.45 var(--font-mono);letter-spacing:.02em;color:var(--sw-dim);margin:0}.sw-think__text{overscroll-behavior:contain;border:1px solid var(--sw-rule);background:color-mix(in srgb, var(--ink) 40%, transparent);color:color-mix(in srgb, var(--paper) 84%, transparent);font:400 12px / 1.55 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:var(--sw-line) transparent;padding:10px 12px;overflow-y:auto}.sw-think__text [data-digit]{color:var(--paper)}.sw .sw-think__digit{border:0;border-bottom:1px dashed var(--yellow);min-height:0;color:var(--paper);font:inherit;cursor:pointer;background:0 0;padding:0;display:inline}.sw .sw-think__digit:hover{background:var(--sw-faint)}.sw-think__idle{color:var(--sw-dim);white-space:normal}.sw-think__caret{vertical-align:-1px;background:var(--yellow);width:7px;height:12px;margin-left:2px;display:inline-block}.sw-think__offers{white-space:normal;flex-wrap:wrap;gap:8px;display:flex}.sw-think__strip{border-bottom:1px solid var(--sw-line);position:relative}.sw-think__legend{font:400 9.5px / 1 var(--font-mono);letter-spacing:.06em;color:var(--sw-dim);position:absolute;top:0;right:0}.sw-think__tick{width:2px;height:calc(var(--p) * (100% - 11px));background:var(--sw-once);position:absolute;bottom:0;transform:translate(-1px)}.sw-think__tick[data-right]{background:var(--sw-words)}.sw-think__controls{gap:8px;display:flex}.sw-record{gap:8px;display:grid}.sw-tape{grid-template-columns:var(--sw-label) minmax(0, 1fr);column-gap:var(--sw-gap);display:grid}.sw-tape__labels{grid-template-rows:repeat(4, var(--sw-row));align-items:center;display:grid}.sw-tape__labels [data-row=ball]{color:var(--red)}.sw-tape__labels [data-row=notes]{color:var(--sw-notes)}.sw-tape__labels [data-row=once]{color:var(--sw-once)}.sw-tape__scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--sw-line) transparent;overflow-x:auto}.sw-tape__columns{width:max-content;margin:0;padding:0;list-style:none;display:flex}.sw-col{grid-template-rows:repeat(4, var(--sw-row));width:var(--sw-cell);border-left:1px solid var(--sw-rule);display:grid}.sw-col[data-empty=true]{border-left-color:#0000}.sw-col[data-empty=next]{background:repeating-linear-gradient(180deg, var(--sw-line) 0 3px, transparent 3px 7px) left / 1px 100% no-repeat}.sw-cell{font:400 12px / 1 var(--font-mono);color:var(--paper);justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.sw-cell[data-row=swap]{color:var(--sw-dim);font-size:10px}.sw-cell__and{background:currentColor;width:2px;height:2px}.sw-cell[data-row=ball]{color:var(--red);font-weight:500}.sw-cell[data-row=once]{color:var(--sw-once)}.sw .sw-cell--note{min-height:0;color:var(--sw-notes);font:400 12px / 1 var(--font-mono);cursor:pointer;background:0 0;border:0;padding:0}.sw .sw-cell--note:disabled{cursor:default}.sw .sw-cell--note:hover:not(:disabled){background:var(--sw-faint)}.sw-cell[data-wrong]{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:2px}.sw-cell[data-forged]:after{content:"";background:var(--red);width:5px;height:5px;position:absolute;top:3px;right:3px}.sw-forge{justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.sw-reach{gap:16px;display:grid}.sw-chart{gap:8px;margin:0;display:grid}.sw-chart__plot{border-left:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line);height:180px;margin-left:34px;position:relative}.sw-chart__plot:focus-visible{outline-offset:6px}.sw-chart__svg{cursor:crosshair;touch-action:pan-y;width:100%;height:100%;display:block;overflow:visible}.sw-chart__chance{stroke:var(--sw-line);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.sw-chart__line{fill:none;stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s var(--ease-out), opacity .2s var(--ease-out)}.sw-chart__line[data-who=once]{stroke:var(--sw-once);opacity:.3}.sw-chart__line[data-who=once][data-chosen]{opacity:1;stroke-width:2.5px}.sw-chart__line[data-who=words]{stroke:var(--sw-words);stroke-dasharray:4 3;opacity:.8}.sw-chart__line[data-who=notes]{stroke:var(--sw-notes);stroke-width:2.5px}.sw-chart__now{stroke:var(--paper);stroke-width:1px;vector-effect:non-scaling-stroke}.sw-chart__axis{font-size:10px;position:absolute;right:calc(100% + 6px);transform:translateY(-50%)}.sw-chart__axis[data-at=top]{top:0}.sw-chart__axis[data-at=chance]{top:80%}.sw-chart__tags{pointer-events:none;position:absolute;inset:0}.sw-chart__tag{border:1px solid var(--sw-once);background:var(--charcoal);width:18px;height:18px;color:var(--sw-once);font:400 10px / 1 var(--font-mono);opacity:.55;place-items:center;margin:-9px 0 0 4px;display:grid;position:absolute}.sw-chart__tag[data-chosen]{background:var(--sw-once);color:var(--ink);opacity:1}.sw-chart__ticks{height:14px;margin:0 0 0 34px;font-size:10px;position:relative}.sw-chart__ticks span{position:absolute;transform:translate(-50%)}.sw-depth{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.sw-depth__options{display:inline-flex}.sw .sw-depth__option{min-width:34px;padding:0 10px}.sw .sw-depth__option+.sw-depth__option{margin-left:-1px}.sw-depth__size{flex-basis:100%}.sw-why{border-top:1px solid var(--sw-rule);font:400 14px / 1.5 var(--font-display);color:color-mix(in srgb, var(--paper) 82%, transparent);text-wrap:pretty;margin:0;padding-top:14px}.sw-score{border-top:2px solid var(--sw-rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:auto 0 0;display:grid}.sw-score__item{padding:10px 0 0}.sw-score__item+.sw-score__item{border-left:1px solid var(--sw-rule);padding-left:12px}.sw-score dd{font:500 24px / 1 var(--font-display);font-variant-numeric:tabular-nums;margin:4px 0 0}.sw-score__item[data-who=notes] dd{color:var(--sw-notes)}.sw-score__item[data-who=once] dd{color:var(--sw-once)}.sw:not([data-view=big]) .sw-think,.sw[data-view=big] .sw-reach,.sw[data-view=big] .sw-why{display:none}@media (prefers-reduced-motion:reduce){.sw-cup,.sw-cup__body,.sw-bar:before,.sw-chart__line{transition:none}.sw-cup__body[data-hop]{animation:none}}
@media (max-width:979px){.sw{--sw-pad:12px;--sw-label:74px;--sw-gap:8px;--sw-cup:min(92px, calc((100cqw - 2 * var(--sw-pad) - var(--sw-label) - 5 * var(--sw-gap)) / 5));--sw-lane:28px;--sw-row:27px;--sw-cell:24px;--sw-slot:228px;border-width:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"caption""table""controls""views""slot""score";row-gap:10px;padding-block:12px;container-type:inline-size}.sw-left,.sw-right{display:contents}.sw-caption,.sw-table,.sw-controls,.sw-views,.sw-record,.sw-reach,.sw-think,.sw-score{padding-inline:var(--sw-pad)}.sw-tabs{display:none}.sw-caption{grid-area:caption;font-size:min(15px,4.6vw - 2px);line-height:1.35}.sw-table{grid-area:table}.sw-lane__name{font-size:12px}.sw [data-short]:before{content:attr(data-short)}.sw .sw-full{display:none}.sw-lane__pick{font-size:10px}.sw-controls{grid-area:controls;grid-template-columns:1fr 1fr;padding-top:10px}.sw-hint{grid-column:1/-1}.sw-views{grid-area:views;display:flex}.sw .sw-views__option{flex:1 1 0}.sw .sw-views__option+.sw-views__option{margin-left:-1px}.sw-record,.sw-reach,.sw-think{height:var(--sw-slot);grid-area:slot;align-content:start}.sw .sw-think{grid-template-rows:auto minmax(0,1fr) 14px auto;gap:6px;display:grid}.sw-think__status{font-size:10px}.sw-think__text{padding:6px 8px;font-size:11px}.sw-reach{gap:10px}.sw-depth__size{display:none}.sw-chart__plot{height:96px}.sw-chart__readout{font-size:10px}.sw[data-view=tape] .sw-reach,.sw[data-view=tape] .sw-think,.sw[data-view=chart] .sw-record,.sw[data-view=chart] .sw-think,.sw[data-view=big] .sw-record,.sw[data-view=big] .sw-reach{visibility:hidden}.sw[data-view=big] .sw-reach{display:grid}.sw-why{display:none}.sw-score{margin-inline:var(--sw-pad);grid-area:score;padding-inline:0}.sw-score__item{align-items:baseline;gap:8px;padding-top:8px;display:flex}.sw-score dd{margin:0;font-size:18px}}
.sw-notes__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;font-size:15px;line-height:1.6;display:grid}.sw-note{border-top:2px solid var(--ink);min-width:0;padding:16px 0 28px}.sw-note[data-wide]{grid-column:1/-1}.sw-note__title{font:600 18px / 1.3 var(--font-display);margin:0 0 8px}.sw-note__fold{margin:0;display:none}.sw-note__toggle{width:100%;min-height:48px;color:inherit;font:600 17px / 1.3 var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0;display:flex}.sw-note__toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.sw-note__sign{flex:none;width:12px;height:12px;position:relative}.sw-note__sign:before,.sw-note__sign:after{content:"";background:currentColor;position:absolute;inset:5px 0}.sw-note__sign:after{transition:rotate var(--dur-2) var(--ease-out);rotate:90deg}.sw-note[data-expanded=true] .sw-note__sign:after{rotate:0deg}.sw-notes p{max-width:68ch;margin:0}.sw-notes p+p{margin-top:12px}.sw-sources{gap:10px;margin:0;padding-left:1.2em;font-size:14px;line-height:1.5;display:grid}.sw-out{color:inherit;text-underline-offset:3px;text-decoration:underline}.sw-out__arrow{width:.72em;height:.72em;margin-left:.28em}.sw-note[data-wide] .sw-sources{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}@media (max-width:900px){.sw-notes__grid,.sw-note[data-wide] .sw-sources{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.sw-note{padding:0}.sw-note__title{display:none}.sw-note__fold{display:block}.sw-note__body{padding-bottom:22px;display:none}.sw-note[data-expanded=true]>.sw-note__body{display:block}}@media (prefers-reduced-motion:reduce){.sw-note__sign:after{transition:none}}
