.stamps{gap:1.25rem;display:grid}.stamps-sheet{border-radius:var(--radius-card);background:var(--paper-sunk);box-shadow:inset 0 0 0 1.5px var(--rule);grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(1rem,.5rem + 1.6vw,1.75rem) clamp(.5rem,.25rem + 1vw,1.25rem);padding:clamp(1rem,.5rem + 2.4vw,2.25rem);display:grid}.stamps-sheet>li{grid-column:span 2;justify-items:center;display:grid}.stamps-sheet>li:nth-last-child(2){grid-column:2/span 2}@media (width<22.5rem){.stamps-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}.stamps-sheet>li,.stamps-sheet>li:nth-last-child(2){grid-column:auto}}@media (width>=40rem){.stamps-sheet{grid-template-columns:repeat(4,minmax(0,1fr))}.stamps-sheet>li,.stamps-sheet>li:nth-last-child(2){grid-column:auto}}.stamp{border-radius:var(--radius-key);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-items:center;gap:.5rem;width:100%;display:grid}.stamp:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.stamp-face,.stamps-seal-face{aspect-ratio:1;width:clamp(3.5rem,2.6rem + 3vw,5.25rem);color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 0 6px var(--paper), inset 0 0 0 7.5px var(--ink), 0 3px 0 var(--paper-edge);rotate:var(--tilt);transition:background-color .16s var(--ease-out), color .16s var(--ease-out), scale .42s var(--spring-reward) calc(var(--order) * .14s), opacity .2s var(--ease-out) calc(var(--order) * .14s);border-radius:50%;place-items:center;display:grid}.stamp:hover .stamp-face{background:var(--paper-hover)}.stamp[aria-pressed=true] .stamp-face{color:var(--paper);background:var(--ink);box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 0 6px var(--paper), inset 0 0 0 7.5px var(--ink), 0 3px 0 var(--ink-edge)}.stamp-name{font-size:var(--text-meta);font-weight:var(--font-weight-bold);text-align:center;text-wrap:balance;color:var(--ink);line-height:1.25}@media (width>=40rem){.stamp-name{font-size:var(--text-caption)}}.stamps-seal{--order:7.5;--tilt:0deg;gap:.5rem}.stamps-seal-face{color:var(--on-green);background:var(--green);box-shadow:inset 0 2px 0 var(--shine), 0 3px 0 var(--green-edge)}.stamps[data-entrance=armed] :is(.stamp-face,.stamps-seal-face){opacity:0;scale:1.5}.stamps-detail{border-radius:var(--radius-card);background:var(--paper);min-height:6.5rem;box-shadow:inset 0 0 0 var(--rim-size) var(--paper-deep), 0 var(--lift-card) 0 var(--rim-edge);animation:stamps-detail-in .24s var(--ease-out) both;gap:.375rem;padding:1.125rem 1.25rem;display:grid}.stamps-detail[hidden]{display:none}.stamps-detail-name{font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--font-weight-extrabold);color:var(--ink);line-height:1.1}.stamps-detail-text{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--ink)}.stamps-detail-why{font-size:var(--text-body);color:var(--ink-soft)}@media (width<22.5rem){.stamps-detail-name{-webkit-hyphens:auto;hyphens:auto;font-size:6.5vw}}@keyframes stamps-detail-in{0%{opacity:0;translate:0 .375rem}}.match-bar{gap:.25rem;display:flex}.match-segment{flex:var(--weight) 1 0;border-radius:var(--radius-key);min-width:0;height:clamp(3rem,2.4rem + 2vw,4.5rem);font-family:var(--font-display);font-size:clamp(1rem,.8rem + .9vw,1.75rem);font-weight:var(--font-weight-extrabold);transform-origin:0;transition:scale .52s var(--ease-out) calc(var(--order) * 90ms), translate .16s var(--ease-out);place-items:center;display:grid}.match-segment[data-kind=child]{color:var(--on-gold);background:var(--gold);box-shadow:inset 0 2px 0 var(--shine), 0 4px 0 var(--gold-edge)}.match-segment[data-kind=tutor]{color:var(--paper);background:var(--ink);box-shadow:inset 0 2px 0 var(--shine), 0 4px 0 var(--ink-edge)}.match-segment[data-lit]{translate:0 -.25rem}.match[data-entrance=armed] .match-segment{scale:0 1}.match-legend{gap:1.75rem;display:grid}@media (width>=52rem){.match-legend{grid-template-columns:1fr 1fr;column-gap:clamp(1.5rem,4vw,3.5rem)}}.match-group{align-content:start;gap:.875rem;display:grid}.match-group-name{border-bottom:3px solid var(--gold);font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.625rem;display:flex}.match-group[data-kind=tutor] .match-group-name{border-bottom-color:var(--ink)}.match-group-name .numerals{font-size:var(--text-caption);color:var(--ink-soft)}.match-group ul{gap:.875rem;display:grid}.match-factor{border-radius:var(--radius-key);transition:background-color .16s var(--ease-out);grid-template-columns:2.75rem minmax(0,1fr);align-items:start;gap:.875rem;display:grid}.match-factor-points{height:2.25rem;font-family:var(--font-display);font-weight:var(--font-weight-extrabold);color:var(--on-gold);background:var(--gold);box-shadow:0 3px 0 var(--gold-edge);transition:translate .16s var(--ease-out);border-radius:.625rem;place-items:center;display:grid}.match-group[data-kind=tutor] .match-factor-points{color:var(--paper);background:var(--ink);box-shadow:0 3px 0 var(--ink-edge)}.match-factor[data-lit] .match-factor-points{translate:0 -.1875rem}.match-factor-name{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--ink);display:block}.match-factor-text{font-size:var(--text-caption);color:var(--ink-soft);text-wrap:pretty;line-height:1.5;display:block}.between{--face:3.5rem;--key:2.75rem;--rail:6px;row-gap:1rem;display:grid;position:relative}.between-end{z-index:1;font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--ink);align-items:center;gap:1rem;display:flex;position:relative}.between-face{inline-size:var(--face);aspect-ratio:1;border-radius:var(--radius-key);flex:none;place-items:center;display:grid}.between-end[data-end=child] .between-face{color:var(--on-gold);background:var(--gold);box-shadow:inset 0 2px 0 var(--shine), 0 4px 0 var(--gold-edge)}.between-end[data-end=tutor] .between-face{color:var(--paper);background:var(--ink);box-shadow:inset 0 2px 0 var(--shine), 0 4px 0 var(--ink-edge)}.between-line{gap:.75rem;display:grid;position:relative}.between-line:before{content:"";inset-block:calc(-1rem - var(--face) / 2);inline-size:var(--rail);border-radius:var(--rail);background:var(--green);position:absolute;inset-inline-start:calc(var(--face) / 2 - var(--rail) / 2)}.between-label{font-size:var(--text-caption);font-weight:var(--font-weight-bold);color:color-mix(in oklab, var(--green-ink) 80%, var(--ink));padding-inline-start:calc(var(--face) + 1rem)}.between-stops{gap:1.25rem;display:grid}.between-stops li{grid-template-columns:var(--face) minmax(0, 1fr);transition:opacity .32s var(--ease-out) calc(var(--order) * 90ms), translate .32s var(--ease-out) calc(var(--order) * 90ms);grid-template-areas:"key name""key text";align-content:start;align-items:start;gap:.125rem 1rem;display:grid;position:relative}.between-stops .safety-glyph{grid-area:key;justify-self:center}.between-name{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--ink);grid-area:name}.between-text{max-inline-size:30ch;font-size:var(--text-caption);color:var(--ink-soft);text-wrap:pretty;grid-area:text;line-height:1.5}.between-round{gap:.75rem;margin-block-start:1rem;display:grid}.between-round-label{font-size:var(--text-caption);font-weight:var(--font-weight-bold);color:var(--coral-ink)}.between-round ul{gap:.625rem;display:grid}.between-round li{transition:opacity .32s var(--ease-out) calc(.4s + var(--order) * .12s), translate .32s var(--ease-out) calc(.4s + var(--order) * .12s)}.between-route{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--ink-soft);align-items:center;gap:.75rem;display:flex}.between-route-name{text-decoration:line-through;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-decoration-thickness:2px}@media (width>=60rem){.between{--end:8rem;--gap:1.5rem;--level:3rem;--label-row:2rem;grid-template-columns:var(--end) minmax(0, 1fr) var(--end);column-gap:var(--gap);grid-template-areas:"round round round""child line tutor";row-gap:0}.between-end{text-align:center;flex-direction:column;align-self:start;gap:.375rem;margin-block-start:calc(var(--label-row) + var(--key) / 2 - var(--face) / 2)}.between-end[data-end=child]{grid-area:child}.between-end[data-end=tutor]{grid-area:tutor}.between-line{grid-area:line;gap:0}.between-line:before{inset-block:auto;inset-block-start:calc(var(--label-row) + var(--key) / 2 - var(--rail) / 2);inset-inline:calc(-1 * (var(--gap) + var(--end) / 2));inline-size:auto;block-size:var(--rail)}.between-label{block-size:var(--label-row);text-align:center;padding-inline-start:0}.between-stops{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.between-stops li{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"key""name""text";justify-items:center;row-gap:.25rem}.between-stops .safety-glyph{margin-block-end:.5rem}.between-text{max-inline-size:24ch}.between-round{block-size:calc(3 * var(--level));grid-area:round;margin-block-start:0;display:block;position:relative}.between-round-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.between-round ul{display:block;position:absolute;inset:0}.between-round li{--foot:calc(var(--end) / 2 - (1 - var(--order)) * 1.25rem);inset-block:calc(var(--order) * var(--level)) calc(-1 * (var(--label-row) + var(--key) / 2 - var(--face) / 2));inset-inline:var(--foot);align-content:start;justify-items:center;display:grid;position:absolute}.between-round li:before{content:"";border:2px dashed var(--coral);border-block-end:0;border-start-start-radius:1.25rem;border-start-end-radius:1.25rem;position:absolute;inset:1rem 0 0}.between-route{background:var(--section-ground,var(--paper));padding-inline:.75rem;position:relative}}.safety-glyph{aspect-ratio:1;border-radius:var(--radius-key);width:2.75rem;color:var(--paper);background:var(--ink);box-shadow:0 3px 0 var(--ink-edge);place-items:center;display:grid}.safety-cross{aspect-ratio:1;width:2rem;color:var(--on-coral);background:var(--coral);box-shadow:0 3px 0 var(--coral-edge);border-radius:.625rem;flex:none;place-items:center;display:grid}.safety[data-entrance=armed] .between-stops li{opacity:0;translate:0 .5rem}.safety[data-entrance=armed] .between-round li{opacity:0}.safety-person{max-width:52ch;font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--ink);grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.875rem;display:grid}@media (prefers-reduced-motion:reduce){.stamp-face,.stamps-seal-face,.match-segment,.between-stops li,.between-round li{transition:none}.stamps-detail{animation:none}}
