.opener__thread{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.thread .code{fill:var(--cobalt);opacity:.22}.thread .code--hot{fill:var(--butter);opacity:1}.thread .roof{fill:none;stroke:var(--cream);stroke-width:3.5;stroke-linecap:round;opacity:0;transition:opacity .5s ease}.thread:has(.hand[data-i="6"].is-in) .roof{opacity:1}.thread__line{fill:none;stroke:var(--butter);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1}.hand{opacity:0;transition:opacity .45s ease}.hand.is-in{opacity:1}.hand__did{opacity:.86}.hand__q{font-size:24px;fill:var(--butter)!important;opacity:0;transition:opacity .6s ease}.plate.is-chord .hand.is-in .hand__q{opacity:1}.knob{cursor:grab;touch-action:none;outline:none}.knob:active{cursor:grabbing}.knob__dot{fill:var(--butter);stroke:var(--cobalt);stroke-width:2.5}.knob__ring{fill:none;stroke:var(--butter);stroke-width:1.6;opacity:0;transform-box:fill-box;transform-origin:center}.knob__hit{fill:transparent}.plate.is-yours:not(.is-pulled) .knob__ring,.knob:focus-visible .knob__ring{opacity:1;animation:beckon 1.8s ease-out infinite}@keyframes beckon{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.5);opacity:0}}.seen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.seen__card{padding:18px 18px 20px;border-radius:20px;background:var(--paper)}.seen__card svg{display:block;width:100%;max-width:150px;height:auto;margin-bottom:12px;overflow:visible}.seen__card h4{margin:0;font-family:var(--display);font-size:19px;line-height:1.2;font-weight:440;font-variation-settings:"SOFT" 100;letter-spacing:-.01em}.seen__card p{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.seen__card .ink{fill:var(--cobalt)}.seen__card .day{fill:none;stroke:var(--cobalt);stroke-width:1.5;opacity:.5}.seen__card .line{fill:none;stroke:var(--cobalt);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.seen__card .cut{fill:none;stroke:var(--tint);stroke-width:5;stroke-linecap:round}.seen__card .cut--b{stroke:var(--butter)}.seen__card--not{background:transparent;box-shadow:inset 0 0 0 1.5px #2b4acb59;color:var(--cobalt-deep)}.seen__card--not p{color:inherit}.seen__card .dash{fill:none;stroke:var(--cobalt);stroke-width:1.8;stroke-dasharray:5 6;opacity:.6}.wrong{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}.wrong__field{display:block;width:100%;height:auto;overflow:visible}.wrong .coin{fill:none;stroke:#fff6e24d;stroke-width:1}.wrong .coin.is-on{fill:var(--butter);stroke:var(--butter)}.wrong .face{fill:var(--cobalt);transition:opacity .3s ease}.wrong__side{display:grid;gap:20px}.wrong__side .pfacts{grid-template-columns:1fr;gap:14px;padding-top:18px;border-top:1px solid var(--p-soft)}@media(max-width:980px){.seen{grid-template-columns:repeat(2,minmax(0,1fr))}.wrong{grid-template-columns:1fr}.wrong__side .pfacts{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.knob__ring{animation:none!important}}