.piece-body,.piece-line{stroke:var(--ink);stroke-width:calc(var(--piece-stroke,9px) / var(--scale,1));stroke-linecap:round;stroke-linejoin:round}.piece-body{fill:var(--white)}.piece-line{fill:none}.piece-dot,.piece-black .piece-body{fill:var(--ink)}.piece-black .piece-line{stroke:var(--white)}.board-hero{--stage-width:min(83.33vw, 75rem);min-height:calc(var(--stage-width) * 980 / 1200);position:relative;overflow-x:clip}.board-copy{z-index:2;justify-items:start;gap:1.5rem;max-width:36rem;display:grid;position:relative}.board-copy .page-actions{margin-top:.5rem}.board-fine{max-width:25rem}.board-stage{--u:calc(100cqw / 1200);top:0;left:calc(max(var(--gutter), (100% - var(--page)) / 2) + 14.75rem);width:var(--stage-width);aspect-ratio:1200/980;position:absolute;container-type:inline-size}.board-art{width:100%;height:100%;overflow:visible}.board-side{stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.board-side-left{fill:var(--cloud)}.board-side-right{fill:var(--mist)}.board-frame{fill:var(--white);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.board-square{fill:var(--mist)}.board-line{stroke:var(--line-strong);stroke-width:1.5px}.board-edge{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.board-ring-line{fill:#0000;stroke:var(--line-strong);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1px;opacity:0}.board-ring:is([data-state=paused],[data-state=replied]) .board-ring-line{stroke-dashoffset:0;opacity:1}.board-ring[data-state=replied] .board-ring-line{fill:var(--pink-soft);stroke:var(--pink-hot);stroke-width:7px}.board-dot{fill:var(--pink-hot);transform-box:fill-box;transform-origin:50%}.board-move[data-state=paused]{opacity:0}.board-labels,.board-bubbles{position:absolute;inset:0}.board-bubbles{pointer-events:none}.board-pick{top:calc((var(--py) - var(--tall)) * var(--u));left:calc(var(--px) * var(--u));width:calc(124 * var(--u));height:calc((var(--tall) + 92) * var(--u));border-radius:calc(40 * var(--u));cursor:pointer;position:absolute;translate:-50%}.board-pick:focus-visible{outline-offset:0}.board-tag{bottom:calc(14 * var(--u));border-radius:var(--radius-pill);background:var(--white);box-shadow:var(--shadow-card);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.4em;padding:.35em .75em;font-size:clamp(.6875rem,1.3cqw,.9375rem);font-weight:600;line-height:1.2;display:inline-flex;position:absolute;left:50%;translate:-50%}.board-tag-state{border-radius:var(--radius-pill);background:var(--mist);max-width:6em;color:var(--ink-2);padding:.15em .5em;font-size:.85em;display:none;overflow:hidden}.board-pick[data-state=paused] .board-tag-state,.board-pick[data-state=replied] .board-tag-state{display:inline-block}.board-pick[data-state=paused] .board-tag-title{color:var(--ink-2)}.board-pick[data-state=replied] .board-tag{background:var(--pink-deep);box-shadow:var(--shadow-pink);color:var(--white)}.board-pick[data-state=replied] .board-tag-state{background:var(--white);color:var(--pink-ink)}.board-pick:hover .board-tag{box-shadow:var(--shadow-float)}.board-tag.board-tag-you{top:calc((var(--py) + 26) * var(--u));bottom:auto;left:calc(var(--px) * var(--u));background:var(--ink);color:var(--white);box-shadow:none}.board-bubble{top:calc(var(--py) * var(--u));left:calc(var(--px) * var(--u));width:max-content;max-width:calc(300 * var(--u));background:var(--white);box-shadow:var(--shadow-float);opacity:0;transform-origin:50% 100%;pointer-events:none;border-radius:1.1em;gap:.15em;padding:.75em 1em .8em;font-size:clamp(.75rem,1.45cqw,1.0625rem);line-height:1.3;display:grid;position:absolute;translate:-50% -100%;scale:.85}.board-bubble:after{content:"";background:var(--white);border-radius:.2em;width:1em;height:1em;position:absolute;bottom:-.45em;left:50%;translate:-50%;rotate:45deg}.board-bubble-left{transform-origin:calc(100% - 3.2em) 100%;translate:calc(3.2em - 100%) -100%}.board-bubble-left:after{left:calc(100% - 3.2em)}.board-bubble-right{transform-origin:3.2em 100%;translate:-3.2em -100%}.board-bubble-right:after{left:3.2em}.board-bubble[data-state=replied]{opacity:1;scale:1}.board-bubble-who{color:var(--pink-ink);font-size:.78em;font-weight:600}.board-bubble-text{letter-spacing:-.01em;font-weight:500}.board-panel{top:calc(800 * var(--u));left:calc(180 * var(--u));border-radius:var(--radius-l);background:var(--white);box-shadow:var(--shadow-card);font-size:var(--text-micro);grid-template-columns:auto auto;align-items:center;gap:.1rem 1.25rem;padding:.8rem .8rem .8rem 1.15rem;line-height:1.4;display:grid;position:absolute}.board-status{font-weight:600}.board-hint{color:var(--ink-3);grid-row:2}.board-reset{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:box-shadow var(--duration-ui) var(--ease-out);grid-area:1/2/span 2;padding:.5rem .9rem;font-weight:600}.board-reset:hover{box-shadow:inset 0 0 0 1.5px var(--pink)}.motion .board-stage:not(.is-live) .board-frame,.motion .board-stage:not(.is-live) .board-edge,.motion .board-stage:not(.is-live) .board-line{stroke-dasharray:1;animation:board-draw 1.1s var(--ease-draw) backwards}.motion .board-stage:not(.is-live) .board-edge{animation-delay:.15s}.motion .board-stage:not(.is-live) .board-line{animation-duration:.9s;animation-delay:.3s}.motion .board-stage:not(.is-live) .board-square{animation:board-appear .5s var(--ease-out) calc(.25s + var(--w) * 45ms) backwards}.motion .board-stage:not(.is-live) .board-side{animation:board-appear .6s var(--ease-out) .5s backwards}.motion .board-stage:not(.is-live) .board-piece{animation:board-rise .8s var(--ease-settle) calc(.75s + var(--k) * 90ms) backwards}.motion .board-stage:not(.is-live) .board-dot,.motion .board-stage.is-replaying .board-dot{animation:board-dot .26s var(--ease-settle) calc(1.45s + var(--m) * .38s + var(--t) * 1ms) backwards}.motion .board-stage.is-replaying .board-dot{animation-delay:calc(.15s + var(--m) * .38s + var(--t) * 1ms)}.motion .board-stage:not(.is-live) .board-ring[data-state=replied] .board-ring-line{animation:board-ring .7s var(--ease-draw) 3.5s backwards}.motion .board-stage:not(.is-live) .board-bubble[data-state=replied]{animation:board-bubble .7s var(--ease-settle) 3.65s backwards}.motion .board-stage:not(.is-live) .board-pick[data-state=replied] .board-tag{animation:board-tag-replied .5s var(--ease-out) 3.5s backwards}.motion .board-stage:not(.is-live) .board-pick[data-state=replied] .board-tag-state{animation:board-tag-state .6s var(--ease-settle) 3.5s backwards}.motion .board-stage:not(.is-live) .board-ring[data-state=paused] .board-ring-line{animation:board-ring .8s var(--ease-draw) calc(4.15s + var(--k,0) * 60ms) backwards}.motion .board-stage:not(.is-live) .board-move[data-state=paused]{animation:board-fade .7s var(--ease-out) 4.15s backwards}.motion .board-stage:not(.is-live) .board-pick[data-state=paused] .board-tag-state{animation:board-tag-state .6s var(--ease-settle) 4.25s backwards}.motion .board-stage:not(.is-live) .board-panel{animation:board-panel .7s var(--ease-settle) 4.7s backwards}.motion .board-ring-line{transition:stroke-dashoffset .7s var(--ease-draw), opacity .3s var(--ease-out), stroke .4s var(--ease-out), fill .4s var(--ease-out)}.motion .board-move{transition:opacity .6s var(--ease-out)}.motion .board-bubble{transition:opacity .3s var(--ease-out), scale .6s var(--ease-settle)}.motion .board-tag{transition:background-color .4s var(--ease-out), color .4s var(--ease-out), box-shadow .4s var(--ease-out)}@keyframes board-draw{0%{stroke-dashoffset:1px}}@keyframes board-appear{0%{opacity:0}}@keyframes board-rise{0%{opacity:0;translate:0 34px}}@keyframes board-dot{0%{opacity:0;scale:.2}}@keyframes board-ring{0%{fill:#0000;stroke-dashoffset:1px}}@keyframes board-bubble{0%{opacity:0;scale:.6}}@keyframes board-tag-replied{0%{background:var(--white);box-shadow:var(--shadow-card);color:var(--ink)}}@keyframes board-tag-state{0%{opacity:0;max-width:0;margin-left:-.4em;padding-inline:0}}@keyframes board-fade{0%{opacity:1}}@keyframes board-panel{0%{opacity:0;translate:0 .75rem}}.quiet-track{--p:1;position:relative}.quiet-stage{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:2.5rem clamp(2.5rem,6vw,6rem);display:grid}.quiet-moves{border-top:1px solid var(--line)}.quiet-move{border-bottom:1px solid var(--line);grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;padding-block:1.1rem 1.2rem;display:grid}.quiet-number{color:var(--ink-3);transition:color .4s var(--ease-out);font-size:1.25rem;font-weight:600;line-height:1.2}.quiet-text{gap:.3rem;display:grid}.quiet-text strong{letter-spacing:-.025em;font-size:clamp(1.1875rem,1.6vw,1.4375rem);font-weight:600;line-height:1.2}.quiet-text span{max-width:30rem;color:var(--ink-2);font-size:var(--text-small);line-height:1.5}.quiet-figure{--u:calc(100cqw / 640);--piece-stroke:4.6px;justify-self:end;width:min(100%,40rem);margin:0;position:relative;container-type:inline-size}.quiet-art{width:100%;height:auto;overflow:visible}.quiet-frame{fill:var(--white);stroke:var(--ink);stroke-width:4px}.quiet-square{fill:var(--mist)}.quiet-edge{stroke:var(--ink);stroke-width:1.5px}.quiet-zone{stroke:var(--ink-3);stroke-width:2.5px;stroke-dasharray:.004 .009;stroke-linecap:round}.quiet-ring{fill:#0000;stroke:var(--line-strong);stroke-width:4px;stroke-dasharray:1}.quiet-ring-replied{fill:var(--pink-soft);stroke:var(--pink-hot);stroke-width:4.5px}.quiet-dot{fill:var(--pink-hot)}.quiet-path:not(.quiet-path-kept){opacity:0}.quiet-tag,.quiet-domain,.quiet-bubble{top:calc(var(--py) * var(--u));left:calc(var(--px) * var(--u));white-space:nowrap;font-size:clamp(.625rem,2cqw,.8125rem);font-weight:600;line-height:1.2;position:absolute}.quiet-tag{border-radius:var(--radius-pill);background:var(--white);box-shadow:var(--shadow-card);align-items:center;gap:.35em;padding:.3em .65em;display:inline-flex;translate:-50%}.quiet-tag-state{border-radius:var(--radius-pill);background:var(--mist);max-width:6em;color:var(--ink-2);padding:.12em .45em;font-size:.85em;overflow:hidden}.quiet-tag-paused{color:var(--ink-2)}.quiet-tag-replied{background:var(--pink-deep);box-shadow:var(--shadow-pink);color:var(--white)}.quiet-tag-replied .quiet-tag-state{background:var(--white);color:var(--pink-ink)}.quiet-tag-you{background:var(--ink);box-shadow:none;color:var(--white)}.quiet-domain{border-radius:var(--radius-pill);background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink-2);padding:.3em .7em;translate:0 -50%}.quiet-bubble{background:var(--white);box-shadow:var(--shadow-float);border-radius:1em;gap:.15em;padding:.6em .85em .65em;font-size:clamp(.6875rem,2.3cqw,.9375rem);font-weight:500;display:grid}.quiet-bubble:after{content:"";background:var(--white);border-radius:.18em;width:.9em;height:.9em;position:absolute;rotate:45deg}.quiet-bubble-who{color:var(--pink-ink);font-size:.8em;font-weight:600}.quiet-bubble-away{translate:0 -50%}.quiet-bubble-away:after{top:50%;left:-.4em;translate:0 -50%}.quiet-bubble-away .quiet-bubble-who{color:var(--ink-3)}.quiet-bubble-reply{translate:-1.6em -100%}.quiet-bubble-reply:after{bottom:-.4em;left:1.2em}.quiet-thread{border-radius:var(--radius-l);background:var(--white);width:56%;box-shadow:var(--shadow-float);gap:.7em;padding:1em 1.1em 1.1em;font-size:clamp(.6875rem,2.1cqw,.875rem);line-height:1.35;display:grid;position:absolute;bottom:-7%;right:-5%}.quiet-thread-head{justify-content:space-between;align-items:center;gap:1em;font-weight:600;display:flex}.quiet-thread-chip{border-radius:var(--radius-pill);background:var(--pink-soft);color:var(--pink-ink);padding:.2em .6em;font-size:.9em}.quiet-thread-mail{border-radius:.8em;gap:.15em;padding:.65em .8em;display:grid}.quiet-thread-ours{background:var(--mist);color:var(--ink-2)}.quiet-thread-theirs{background:var(--pink-mist);margin-left:1.25em}.quiet-thread-from{font-weight:600}.quiet-thread-ours .quiet-thread-from{color:var(--ink)}.quiet-thread-from span{color:var(--ink-2);font-weight:400}.quiet-thread-body{font-size:1.15em;font-weight:500}@media (width>=1000px){.motion .quiet-track{height:340vh}.motion .quiet-stage{min-height:100vh;padding-top:calc(var(--header-height) + 1rem);padding-bottom:2rem;position:sticky;top:0}.motion .quiet-figure{width:min(100%, 40rem, calc(100vh - var(--header-height) - 6rem))}.motion .quiet-move{transition:opacity .5s var(--ease-out)}.motion .quiet-track[data-stage="0"] .quiet-move:nth-child(n+2),.motion .quiet-track[data-stage="1"] .quiet-move:nth-child(n+3),.motion .quiet-track[data-stage="2"] .quiet-move:nth-child(n+4),.motion .quiet-track[data-stage="3"] .quiet-move:nth-child(n+5){opacity:.32}.motion .quiet-track[data-stage="0"] .quiet-move:first-child .quiet-number,.motion .quiet-track[data-stage="1"] .quiet-move:nth-child(2) .quiet-number,.motion .quiet-track[data-stage="2"] .quiet-move:nth-child(3) .quiet-number,.motion .quiet-track[data-stage="3"] .quiet-move:nth-child(4) .quiet-number,.motion .quiet-track[data-stage="4"] .quiet-move:nth-child(5) .quiet-number{color:var(--pink-deep)}}.motion .quiet-figure{--sent:clamp(0, var(--p) * 6, 1);--away:clamp(0, (var(--p) - .18) * 14, 1);--replied:clamp(0, (var(--p) - .38) * 14, 1);--paused:clamp(0, (var(--p) - .58) * 12, 1);--landed:clamp(0, (var(--p) - .78) * 12, 1)}.motion .quiet-dot{opacity:clamp(0, (var(--p) * 6 - var(--m) * .16 - var(--t) * .3) * 4, 1)}.motion .quiet-path:not(.quiet-path-kept){opacity:calc(1 - var(--paused))}.motion .quiet-bubble-away{opacity:var(--away);scale:calc(.8 + .2 * var(--away))}.motion .quiet-ring-replied,.motion .quiet-bubble-reply{opacity:var(--replied)}.motion .quiet-ring-replied{stroke-dashoffset:calc(1 - var(--replied))}.motion .quiet-bubble-reply{scale:calc(.8 + .2 * var(--replied))}.motion .quiet-tag-replied{background:color-mix(in srgb, var(--pink-deep) calc(var(--replied) * 100%), var(--white));color:color-mix(in srgb, var(--white) calc(var(--replied) * 100%), var(--ink))}.motion .quiet-tag-replied .quiet-tag-state{max-width:calc(var(--replied) * 6em);padding-inline:calc(var(--replied) * .45em);opacity:var(--replied)}.motion .quiet-ring-paused{stroke-dashoffset:calc(1 - var(--paused))}.motion .quiet-zone,.motion .quiet-domain{opacity:var(--paused)}.motion .quiet-tag-paused .quiet-tag-state{max-width:calc(var(--paused) * 6em);padding-inline:calc(var(--paused) * .45em);opacity:var(--paused)}.motion .quiet-tag-paused{color:color-mix(in srgb, var(--ink-2) calc(var(--paused) * 100%), var(--ink))}.motion .quiet-thread{opacity:var(--landed);translate:0 calc((1 - var(--landed)) * 1.5rem)}.score{grid-template:"sheet head""sheet notes"1fr/minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,3.5vw,3rem) clamp(3rem,7vw,7.5rem);display:grid}.score-head{grid-area:head;align-self:end;gap:1.25rem;display:grid}.score-head .lead{max-width:30rem}.score-sheet{border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-float);grid-area:sheet;align-self:start;margin:0;padding:clamp(1.25rem,2.6vw,2.25rem) clamp(1rem,2.6vw,2.25rem) clamp(1.5rem,3vw,2.5rem);position:relative}.score-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.75rem;margin-bottom:clamp(1.25rem,2.4vw,1.75rem);display:grid}.score-field{border-bottom:1.5px solid var(--line-strong);align-items:baseline;gap:.75rem;min-width:0;padding-bottom:.4rem;display:flex}.score-field-wide{grid-column:1/-1}.score-field dt{color:var(--ink-3);flex:none;font-size:.8125rem;font-weight:500}.score-field dd{letter-spacing:-.01em;min-width:0;font-size:1.0625rem;font-weight:500;line-height:1.3}.score-table{border:3px solid var(--ink);border-radius:var(--radius-m);border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;overflow:hidden}.score-table th,.score-table td{text-align:left;padding:0 clamp(.6rem,1.4vw,1rem)}.score-table thead th{border-bottom:2px solid var(--ink);height:2.75rem;color:var(--ink-2);font-size:.875rem;font-weight:600}.score-table thead th+th{border-left:1.5px solid var(--line-strong)}.score-table thead th:last-child{width:34%}.score-swatch{border:2px solid var(--ink);background:var(--white);vertical-align:-.08em;border-radius:.2em;width:.85em;height:.85em;margin-right:.5em;display:inline-block}.score-swatch-black{background:var(--ink)}.score-table .score-n{background:var(--mist);width:3rem;color:var(--ink-2);text-align:center;padding:0;font-weight:600}.score-row>*{border-top:1.5px solid var(--line);height:3.75rem}.score-row:first-child>*{border-top:0}.score-row td{border-left:1.5px solid var(--line-strong)}.score-cell{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.15rem .75rem;display:flex}.score-ink{letter-spacing:-.015em;font-size:1.0625rem;font-weight:500;line-height:1.25;display:inline-block;position:relative}.score-day{color:var(--ink-3);white-space:nowrap;font-size:.8125rem;font-weight:500}.score-away .score-ink{color:var(--ink-2)}.score-aside{color:var(--ink-3);font-size:.8125rem;display:block}.score-reply{color:var(--pink-deep);padding-inline:.2em;font-weight:600}.score-ring{width:calc(100% + 1.7em);max-width:none;height:calc(100% + 1.2em);position:absolute;top:-.6em;left:-.85em;overflow:visible}.score-ring path{fill:none;stroke:var(--pink-hot);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke}.score-struck{color:var(--ink-3)}.score-strike{width:calc(100% + .4em);max-width:none;height:.7em;position:absolute;top:50%;left:-.2em;overflow:visible;translate:0 -40%}.score-strike path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke}.score-unplayed .score-day{text-decoration:line-through;text-decoration-color:var(--ink-3)}.score-result{border-bottom:1.5px solid var(--line-strong);flex-wrap:wrap;align-items:baseline;gap:.25rem .85rem;max-width:68%;margin-top:clamp(1.25rem,2.4vw,1.75rem);padding-bottom:.4rem;display:flex}.score-result-label{color:var(--ink-3);font-size:.8125rem;font-weight:500}.score-result .score-ink{font-size:1.1875rem;font-weight:600}.score-pencil{pointer-events:none;width:clamp(9rem,15vw,14rem);max-width:none;position:absolute;bottom:clamp(1.25rem,2.5vw,2.25rem);right:clamp(-3.5rem,-3vw,-1rem);overflow:visible;rotate:-24deg}.score-pencil path{stroke:var(--ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.score-pencil-body,.score-pencil-wood,.score-pencil-band{fill:var(--white)}.score-pencil-lead{fill:var(--ink)}.score-pencil-facet{stroke-width:5px}.score-notes{grid-area:notes;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1.75rem 2rem;display:grid}.score-note{align-content:start;gap:.35rem;display:grid}.score-note:before{content:"";background:var(--ink);border-radius:2px;width:2.25rem;height:4px;margin-bottom:.6rem}.score-note:last-child{grid-column:1/-1}.score-note:last-child:before{background:var(--pink-hot)}.score-note dt{letter-spacing:-.02em;font-size:1.125rem;font-weight:600;line-height:1.25}.score-note dd{max-width:26rem;color:var(--ink-2);font-size:.9375rem;line-height:1.5}.motion .score-sheet .score-row .score-ink{clip-path:inset(-1em 100% -1em -1em);transition:clip-path .65s var(--ease-draw);transition-delay:calc(.25s + var(--r) * .42s)}.motion .score-sheet .score-black .score-ink{transition-delay:calc(.55s + var(--r) * .42s)}.motion .score-sheet.is-in .score-row .score-ink{clip-path:inset(-1em -2em -1em -1em)}.motion .score-sheet .score-day{opacity:0;transition:opacity .4s var(--ease-out);transition-delay:calc(.65s + var(--r) * .42s)}.motion .score-sheet.is-in .score-day{opacity:1}.motion .score-ring path{stroke-dashoffset:1px;transition:stroke-dashoffset .8s var(--ease-draw) 1.75s}.motion .score-strike path{stroke-dashoffset:1px;transition:stroke-dashoffset .6s var(--ease-draw) 2.25s}.motion .score-sheet.is-in :is(.score-ring,.score-strike) path{stroke-dashoffset:0}.motion .score-result{opacity:0;transition:opacity .5s var(--ease-out) 2.6s, translate .8s var(--ease-settle) 2.6s;translate:0 .5rem}.motion .score-pencil{transition:translate 2.8s var(--ease-settle) .2s;translate:-2.5rem -1rem}.motion .score-sheet.is-in .score-result,.motion .score-sheet.is-in .score-pencil{opacity:1;translate:0}.tray-box{--felt:3.25rem;border:3.5px solid var(--ink);border-radius:var(--radius-xl);background:var(--white);margin:0;position:relative}.tray-slots{border-radius:calc(var(--radius-xl) - 3.5px) calc(var(--radius-xl) - 3.5px) 0 0;background:linear-gradient(to top, var(--mist) var(--felt), transparent var(--felt));grid-template-columns:repeat(3,minmax(0,1fr));padding:clamp(1.75rem,3.5vw,3rem) clamp(.75rem,2vw,1.5rem) 0;display:grid}.tray-slot{grid-template-rows:1fr auto;justify-items:center;gap:1rem;padding-inline:clamp(.5rem,1.6vw,1.5rem);display:grid;position:relative}.tray-slot+.tray-slot:before{content:"";width:3.5px;height:calc(var(--felt) + 1.25rem);background:var(--ink);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:-1.75px}.tray-card{border-radius:var(--radius-l);background:var(--white);width:min(100%,20rem);box-shadow:var(--shadow-float);align-self:end;gap:.65rem;padding:1rem 1.1rem 1.15rem;font-size:.9375rem;line-height:1.4;display:grid;position:relative}.tray-card:after{content:"";background:var(--white);border-radius:.2rem;width:1.1rem;height:1.1rem;position:absolute;bottom:-.5rem;left:50%;translate:-50%;rotate:45deg}.tray-card-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.tray-who{letter-spacing:-.02em;font-size:1.0625rem;line-height:1.2}.tray-who span{color:var(--ink-3);letter-spacing:0;margin-top:.15rem;font-size:.8125rem;font-weight:500;display:block}.tray-when{color:var(--ink-3);flex:none;font-size:.8125rem}.tray-chip{border-radius:var(--radius-pill);justify-self:start;padding:.25em .7em;font-size:.8125rem;font-weight:600}.tray-chip-pink{background:var(--pink-soft);color:var(--pink-ink)}.tray-chip-grey{background:var(--mist);color:var(--ink-2)}.tray-chip-ink{background:var(--ink);color:var(--white)}.tray-thread{gap:.4rem;display:grid}.tray-mail{border-radius:.8rem;gap:.1rem;padding:.55rem .75rem;display:grid}.tray-mail-ours{background:var(--mist);color:var(--ink-2)}.tray-mail-from{color:var(--ink-2);font-size:.8125rem}.tray-mail-theirs{background:var(--pink-mist);margin-left:1.25rem;font-size:1.0625rem;font-weight:500}.tray-said{letter-spacing:-.01em;font-size:1.0625rem;font-weight:500}.tray-note{color:var(--ink-2);font-size:.875rem}.tray-paused{border-top:1px solid var(--line);gap:.4rem;padding-top:.7rem;display:grid}.tray-paused p{color:var(--ink-3);font-size:.8125rem;font-weight:600}.tray-paused ul{flex-wrap:wrap;gap:.3rem;display:flex}.tray-paused li{border-radius:var(--radius-pill);background:var(--mist);color:var(--ink-2);padding:.2em .6em;font-size:.8125rem;font-weight:500}.tray-piece{--piece-stroke:10px;width:auto;height:clamp(8.5rem,12vw,11rem);margin-bottom:calc(var(--felt) / 2 - 1.1rem);overflow:visible}.tray-ring{fill:#0000;stroke:var(--line-strong);stroke-width:7px;stroke-dasharray:1}.tray-ring-replied{fill:var(--pink-soft);stroke:var(--pink-hot);stroke-width:8px}.tray-plate{border-top:3.5px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding:.95rem clamp(1.25rem,2.5vw,2rem) 1.05rem;display:flex}.tray-plate strong{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.tray-plate span{color:var(--ink-3);font-size:var(--text-micro);font-weight:500}.tray-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2.25rem,4vw,3rem);display:grid}.tray-fact dt{letter-spacing:-.02em;margin-bottom:.3rem;font-size:1.125rem;font-weight:600}.tray-fact dd{max-width:24rem;color:var(--ink-2);font-size:var(--text-small);line-height:1.5}.tray-fine{margin-top:1.5rem}.motion .tray-piece{opacity:0;transition:opacity .4s var(--ease-out), translate .9s var(--ease-settle);transition-delay:calc(.15s + var(--s) * .18s);translate:0 -1.75rem}.motion .tray-ring{stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease-draw);transition-delay:calc(.65s + var(--s) * .18s)}.motion .tray-card{opacity:0;transform-origin:50% 100%;transition:opacity .45s var(--ease-out), scale .8s var(--ease-settle);transition-delay:calc(.9s + var(--s) * .2s);scale:.92}.motion .tray-box.is-in :is(.tray-piece,.tray-card){opacity:1;translate:0;scale:1}.motion .tray-box.is-in .tray-ring{stroke-dashoffset:0}.ledger{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:3rem clamp(3rem,6vw,6rem);display:grid}.ledger-copy{justify-items:start;gap:1.5rem;display:grid}.ledger-copy .lead{max-width:31rem}.ledger-routes{gap:1.1rem;max-width:31rem;display:grid}.ledger-route dt{letter-spacing:-.015em;font-size:1.0625rem;font-weight:600}.ledger-route dd{color:var(--ink-2);font-size:var(--text-small);line-height:1.5}.ledger-book{margin:0;position:relative}.ledger-page{border-radius:var(--radius-l);background:var(--white);box-shadow:var(--shadow-float);padding:clamp(1.25rem,2.4vw,2rem) clamp(1rem,2.4vw,2rem) clamp(1rem,2vw,1.5rem)}.ledger-title{border-bottom:5px double var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding-bottom:.85rem;display:flex}.ledger-title strong{letter-spacing:-.03em;font-size:1.375rem;font-weight:600}.ledger-title span{color:var(--ink-3);font-size:var(--text-micro);font-weight:500}.ledger-table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.35}.ledger-table th{border-bottom:1.5px solid var(--ink);color:var(--ink-3);text-align:left;padding:.85rem .7rem .5rem;font-size:.8125rem;font-weight:600}.ledger-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.9rem .7rem}.ledger-table :is(td,th):first-child{padding-left:0}.ledger-table :is(td,th):last-child{padding-right:0}.ledger-table tr:last-child td{border-bottom:0}.ledger-when{width:6.25rem;color:var(--ink-2);white-space:nowrap;position:relative}.ledger-move{font-weight:500}.ledger-event code{border-radius:var(--radius-pill);background:var(--mist);color:var(--ink-2);font-family:var(--font-code);white-space:nowrap;padding:.3rem .6rem;font-size:.78rem;display:inline-block}.ledger-reply .ledger-move{font-weight:600}.ledger-reply .ledger-when{color:var(--ink);font-weight:600}.ledger-reply .ledger-event code{background:var(--pink-soft);color:var(--pink-ink)}.ledger-wire{width:7.5rem;max-width:none;position:absolute;top:50%;right:calc(100% + .6rem);overflow:visible;translate:0 -50%}.ledger-dot{fill:var(--pink-hot)}.motion .ledger-row>td{opacity:0;transition:opacity .45s var(--ease-out), translate .8s var(--ease-settle);transition-delay:calc(.2s + var(--l) * .42s);translate:-.75rem}.motion .ledger-dot{opacity:0;transition:opacity .24s var(--ease-out);transition-delay:calc(.56s + var(--d) * 70ms)}.motion .ledger-book.is-in .ledger-row>td{opacity:1;translate:0}.motion .ledger-book.is-in .ledger-dot{opacity:1}@media (width>=1100px) and (width<=1300px){.board-hero{--stage-width:78vw;--stage-drop:clamp(3rem, (1300px - 100vw) * .25 + 3rem, 6rem);min-height:calc(var(--stage-width) * 980 / 1200 + var(--stage-drop))}.board-stage{top:var(--stage-drop);left:calc(var(--gutter) + 13.5rem)}.board-fine{max-width:21rem}}@media (width<=1099px){.board-hero{--stage-width:min(146vw, 64rem);min-height:0}.board-stage{margin-top:calc(var(--stage-width) * -.16);margin-left:calc(50% - var(--stage-width) * .6167);position:relative;left:auto}.board-panel{top:calc(850 * var(--u));left:calc(340 * var(--u));width:calc(780 * var(--u));grid-template-columns:minmax(0,1fr) auto}}@media (width<=1100px){.score{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);column-gap:clamp(2.5rem,5vw,4rem)}.score-notes{grid-template-columns:minmax(0,1fr)}.score-note:last-child{grid-column:auto}}@media (width<=999px){.quiet-stage{grid-template-columns:minmax(0,1fr)}.quiet-figure{order:-1;justify-self:center}.quiet-thread{width:min(88%,20rem);margin:-2.5rem 0 0 auto;position:relative;bottom:auto;right:auto}.quiet-bubble{max-width:calc(250 * var(--u));white-space:normal}.score{grid-template:"head""sheet""notes"/minmax(0,1fr)}.score-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.score-note:last-child{grid-column:1/-1}.ledger{grid-template-columns:minmax(0,1fr)}.ledger-wire{display:none}}@media (width<=860px){.tray-slots{background:0 0;grid-template-columns:minmax(0,1fr);gap:0;padding:.5rem clamp(.75rem,3vw,1.5rem) 0}.tray-slot{grid-template-rows:auto;grid-template-columns:4.5rem minmax(0,1fr);align-items:end;gap:1.1rem;padding:1.25rem 0}.tray-slot+.tray-slot{border-top:1.5px solid var(--line-strong)}.tray-slot+.tray-slot:before{display:none}.tray-piece{order:-1;justify-self:center;height:6.5rem;margin-bottom:.25rem}.tray-card{width:100%}.tray-card:after{bottom:1.6rem;left:0}.tray-facts{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.score-fields{grid-template-columns:minmax(0,1fr);gap:.75rem}.score-field{grid-column:auto}.score-table thead th:last-child{width:31%}.score-row>*{height:3.5rem}.score-ink{font-size:.9375rem}.score-cell{justify-content:start;display:grid}.score-result{max-width:62%}.score-pencil{bottom:1.25rem;right:-.5rem}.score-notes{grid-template-columns:minmax(0,1fr)}.score-note:last-child{grid-column:auto}.ledger-table thead{display:none}.ledger-table tr{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:.35rem .85rem;padding-block:.85rem;display:grid}.ledger-table tr:last-child{border-bottom:0}.ledger-table td{border:0;padding:0}.ledger-when{width:auto}.ledger-event{grid-column:1/-1}}