.bka-qm{position:relative;width:min(100%, 320px);height:250px;margin:0 auto}.bka-qm__dome{position:absolute;left:6%;top:0;width:72%;aspect-ratio:1;border-radius:50%;background:#eaf7fc;border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);overflow:hidden}.bka-qm__dome::after{content:"";position:absolute;left:16%;top:12%;width:22%;height:10%;border-radius:50%;background:#fff;transform:rotate(-30deg)}.bka-cap{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;border:3px solid var(--ink);background:linear-gradient(180deg,#fff 0 50%,var(--cap) 50% 100%);left:calc(8% + (var(--i) * 9.5%));top:calc(48% + (var(--i) * 3%) - (var(--i) * var(--i) * 0.6%))}.bka-cap:nth-child(odd){top:calc(62% - (var(--i) * 1.5%))}.bka-cap:nth-child(3n){top:30%}.bka-cap--sunshine{--cap:var(--sunshine, #f9c846)}.bka-cap--bubblegum{--cap:var(--bubblegum, #f6a8c8)}.bka-cap--lilac{--cap:var(--lilac, #b39ae0)}.bka-cap--sky{--cap:var(--sky, #8ad2ea)}.bka-cap--meadow{--cap:var(--meadow, #8cbf51)}.bka-qm__base{position:absolute;left:0;bottom:0;width:84%;height:30%;border-radius:18px;background:var(--bubblegum,#f6a8c8);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.bka-qm__slot{position:absolute;left:50%;top:26%;width:34%;height:38%;margin-left:-17%;border-radius:12px;background:var(--ink)}.bka-qm__drop{position:absolute;left:50%;top:22%;width:30px;height:30px;margin-left:-15px;border-radius:50%;border:3px solid var(--ink);background:linear-gradient(180deg,#fff 0 50%,var(--cap,#f9c846) 50%);opacity:0}.bka-qm__drop.is-common{--cap:var(--sky, #8ad2ea)}.bka-qm__drop.is-rare{--cap:var(--bubblegum, #f6a8c8)}.bka-qm__drop.is-ultra{--cap:var(--lilac, #b39ae0)}.bka-qm__lever{position:absolute;right:0;top:18%;width:22%;height:62%;padding:0;border:0;background:none;cursor:pointer}.bka-qm__stick{position:absolute;left:50%;bottom:0;width:12px;height:78%;margin-left:-6px;background:#fff;border:3px solid var(--ink);border-radius:8px;transform-origin:50% 100%;transition:transform .25s var(--bounce)}.bka-qm__knob{position:absolute;left:50%;top:0;width:40px;height:40px;margin-left:-20px;border-radius:50%;background:var(--bubblegum,#f6a8c8);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .25s var(--bounce)}.bka-qm__lever:hover .bka-qm__knob{transform:translateY(-3px)}.bka-qm.is-pull .bka-qm__stick{animation:bka-lever .5s var(--bounce)}.bka-qm.is-pull .bka-qm__knob{animation:bka-knob .5s var(--bounce)}.bka-qm.is-pull .bka-qm__dome{animation:bka-jiggle .55s ease-in-out}.bka-qm.is-pull .bka-cap{animation:bka-tumble .6s ease-in-out}.bka-qm.is-pull .bka-qm__drop{animation:bka-drop .7s .25s var(--bounce) forwards}@keyframes bka-lever{50%{transform:scaleY(.55)}}@keyframes bka-knob{50%{transform:translateY(46px)}}@keyframes bka-jiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes bka-tumble{50%{transform:translate(6px,-14px) rotate(160deg)}}@keyframes bka-drop{0%{opacity:1;transform:translateY(-20px) scale(.6)}60%{opacity:1;transform:translateY(26px) scale(1.15)}100%{opacity:0;transform:translateY(18px) scale(1.6)}}.bka-rarity{display:inline-block;padding:2px 8px;margin-right:6px;border:2px solid var(--ink);border-radius:999px;background:var(--sky,#8ad2ea);color:var(--ink)}.bka-rarity.is-rare{background:var(--bubblegum,#f6a8c8)}.bka-rarity.is-ultra{background:var(--lilac,#b39ae0)}.bka-card--qm.is-rare{box-shadow:4px 4px 0 var(--ink),0 0 0 4px var(--bubblegum,#f6a8c8) inset}.bka-card--qm.is-ultra{background:linear-gradient(135deg,#fff,#efe8fb);box-shadow:6px 6px 0 var(--lilac-ink,#1e1e1e),0 0 0 4px var(--lilac,#b39ae0) inset}[data-bka-album]{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.bka-album{margin:0;padding-left:22px;display:grid;gap:6px;font-weight:700}.bka-album li.is-rare::marker{color:var(--bubblegum-deep,#ef7fae)}.bka-album li.is-ultra::marker{color:#7b5cc4}@media (min-width:640px){.bka-qm{height:270px}}