.mc{padding:calc(var(--hdr-h) + 6vh) var(--gutter) 10vh;max-width:var(--maxw);margin:0 auto}.mc__head{display:grid;grid-template-columns:1fr 1fr;gap:16px var(--gutter);align-items:end;margin-bottom:5vh}.mc__head .label:first-child{grid-column:1 / -1}.mc__head .h2{font-size:clamp(46px,6vw,108px)}.mc__intro{max-width:48ch;color:var(--c-ink);font-size:var(--fs-lede)}.mc__which{grid-column:2;display:flex;gap:8px}.chip{font:600 11px/1 var(--f-label);letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;border-radius:99px;box-shadow:inset 0 0 0 1px #34412859}.chip[aria-checked=true]{background:var(--c-forest);color:var(--c-cream);box-shadow:none}.mc__play{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:clamp(24px,3vw,56px);align-items:start}.mc__note{margin-top:3vh;opacity:.75;max-width:80ch}.stage{position:relative;width:min(100%,78vh);aspect-ratio:1;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.stage__tub{position:absolute;inset:0;width:100%;height:100%}.stage__trays{position:absolute;inset:11%}.tray{position:absolute;left:2%;right:2%;top:50%;aspect-ratio:1000 / 840;translate:0 -50%;transform-origin:50% 50%;transition:filter .4s var(--e-io2)}.tray--floor{left:8%;right:8%}.tray__lift{position:absolute;inset:0;border-radius:4px}.tray__lift:focus-visible{outline-offset:-6px}.tray img.tray__img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 14px rgba(33,40,28,.35));pointer-events:none}.tray.is-top .tray__lift{cursor:grab}.tray.is-top .tray__lift:hover+.tray__img,.tray.is-top:hover .tray__img{filter:drop-shadow(0 18px 22px rgba(33,40,28,.42)) brightness(1.03)}.tray.is-covered .moth{pointer-events:none;visibility:hidden}.moth{position:absolute;width:17%;aspect-ratio:420 / 340;translate:-50% -50%;border-radius:50%;transition:transform .29s var(--e-pop),opacity .4s;z-index:2}.moth img{width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(33,40,28,.35))}.moth:hover{transform:scale(1.08)}.moth.is-done{cursor:default}.moth.is-done img{opacity:.55;filter:grayscale(.3)}.moth__tag{position:absolute;left:50%;bottom:96%;translate:-50% 0;white-space:nowrap;background:var(--c-forest);color:var(--c-cream);padding:6px 9px;border-radius:3px;font:600 10px/1 var(--f-label);letter-spacing:.08em;text-transform:uppercase;transform-origin:50% 100%;pointer-events:none}.moth__tick{position:absolute;right:6%;top:4%;width:26%;aspect-ratio:1;border-radius:50%;background:var(--c-amber);display:grid;place-items:center;box-shadow:0 0 0 2px var(--c-paper)}.moth__tick svg{width:60%}.stage__pile{position:absolute;right:-4%;top:-3%;width:36%;aspect-ratio:1000 / 840;pointer-events:none}.stage__fly{position:absolute;inset:-20%;width:140%;height:140%;pointer-events:none;z-index:5}.stage__hint{position:absolute;left:-2%;top:2%;color:var(--c-forest);display:flex;align-items:flex-start;gap:4px;font-size:clamp(22px,1.8vw,28px);transform:rotate(-4deg);z-index:4;pointer-events:none;transition:opacity .4s}.stage__hint svg{width:72px;margin-top:12px;overflow:visible}.stage__hint path{fill:none;stroke:var(--c-forest);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:drawIn .73s .8s var(--e-scribble) forwards}@keyframes drawIn{to{stroke-dashoffset:0}}.done{position:absolute;inset:8%;display:grid;place-items:center;z-index:6}.done__card{width:min(100%,470px);background:var(--c-paper);padding:clamp(22px,3vw,40px);box-shadow:0 30px 70px #21281c4d;text-align:center;display:grid;gap:14px;justify-items:center;max-width:440px}.done__title{font:200 clamp(30px,3.1vw,50px)/1 var(--f-display);flex-wrap:wrap;justify-content:center;text-transform:uppercase;display:flex;gap:.3em}.done__title span{display:inline-block}.done.is-in .done__title span:first-child{animation:convL .694s cubic-bezier(.42,.09,0,1.02) both,fadeC .662s cubic-bezier(.44,.09,0,.98) both}.done.is-in .done__title span:last-child{animation:convR .694s cubic-bezier(.41,.08,0,1.02) both,fadeC .662s cubic-bezier(.44,.09,0,.98) both}@keyframes convL{0%{transform:translate(50%)}to{transform:none}}@keyframes convR{0%{transform:translate(-50%)}to{transform:none}}@keyframes fadeC{0%{opacity:0}to{opacity:1}}.done__line{color:var(--c-ink)}.done.is-in .done__line{animation:lineIn .65s cubic-bezier(.5,-.06,.02,1) both}.done.is-in .done__line:nth-of-type(2){animation-delay:.15s}.done.is-in .done__line:nth-of-type(3){animation-delay:.3s}.done.is-in .done__btns{animation-delay:.45s}@keyframes lineIn{0%{opacity:0;transform:translateY(50.8%)}to{opacity:1;transform:none}}.done__btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.sheet{background:var(--c-paper);box-shadow:0 20px 50px #34412824;padding:22px 22px 18px;position:relative;transform:rotate(.8deg);color:var(--c-ink)}.sheet:before{content:"";position:absolute;inset:88px 0 56px;background:repeating-linear-gradient(transparent 0 37px,#34412824 37px 38px);pointer-events:none}.sheet__head{display:grid;gap:4px;padding-bottom:14px;border-bottom:1.5px solid var(--c-forest);color:var(--c-forest)}.sheet__head .label:first-child{font-size:13px}.sheet__rows{list-style:none;padding:0;margin:0;min-height:190px;position:relative}.row{display:grid;grid-template-columns:1fr auto 2ch;gap:14px;align-items:center;height:38px;font:500 clamp(21px,1.7vw,26px)/1 var(--f-hand)}.row__n{text-align:right;font-variant-numeric:tabular-nums}.row__tally{color:var(--c-forest);display:flex;align-items:center}.row__tally svg{height:20px;width:auto;overflow:visible}.row__tally path{stroke-dasharray:400;stroke-dashoffset:0}.row.is-new .row__name{animation:writeIn .6s var(--e-io2) both;clip-path:inset(0 0 0 0)}@keyframes writeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.row .ring{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1.5px var(--c-amber);animation:ringPop .676s var(--e-ring) both;margin-left:6px}@keyframes ringPop{0%{transform:scale(0)}to{transform:scale(1)}}.sheet__empty{position:absolute;left:22px;top:104px;color:#34412880;font-size:24px}.sheet__foot{display:flex;justify-content:space-between;gap:10px;padding-top:14px;border-top:1.5px solid var(--c-forest);font:600 11px/1.2 var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--c-forest)}.sheet__foot b{font:200 26px/1 var(--f-display);display:block;margin-bottom:2px}.mc-more{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:center;padding:10vh var(--gutter) 22vh;max-width:var(--maxw);margin:0 auto}.mc-more__text{grid-column:1 / span 5;display:grid;gap:22px;justify-items:start}.mc-more__text p{max-width:40ch;color:var(--c-ink)}.mc-more__art{grid-column:7 / span 6;margin:0;background:var(--c-paper);padding:14px;box-shadow:0 24px 60px #34412829;transform:rotate(-2deg)}@media(max-width:900px){.mc__head{grid-template-columns:1fr}.mc__which{grid-column:1}.mc__play{grid-template-columns:1fr}.stage{width:100%}.stage__hint{top:-4%;left:0;font-size:20px}.done{inset:4%}.mc-more{grid-template-columns:1fr}.mc-more__text,.mc-more__art{grid-column:1}}