@layer areas{.drop-stage{display:block;height:clamp(13rem,11rem + 12vw,21rem);margin-top:1.25rem;overflow:hidden;background:radial-gradient(120% 85% at 50% 100%,var(--color-stone) 0%,var(--color-well) 72%)}.drop-stage canvas{position:absolute;inset:0;width:100%;height:100%}.drop-stage:focus:not(:focus-visible){outline:none}@media(scripting:none){.drop-stage{display:none}}.drop-open{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(1rem,4vw,2rem);cursor:pointer;touch-action:manipulation}.drop-open:focus-visible{outline-offset:-4px}.drop-open:active .btn{transform:translateY(2px);box-shadow:var(--bevel-press)}@media(hover:hover){.drop-open:hover .btn{background-color:var(--color-lantern-hi)}}.drop:not([data-chest=shut]) .drop-open{display:none}.drop-head{margin-top:1.75rem}.drop-cell{position:relative}.drop-cell:before{content:"";position:absolute;inset:0;border:2px solid;border-color:var(--bevel-ink) var(--color-ridge) var(--color-ridge) var(--bevel-ink);border-radius:var(--radius-card);background-color:var(--color-well)}.drop-cell>.card{height:100%}.drop:is([data-chest=shut],[data-chest=opening]) .drop-cell:not([data-out])>.card{visibility:hidden}.drop[data-chest=shut] .drop-arrived .shelf-row{overflow-x:hidden}.drop[data-chest=opening] .drop-cell[data-landed]>.card{animation:drop-landed .9s var(--ease-settle)}.card-was{display:none}.drop:is([data-chest=shut],[data-chest=opening]) .drop-freed .card:not([data-freed]) :is(.card-now,.card-free){display:none}.drop:is([data-chest=shut],[data-chest=opening]) .drop-freed .card:not([data-freed]) .card-was{display:revert-layer}.drop[data-chest=opening] .drop-freed .card[data-freed]{animation:drop-freed .9s var(--ease-settle)}.drop[data-chest=opening] .drop-freed .card[data-freed] .card-badge.card-was{display:revert-layer;animation:drop-badge-out .32s ease-in forwards}.drop[data-chest=opening] .drop-freed .card[data-freed] .card-free{animation:drop-stamp .42s cubic-bezier(.2,.9,.3,1.4)}.reel-part{margin-top:1rem}.reel-chips{display:flex;gap:.5rem;margin-bottom:.875rem;margin-inline:calc(-1*clamp(1rem,4vw,2rem));padding-inline:clamp(1rem,4vw,2rem);scroll-padding-inline:clamp(1rem,4vw,2rem)}.reel-chips .chip:disabled{cursor:default;opacity:.6}.reel{--reel-item: 6.5rem;display:block;height:calc(var(--reel-item) + 2.75rem);overflow:hidden;background:radial-gradient(120% 85% at 50% 100%,var(--color-stone) 0%,var(--color-well) 72%)}@media(min-width:48rem){.reel{--reel-item: 8.5rem}}.reel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--color-well) 0%,transparent 16%,transparent 84%,var(--color-well) 100%)}.reel-strip{position:absolute;top:.875rem;left:50%;display:flex;transform:translate(calc(-1 * (var(--at) + .5) * var(--reel-item)));will-change:transform}.reel-item{flex:0 0 var(--reel-item);width:var(--reel-item);padding-inline:.3125rem}.reel-item a{display:block}.reel-art{display:block;aspect-ratio:1;overflow:hidden;border-bottom-color:var(--acc, var(--color-ridge))}.reel-name{display:block;margin-top:.375rem;overflow:hidden;color:var(--color-dust);font-size:var(--text-meta);text-overflow:ellipsis;white-space:nowrap}.reel-item[data-won] .reel-art{border-color:var(--acc, var(--color-lantern));box-shadow:0 0 0 2px var(--acc, var(--color-lantern)),0 0 28px 2px var(--acc, var(--color-lantern))}.reel-item[data-won] .reel-name{color:var(--color-bone)}.reel-marker{position:absolute;top:0;bottom:0;left:50%;z-index:1;width:2px;margin-left:-1px;background-color:var(--acc, var(--color-lantern));box-shadow:0 0 14px 1px var(--acc, var(--color-lantern));pointer-events:none}.reel-marker:before,.reel-marker:after{content:"";position:absolute;left:-7px;width:16px;height:8px;background-color:var(--acc, var(--color-lantern));clip-path:polygon(0 0,100% 0,50% 100%)}.reel-marker:before{top:0}.reel-marker:after{bottom:0;rotate:180deg}.reel-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem}.reel-bar .btn:disabled{cursor:default;opacity:.6;transform:none}.reel-said{flex:1 1 12rem;min-width:0;min-height:2lh;color:var(--color-dust);font-size:.9375rem;line-height:1.45;align-content:center}.reel-link{color:var(--color-bone);font-weight:600;text-decoration:underline;text-decoration-color:var(--color-ridge);text-underline-offset:4px}@media(hover:hover){.reel-link:hover{text-decoration-color:var(--acc, var(--color-lantern))}}}@keyframes drop-landed{0%{border-color:var(--acc, var(--color-lantern));box-shadow:0 0 0 2px var(--acc, var(--color-lantern)),0 0 28px 4px var(--acc, var(--color-lantern))}}@keyframes drop-freed{0%{border-color:var(--color-free);box-shadow:0 0 0 2px var(--color-free),0 0 26px 3px var(--color-free)}}@keyframes drop-badge-out{30%{scale:1.25}to{scale:.2;opacity:0}}@keyframes drop-stamp{0%{scale:2.2;opacity:0}}