.spin-stage{background-color:var(--violet);background-image:radial-gradient(#ffffff14 22%,#0000 24%);background-size:22px 22px;overflow:hidden}.spin-fill{place-items:center;display:grid;position:absolute;inset:0;container-type:size}.spin-ring{width:min(100cqi,100cqb);height:min(100cqi,100cqb);position:relative;container-type:size}.spin-seat{z-index:1;border:3px solid var(--ink);background:var(--cream);min-width:2.25rem;max-width:18cqi;height:2.25rem;box-shadow:3px 3px 0 var(--ink);color:var(--ink);transform:translate(-50%, -50%) rotate(var(--a)) translateY(-40cqi) rotate(calc(-1 * var(--a)));border-radius:999px;place-items:center;padding-inline:.5rem;font-size:clamp(.75rem,3.6cqi,1.125rem);font-weight:800;line-height:1;transition:background-color .2s;display:grid;position:absolute;top:50%;left:50%}.spin-seat>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.spin-seat-picked{z-index:2;background:var(--sun)}.spin-button{touch-action:manipulation;border-radius:50%;place-items:center;width:58cqi;height:58cqi;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-button:disabled{cursor:progress}.spin-button:focus-visible{outline:4px dashed var(--cream);outline-offset:-4px}.spin-bottle{width:58cqi;height:58cqi;filter:drop-shadow(6px 6px 0 var(--ink));place-items:center;display:grid}.spin-bottle-art{width:auto;height:54cqi}.spin-panel{border-top:6px solid var(--ink);background:var(--sun);min-height:9.5rem;color:var(--ink);text-align:center;padding:.875rem 1rem 1rem}.spin-panel>div{justify-content:center}.spin-panel>p{margin-inline:auto}.pop-btn.spin-small{min-height:2.625rem;padding-inline:1rem;font-size:1rem}@media (prefers-reduced-motion:no-preference){@keyframes spin-picked{50%{scale:1.35}}.spin-bottle{transition:transform 3.2s cubic-bezier(.12,.72,.14,1)}.spin-seat-picked{animation:.45s ease-out spin-picked}@media (hover:hover){.spin-button:not(:disabled):hover .spin-bottle-art{scale:1.04}}}