@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--c1:#c9d1dc;--c2:#8d98a8;--c3:#eef2f7;--ink:#2a3442;--deck:#f4f6f9;--text:#2a3442;--page:#e8edf4;--pop:cubic-bezier(.3, 1.6, .5, 1);--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--page);transition:background .5s var(--ease)}body{color:var(--text-page,#1d2733);-webkit-font-smoothing:antialiased;margin:0;font-family:Fredoka,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-weight:500}html[data-dark]{--text-page:#f3f6f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button{font:inherit;color:inherit}.page{max-width:1000px;margin:0 auto;padding:clamp(18px,4vw,44px) clamp(14px,3vw,28px) 56px}.top{flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:clamp(14px,2.4vw,24px);display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:12px;margin:0;font-size:clamp(30px,5vw,44px);font-weight:700;line-height:1;display:flex}.brand-cap{background:linear-gradient(#1d2733 0 16%, transparent 16% 80%, #1d2733 80%), radial-gradient(ellipse 60% 34% at 50% 58%, #1d2733 98%, transparent), linear-gradient(90deg, #ffffffe6, var(--c1) 30%, var(--c3) 55%, var(--c1));width:.62em;height:.92em;box-shadow:0 0 0 2px #1d2733, 0 0 .45em var(--c1);border-radius:.08em;flex:none;transition:box-shadow .4s;position:relative}html[data-dark] .brand-cap{background:linear-gradient(#f3f6f2 0 16%, transparent 16% 80%, #f3f6f2 80%), radial-gradient(ellipse 60% 34% at 50% 58%, #0b0f14 98%, transparent), linear-gradient(90deg, #ffffffe6, var(--c1) 30%, var(--c3) 55%, var(--c1));box-shadow:0 0 0 2px #f3f6f2, 0 0 .5em var(--c1)}.lede{opacity:.78;margin:0;font-size:clamp(16px,2.2vw,20px)}.how{opacity:.85;max-width:62ch;margin-top:26px;font-size:17px;line-height:1.55}.how p{margin:0}.how .credit{opacity:.8;margin-top:12px;font-size:14px}.cp-player{display:block}.cp{background:var(--deck);box-shadow:inset 0 3px 0 #ffffffbf, inset 0 -8px 0 #00000017, 0 10px 0 var(--c2), 0 26px 40px -12px #00000059;transition:background .45s var(--ease), box-shadow .45s var(--ease);border-radius:34px;outline:none;flex-direction:column;gap:12px;padding:12px;display:flex;position:relative}.cp[data-dark]{box-shadow:inset 0 2px 0 #ffffff1f, inset 0 -8px 0 #0006, 0 10px 0 var(--c2), 0 26px 50px -12px #000000b3}.cp-screen{aspect-ratio:16/9;isolation:isolate;background:#000;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #0000001f}.cp-screen mux-video,.cp-screen video{object-fit:contain;--media-object-fit:contain;background:#000;width:100%;height:100%;display:block}.cp:fullscreen{border-radius:0;width:100vw;height:100vh;padding:10px}.cp:fullscreen .cp-screen{aspect-ratio:auto;flex:1;min-height:0}.cp.is-big{z-index:1000;width:100vw;max-width:none;height:100dvh;box-shadow:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-radius:0;margin:0;position:fixed;inset:0}.cp.is-big .cp-screen{aspect-ratio:auto;flex:1;min-height:0}html.cp-big-lock,html.cp-big-lock body{overflow:hidden}.cp-big[hidden],.cp-big[aria-pressed=true] .cp-i-fs,.cp-big[aria-pressed=false] .cp-i-fsx{display:none}.cap{--tube:#5fe6ff;width:var(--cap,180px);aspect-ratio:2/3;filter:drop-shadow(0 14px 14px #00000080);display:block;position:relative}.cap:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--tube) 75%, transparent), transparent);border-radius:50%;width:150%;height:26%;animation:2.4s ease-in-out infinite pod-pulse;position:absolute;bottom:-7%;left:50%;translate:-50%}.cap:after{content:"";z-index:0;background:radial-gradient(ellipse 70% 60% at 50% 62%, color-mix(in srgb, var(--tube) 70%, #fff), color-mix(in srgb, var(--tube) 38%, #06121a) 75%);opacity:.82;position:absolute;inset:12% 13% 17%}.cap-top,.cap-bot{z-index:3;background:linear-gradient(90deg,#0b0e13,#36404d 26%,#6b788c 46%,#2b333e 68%,#0b0e13);position:absolute}.cap-top{height:14%;box-shadow:inset 0 3px 0 #ffffff40, inset 0 -5px 0 var(--tube), 0 4px 22px var(--tube);border-radius:22% 22% 10% 10%/70% 70% 22% 22%;top:0;left:7%;right:7%}.cap-bot{height:19%;box-shadow:inset 0 5px 0 var(--tube), inset 0 -4px 0 #00000080, 0 -4px 24px var(--tube);border-radius:9% 9% 18% 18%/34% 34% 60% 60%;bottom:0;left:0;right:0}.cap-bot:after{content:"";background:repeating-linear-gradient(#ff4d4d 0 3px,#0000 3px 6px);border-radius:2px;width:17%;height:34%;position:absolute;top:42%;right:9%;box-shadow:0 0 8px #ff4d4d}.cap-band{z-index:2;transform-origin:50% 0;background:linear-gradient(90deg, #fff6, color-mix(in srgb, var(--tube) 20%, transparent) 14%, color-mix(in srgb, var(--tube) 7%, transparent) 50%, color-mix(in srgb, var(--tube) 22%, transparent) 86%, #ffffff52);box-shadow:inset 0 0 30px color-mix(in srgb, var(--tube) 60%, transparent), 0 0 34px color-mix(in srgb, var(--tube) 50%, transparent);border-inline:2px solid #e1faffbf;position:absolute;inset:12% 13% 17%;overflow:hidden}.cap-band:before{content:"";filter:blur(2px);background:#ffffff8c;border-radius:99px;width:9%;height:72%;position:absolute;top:6%;left:11%}.cap-band:after{content:"";background-color:#0000;background-image:radial-gradient(2px at 20% 12%,#fffc 98%,#0000),radial-gradient(3px at 68% 30%,#fff9 98%,#0000),radial-gradient(2px at 42% 55%,#ffffffb3 98%,#0000),radial-gradient(2.5px at 80% 78%,#fff9 98%,#0000),radial-gradient(2px at 30% 92%,#ffffffb3 98%,#0000);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:100% 50%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:3.2s linear infinite tube-bubbles;position:absolute;inset:-100% 0 0}.cap-q{z-index:1;background:var(--sil) center bottom / contain no-repeat;filter:brightness(0)blur(.5px);opacity:.9;font-size:0;animation:3s ease-in-out infinite tube-float;position:absolute;inset:19% 19% 20%}@keyframes pod-pulse{50%{opacity:.5;scale:.9}}@keyframes tube-bubbles{to{transform:translateY(50%)}}@keyframes tube-float{50%{translate:0 -5%}}.cp-start{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 46%,#0a0e1459,#0a0e14c7);border:0;place-content:center;justify-items:center;gap:12px;padding:0;display:grid;position:absolute;inset:0}.cp-start .cap{animation:2.6s ease-in-out infinite cap-bob}.cp-start:hover .cap,.cp-start:focus-visible .cap{animation:.5s ease-in-out infinite cap-rattle}.cp-start:focus-visible{outline:none}.cp-start:focus-visible .cp-start-label{box-shadow:0 0 0 3px #1d2733,0 0 0 6px #fff}.cp-start-label{color:#1d2733;background:#fff;border-radius:999px;padding:9px 20px 10px;font-size:18px;font-weight:600;box-shadow:0 4px #00000047}.cp[data-started] .cp-start{display:none}@keyframes cap-bob{50%{transform:translateY(-5px)}}@keyframes cap-rattle{20%{transform:rotate(-5deg)}50%{transform:rotate(4deg)}80%{transform:rotate(-3deg)}}.cp-pull{z-index:4;pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.cp-pull[data-step]{display:grid}.cp-pull:before{content:"";background:radial-gradient(circle at 50% 46%,#0a0e1459,#0a0e14c7);transition:opacity .5s;position:absolute;inset:0}.cp-pull[data-step=away]:before{opacity:0}.cp-pull>*{grid-area:1/1}.cp-pull .cap-live{transition:transform .5s var(--ease), opacity .4s}.cp-pull[data-step=shake] .cap-live{animation:.52s ease-in-out cap-shake}.cp-pull .cap-band{transition:transform .4s var(--ease), opacity .3s .15s}.cp-pull:not([data-step=shake]) .cap-live{--tube:var(--n-c1)}.cp-pull:not([data-step=shake]) .cap-band{opacity:0;transform:scaleY(0)}.cp-pull:not([data-step=shake]) .cap-live:after{opacity:0;transition:opacity .3s}.cp-pull:not([data-step=shake]) .cap-q{background-image:var(--n-art);animation:tube-reveal .55s var(--ease) forwards;top:8%;left:6%;right:6%}@keyframes tube-reveal{0%{filter:brightness(0);opacity:.85}35%{filter:brightness(3)saturate(0);opacity:1}to{filter:none;opacity:1}}.cp-pull[data-step=pop] .cap-live{animation:pod-open .3s var(--pop)}.cp-pull[data-step=card] .cap-live{opacity:0;transition:transform .7s var(--ease), opacity .5s .25s;transform:translateY(46%)scale(.8)}.cp-pull[data-step=away] .cap-live{opacity:0;transform:translateY(46%)scale(.8)}@keyframes cap-shake{0%{transform:none}15%{transform:rotate(-7deg)scale(1.02)}30%{transform:rotate(6deg)scale(1.03)}45%{transform:rotate(-6deg)scale(1.04)}60%{transform:rotate(5deg)scale(1.05)}80%{transform:rotate(-3deg)scale(1.06)}to{transform:scale(1.08)}}@keyframes pod-open{0%{transform:scale(1.08)}45%{transform:scale(1.2,.92)}to{transform:none}}.cp-flash{background:radial-gradient(circle, #fff 0 25%, var(--n-c1) 50%, transparent 70%);opacity:0;border-radius:50%;width:40px;height:40px}.cp-pull:not([data-step=shake]) .cp-flash{animation:.5s ease-out forwards flash}@keyframes flash{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(16)}}.cp-burst{width:0;height:0;position:relative}.cp-burst i{border-radius:4px;width:12px;height:18px;animation:.95s cubic-bezier(.1,.7,.3,1) forwards confetti;position:absolute;top:-9px;left:-6px}.cp-burst i.dot{border-radius:50%;height:12px}@keyframes confetti{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1}to{transform:translate(var(--x), calc(var(--y) + 90px)) rotate(var(--r)) scale(1);opacity:0}}.cp-card{color:#1d2733;text-align:center;min-width:250px;box-shadow:inset 0 -7px 0 #00000014, 0 9px 0 var(--n-c2), 0 26px 40px #00000073;opacity:0;background:#fff;border-radius:30px;justify-items:center;gap:4px;padding:22px 34px 24px;display:grid;position:relative;transform:scale(.3)rotate(-8deg)}.cp-pull[data-step=card] .cp-card{opacity:1;transition:transform .5s var(--pop), opacity .15s;transform:none}.cp-pull[data-step=away] .cp-card{opacity:0;transition:transform .38s cubic-bezier(.5,0,.9,.5),opacity .3s .1s;transform:translate(34%,110%)scale(.15)}.cp-card-ball,.cp-slot-ball{background:radial-gradient(circle at 32% 28%, #fff 0 9%, transparent 10%), radial-gradient(circle at 34% 30%, var(--b3), var(--b1) 52%, var(--b2));border-radius:50%;display:block;box-shadow:inset 0 -5px 8px #0003}.cp-card-ball{--b1:var(--n-c1);--b2:var(--n-c2);--b3:var(--n-c3);width:84px;height:84px;margin-bottom:8px}.cp-card-name{letter-spacing:-.01em;font-size:34px;font-weight:700;line-height:1.05}.cp-card-rare{background:#e9edf2;border-radius:999px;margin-top:6px;padding:3px 14px 4px;font-size:15px;font-weight:600}.cp-card-new{color:#fff;background:#1d2733;border-radius:999px;padding:4px 13px 5px;font-size:15px;font-weight:600;position:absolute;top:-12px;right:-10px;rotate:8deg}.cp-card-new[hidden]{display:none}.cp-pull[data-rarity=epic] .cp-card:before,.cp-pull[data-rarity=legendary] .cp-card:before,.cp-pull[data-rarity=mythic] .cp-card:before{content:"";z-index:-1;background:repeating-conic-gradient(var(--n-c1) 0 9deg, transparent 9deg 18deg);opacity:.7;border-radius:50%;width:620px;height:620px;animation:9s linear infinite rays;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 30%,#0000 68%);mask:radial-gradient(circle,#000 0 30%,#0000 68%)}@keyframes rays{to{rotate:360deg}}.cp-deck{color:var(--text);align-items:center;gap:clamp(8px,1.4vw,14px);padding:4px 8px 10px;display:flex}.cp-btn{cursor:pointer;width:48px;height:48px;color:var(--ink);background:radial-gradient(120% 100% at 30% 15%, var(--c3), var(--c1) 55%, var(--c2) 130%);box-shadow:inset 0 2px 0 #ffffff8c, inset 0 -4px 0 #00000024, 0 5px 0 var(--c2), 0 8px 10px #00000038;transition:transform 90ms, box-shadow 90ms, background .45s var(--ease), color .45s;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;outline:none;flex:none;place-items:center;padding:0;display:grid;position:relative}.cp-btn:before{content:"";filter:blur(1px);pointer-events:none;background:#ffffff8c;border-radius:50%;width:42%;height:24%;position:absolute;top:9%;left:18%;rotate:-18deg}.cp-btn:active{box-shadow:inset 0 2px 0 #fff6, inset 0 -2px 0 #00000024, 0 1px 0 var(--c2), 0 2px 4px #00000038;transform:translateY(4px)}.cp-btn:focus-visible{box-shadow:inset 0 2px 0 #ffffff8c, inset 0 -4px 0 #00000024, 0 5px 0 var(--c2), 0 0 0 3px var(--deck), 0 0 0 6px var(--text)}.cp-btn svg{fill:currentColor;width:24px;height:24px;position:relative}.cp-btn svg.cp-line{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.cp-btn svg .cp-solid{fill:currentColor}.cp-play{width:66px;height:66px;margin-top:-6px}.cp-play svg{width:32px;height:32px}.cp-play[data-paused] .cp-i-pause,.cp-play:not([data-paused]) .cp-i-play,.cp-mute[data-muted] .cp-i-vol,.cp-mute:not([data-muted]) .cp-i-muted,.cp-fs:not(.cp-big)[data-fullscreen] .cp-i-fs,.cp-fs:not(.cp-big):not([data-fullscreen]) .cp-i-fsx{display:none}.cp-time{font-variant-numeric:tabular-nums;text-align:center;flex:none;min-width:4ch;font-size:17px;font-weight:600;transition:color .45s}.cp-slider,.cp-vol{cursor:pointer;touch-action:none;outline:none;align-items:center;height:40px;display:flex;position:relative}.cp-slider{flex:1;min-width:60px;margin-inline:12px}.cp-vol{flex:none;width:76px;margin-inline:4px 14px}.cp-track{background:#00000021;border-radius:999px;height:18px;position:absolute;left:0;right:0;overflow:hidden;box-shadow:inset 0 3px 4px #00000040,0 1px #fff9}.cp[data-dark] .cp-track{background:#00000080;box-shadow:inset 0 3px 4px #0009,0 1px #ffffff14}.cp-buffer,.cp-fill{position:absolute;top:0;bottom:0;left:0}.cp-buffer{width:var(--media-slider-buffer,0%);background:#0000001a}.cp-fill{width:var(--media-slider-fill,0%);background:linear-gradient(var(--c3), var(--c1) 45%, var(--c2));border-radius:999px;transition:background .45s;box-shadow:inset 0 2px #ffffff80}.cp-thumb{left:var(--media-slider-fill,0%);background:radial-gradient(circle at 32% 28%, #fff 0 10%, transparent 11%), radial-gradient(circle at 34% 30%, var(--c3), var(--c1) 55%, var(--c2));width:30px;height:30px;box-shadow:inset 0 -3px 5px #0003, 0 3px 0 var(--c2), 0 5px 7px #00000047;transition:scale .15s var(--pop);border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.cp-vol .cp-thumb{width:22px;height:22px}.cp-vol .cp-track{height:12px}.cp-slider[data-dragging] .cp-thumb,.cp-vol[data-dragging] .cp-thumb{scale:1.18}.cp-slider:focus-visible .cp-thumb,.cp-vol:focus-visible .cp-thumb{box-shadow:0 0 0 3px var(--deck), 0 0 0 6px var(--text)}.cp-shelfbtn{border-radius:999px;gap:8px;width:auto;padding:0 14px 0 11px;font-size:16px;font-weight:700;display:flex}.cp-shelfbtn:before{width:30%;left:10%}.cp-mini{background:linear-gradient(var(--ink) 0 18%, #ffffffb3 18% 78%, var(--ink) 78%);width:15px;height:23px;box-shadow:0 0 0 1.5px var(--ink);border-radius:2px;flex:none;display:block;position:relative}.cp-count{font-variant-numeric:tabular-nums;position:relative}.cp-shelfbtn.bump{animation:bump .5s var(--pop)}.cp-shelfbtn{overflow:hidden}.cp-shelfbtn:after{content:"";height:4px;width:var(--charge,0%);background:var(--ink);opacity:.55;transition:width .4s linear;position:absolute;bottom:0;left:0}.cp-shelfbtn.ready{animation:1.6s ease-in-out infinite drop-ready}.cp-shelfbtn.ready .cp-mini{background:linear-gradient(var(--ink) 0 18%, #5fe6ff 18% 78%, var(--ink) 78%);box-shadow:0 0 0 1.5px var(--ink), 0 0 9px #5fe6ff}@keyframes drop-ready{50%{box-shadow:inset 0 2px 0 #ffffff8c, 0 5px 0 var(--c2), 0 0 0 4px #5fe6ff8c, 0 0 22px #5fe6ff}}@keyframes bump{30%{transform:scale(1.25)rotate(-6deg)}}.cp-shelf{z-index:5;color:#1d2733;opacity:0;transform-origin:80% 100%;width:min(430px,100% - 24px);max-height:calc(100% - 24px);transition:opacity .16s, transform .28s var(--pop);background:#fff;border-radius:24px;padding:14px 16px 16px;position:absolute;bottom:12px;right:12px;overflow:auto;transform:translateY(14px)scale(.96);box-shadow:inset 0 -6px #00000014,0 8px #00000040,0 20px 34px #0006}.cp-shelf[hidden]{display:none}.cp-shelf.open{opacity:1;transform:none}.cp-shelf-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cp-shelf-title{margin:0;font-size:21px;font-weight:700}.cp-shelf-title .cp-shelf-n{background:#e9edf2;border-radius:999px;margin-left:6px;padding:1px 10px 2px;font-size:15px;font-weight:600}.cp-shelf-close{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:-6px -8px -6px 0;display:grid}.cp-shelf-close svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;width:22px;height:22px}.cp-shelf-close:hover{background:#e9edf2}.cp-tabs{background:#e9edf2;border-radius:999px;gap:6px;margin-bottom:10px;padding:4px;display:flex}.cp-tab{cursor:pointer;color:#3a4350;background:0 0;border:0;border-radius:999px;flex:1;min-height:36px;font-size:15px;font-weight:600}.cp-tab[aria-selected=true]{color:#1d2733;background:#fff;box-shadow:0 1px 3px #0003}.cp-lock{color:#3a4350;text-align:center;margin:0 0 8px;font-size:14px}.cp-lock[hidden]{display:none}.cp-toast{z-index:6;color:#1d2733;text-align:center;box-shadow:0 8px 0 var(--c2), 0 22px 36px #00000073;opacity:0;pointer-events:none;background:#fff;border-radius:22px;justify-items:center;gap:2px;padding:14px 26px 16px;display:grid;position:absolute;top:14%;left:50%;transform:scale(.6)}.cp-toast[hidden]{display:none}.cp-toast.show{opacity:1;transition:transform .5s var(--pop), opacity .2s;transform:none}.cp-toast b{font-size:26px;font-weight:700}.cp-toast span{font-size:16px}.cp-slots{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.cp-slot{cursor:pointer;text-align:center;background:#f1f4f8;border:0;border-radius:16px;justify-items:center;gap:2px;width:100%;padding:10px 2px 8px;display:grid}.cp-slot:hover:not(:disabled){background:#e3e8ef}.cp-slot[aria-pressed=true]{background:#fff;box-shadow:inset 0 0 0 3px #1d2733}.cp-slot-ball{--b1:var(--s-c1);--b2:var(--s-c2);--b3:var(--s-c3);width:44px;height:44px;margin-bottom:4px}.cp-slot-name{font-size:14px;font-weight:600;line-height:1.15}.cp-slot-rare{color:#55606e;font-size:12.5px}.cp-slot.is-empty{cursor:default}.cp-slot.is-empty .cp-slot-ball{background:#d9dfe7;box-shadow:inset 0 0 0 2px #b9c2ce}.cp-slot.is-empty .cp-slot-name{color:#55606e;letter-spacing:.08em}.cp-again{cursor:pointer;width:100%;min-height:50px;color:var(--ink);background:radial-gradient(120% 140% at 30% 0%, var(--c3), var(--c1) 55%, var(--c2) 130%);box-shadow:inset 0 2px 0 #ffffff8c, inset 0 -4px 0 #00000024, 0 5px 0 var(--c2);border:0;border-radius:999px;font-size:18px;font-weight:700;display:block}.cp-again[aria-disabled=true]{cursor:default;color:#3a4350;background:linear-gradient(90deg, #cfe9f2 var(--charge,0%), #e9edf2 var(--charge,0%));font-size:16px;font-weight:600;animation:none;box-shadow:inset 0 0 0 2px #cfd6df}.cp-again[aria-disabled=true]:active{transform:none;box-shadow:inset 0 0 0 2px #cfd6df}.cp-again:active{box-shadow:inset 0 2px 0 #fff6, 0 1px 0 var(--c2);transform:translateY(4px)}.cp-shelf :focus-visible{outline-offset:2px;outline:3px solid #1d2733}.cp-live,.cp media-status-announcer{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cp[data-skin=beats] .cp-slider .cp-fill{background:repeating-linear-gradient(90deg, var(--c1) 0 6px, var(--c2) 6px 9px)}.cp[data-skin=slick]{background:linear-gradient(#20242c,#111318)}.cp[data-skin=slick] .cp-btn{color:#ffd56a;background:radial-gradient(120% 100% at 30% 15%,#4a4f5a,#1c1f26 55%,#08090c 130%);box-shadow:inset 0 2px #ffffff40,0 0 0 2px #c79a2b,0 5px #000,0 8px 10px #00000080}.cp[data-skin=slick] .cp-slider .cp-fill{box-shadow:none;background:radial-gradient(5px at 7px,#ffe49a 0 35%,#c79a2b 36% 98%,#0000) 0 0/14px 100%}.cp[data-skin=slick] .cp-vol .cp-fill{background:linear-gradient(#ffe49a,#c79a2b)}.cp[data-skin=volt] .cp-btn{box-shadow:inset 0 2px 0 #fff9, 0 0 0 1px var(--c2), 0 0 16px var(--c1), 0 0 38px #c77dff8c}.cp[data-skin=volt] .cp-fill{background:var(--c1);box-shadow:0 0 14px var(--c1), 0 0 4px #fff inset}.cp[data-skin=volt] .cp-track{overflow:visible}.cp[data-skin=volt] .cp-buffer{background:#c77dff29;border-radius:999px}.cp[data-skin=volt] .cp-screen{box-shadow:0 0 0 3px var(--c1), 0 0 34px #c77dff80;animation:2.4s ease-in-out infinite volt-hum}@keyframes volt-hum{50%{box-shadow:0 0 0 3px #ecd4ff,0 0 52px #c77dffbf}}.cp[data-skin=blaze]{background:linear-gradient(#3a1307,#1c0803)}.cp[data-skin=blaze] .cp-btn,.cp[data-skin=blaze] .cp-again{background:linear-gradient(135deg,#fff6c4 0%,#ffd24a 22%,#a86f00 48%,#ffd24a 62%,#fff6c4 78%,#c98f10 100%) 0 0/220% 220%;animation:4s ease-in-out infinite shine}.cp[data-skin=blaze] .cp-fill{background:linear-gradient(90deg,#c2410c,#ff7a1a 40%,#ffd24a 80%,#fff6c4);box-shadow:0 0 12px #ff7a1a}.cp[data-skin=blaze] .cp-track{overflow:visible}.cp[data-skin=blaze] .cp-buffer{border-radius:999px}.cp[data-skin=blaze] .cp-screen{animation:1.1s ease-in-out infinite blaze-flicker;box-shadow:0 0 0 3px #ffd24a,0 -6px 30px #ff7a1a99,0 0 60px #ff500059}@keyframes blaze-flicker{30%{box-shadow:0 0 0 3px #ffe7a3,0 -12px 44px #ff9628cc,0 0 80px #ff500073}60%{box-shadow:0 0 0 3px #ffd24a,0 -4px 24px #ff7a1a80,0 0 50px #ff50004d}}@keyframes shine{50%{background-position:100% 100%}}.cp[data-skin=nova]{background:radial-gradient(1px 1px at 12% 30%,#fff 99%,#0000),radial-gradient(1.5px 1.5px at 34% 78%,#fff 99%,#0000),radial-gradient(1px 1px at 58% 22%,#fff 99%,#0000),radial-gradient(2px 2px at 76% 64%,#d9c6ff 99%,#0000),radial-gradient(1px 1px at 91% 36%,#fff 99%,#0000),radial-gradient(1.5px 1.5px at 22% 92%,#9be7ff 99%,#0000),radial-gradient(at 30% 0,#2a1466,#0000 60%),radial-gradient(at 90% 100%,#5b1a7a,#0000 55%),#0b0720}.cp[data-skin=nova] .cp-btn,.cp[data-skin=nova] .cp-again,.cp[data-skin=nova] .cp-fill{background:linear-gradient(110deg,#ff9ad5,#ffe08a,#9dffb0,#8ad8ff,#c9a2ff,#ff9ad5) 0 0/300% 100%;animation:3.5s linear infinite holo}.cp[data-skin=nova] .cp-btn{box-shadow:inset 0 2px #ffffffb3,0 0 0 1px #fff,0 0 18px #b78bffe6,0 0 40px #8ad8ff73}.cp[data-skin=nova] .cp-track{overflow:visible}.cp[data-skin=nova] .cp-fill{box-shadow:0 0 14px #b78bffe6}.cp[data-skin=nova] .cp-screen{animation:6s linear infinite nova-hue;box-shadow:0 0 0 3px #fff,0 0 30px #b78bff,0 0 70px #8ad8ff80}@keyframes holo{to{background-position:300% 0}}@keyframes nova-hue{0%,to{box-shadow:0 0 0 3px #fff,0 0 30px #ff9ad5,0 0 70px #ff9ad573}33%{box-shadow:0 0 0 3px #fff,0 0 30px #8ad8ff,0 0 70px #8ad8ff80}66%{box-shadow:0 0 0 3px #fff,0 0 30px #9dffb0,0 0 70px #9dffb073}}.cp-pull[data-rarity=uncommon] .cp-card-rare{background:#d3f5a3}.cp-pull[data-rarity=rare] .cp-card-rare{color:#04223d;background:#3da9f0}.cp-pull[data-rarity=epic] .cp-card-rare{color:#2a0550;background:#c77dff}.cp-pull[data-rarity=legendary] .cp-card-rare{color:#3d2700;background:linear-gradient(100deg,#a86f00,#ffd24a 45%,#fff6c4 55%,#a86f00)}.cp-pull[data-rarity=mythic] .cp-card-rare{color:#1e0a45;background:linear-gradient(110deg,#ff9ad5,#ffe08a,#9dffb0,#8ad8ff,#c9a2ff)}.cp-pull[data-art] .cp-card-rare{padding:4px 18px 5px;font-size:18px}.cp-pull[data-art] .cp-card{box-shadow:none;color:#fff;background:0 0;gap:2px;padding:0}.cp-pull[data-art] .cp-card-ball{background:var(--n-art) center bottom / contain no-repeat;width:270px;height:270px;box-shadow:none;filter:drop-shadow(0 16px 14px #00000080);border-radius:0;margin:0}.cp-pull[data-art][data-step=card] .cp-card-ball{animation:toy-land .7s var(--pop) both, toy-idle 1.6s ease-in-out .7s infinite;transform-origin:50% 100%}.cp-pull[data-art] .cp-card-name{text-shadow:0 3px 0 var(--n-c2), 0 6px 14px #00000080;font-size:44px}.cp-pull[data-art] .cp-card-rare{color:#1d2733;background:#fff}.cp-pull[data-art] .cp-card-new{color:#1d2733;background:#fff;top:6px;right:0}@keyframes toy-land{0%{transform:translateY(40px)scale(.15)}55%{transform:scale(1.12,.86)}75%{transform:scale(.95,1.07)}to{transform:none}}@keyframes toy-idle{50%{transform:scale(1.03,.97)}}.cp[data-art] .cp-slider .cp-thumb{background:var(--art) center bottom / contain no-repeat;width:78px;height:84px;box-shadow:none;filter:drop-shadow(0 4px 3px #00000059);transform-origin:50% 100%;border-radius:0;translate:-50% -86%}.cp[data-art].is-playing .cp-slider .cp-thumb{animation:.62s ease-in-out infinite toy-walk}.cp[data-art] .cp-slider[data-dragging] .cp-thumb{animation:none;rotate:-8deg;scale:1.2}.cp[data-art] .cp-slider:focus-visible .cp-thumb{box-shadow:none;filter:drop-shadow(0 0 0 var(--text)) drop-shadow(0 0 3px var(--text))}@keyframes toy-walk{0%,to{transform:rotate(-5deg)}25%{transform:translateY(-4px)rotate(0)}50%{transform:rotate(5deg)}75%{transform:translateY(-4px)rotate(0)}}.cp-slot[data-art] .cp-slot-ball{background:var(--s-art) center bottom / contain no-repeat;width:74px;height:74px;box-shadow:none;border-radius:0;margin:-4px 0 0}@media (width<=640px){.page{padding-inline:10px}.cp{border-radius:26px;gap:8px;padding:8px}.cp-screen{border-radius:19px}.cp-deck{flex-wrap:wrap;justify-content:space-between;row-gap:14px;padding:2px 4px 8px}.cp-time{order:-3;min-width:3.4ch;margin-top:16px;font-size:14px}.cp-slider{margin-inline:16px;flex:calc(100% - 132px);order:-2;margin-top:16px}.cp-dur{order:-1}.cp-vol{display:none}.cp-play{margin-top:0}.cap{--cap:84px}.cp-start{gap:14px}.cp-start-label{padding:6px 15px 7px;font-size:15px}.cp-pull[data-art] .cp-card-ball{width:132px;height:132px}.cp-pull[data-art] .cp-card-name{font-size:25px}.cp-pull[data-art] .cp-card-rare{margin-top:2px;padding:2px 12px 3px;font-size:14px}.cp-pull[data-art] .cp-card-new{font-size:13px;top:0;right:-22px}.cp-pull .cp-card:before{width:420px!important;height:420px!important}.cp[data-art] .cp-slider .cp-thumb{width:52px;height:58px}.cp-shelf{border-radius:18px;width:calc(100% - 12px);max-height:calc(100% - 12px);padding:8px 10px 10px;bottom:6px;right:6px}.cp-shelf-head{margin-bottom:4px}.cp-tabs{margin-bottom:6px;padding:3px}.cp-tab{min-height:30px;font-size:14px}.cp-lock{margin-bottom:5px;font-size:12.5px}.cp-toast{padding:10px 16px 12px;top:8%}.cp-toast b{font-size:20px}.cp-toast span{font-size:14px}.cp-shelf-title{font-size:17px}.cp-slots{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:8px}.cp-slot{border-radius:12px;padding:5px 0}.cp-slot-ball,.cp-slot[data-art] .cp-slot-ball{width:38px;height:38px;margin:0}.cp-slot-name,.cp-slot-rare{display:none}.cp-again{min-height:44px;font-size:16px}}@media (width<=380px){.cp-deck{gap:6px;padding-inline:2px}.cp-btn{width:44px;height:44px}.cp-play{width:58px;height:58px}.cp-shelfbtn{gap:6px;width:auto;padding:0 10px 0 9px;font-size:14px}}@media (height<=520px) and (aspect-ratio>=5/4){.page{padding:8px max(10px, env(safe-area-inset-left)) 8px max(10px, env(safe-area-inset-right));max-width:none}.top,.how{display:none}.cp{border-radius:22px;gap:6px;height:calc(100dvh - 16px);padding:7px}.cp-screen{aspect-ratio:auto;border-radius:16px;flex:1;min-height:0}.cp-deck{padding:0 6px 6px}.cp-btn{width:44px;height:44px}.cp-play{width:52px;height:52px;margin-top:0}.cp-shelfbtn{flex-shrink:0;width:auto}.cap{--cap:96px}.cp-start{gap:12px}.cp-pull[data-art] .cp-card-ball{width:150px;height:150px}.cp-pull[data-art] .cp-card-name{font-size:28px}.cp[data-art] .cp-slider .cp-thumb{width:54px;height:60px}.cp-shelf{width:min(400px,100% - 16px);padding:8px 12px 10px;bottom:8px;right:8px}.cp-tabs{margin-bottom:6px;padding:3px}.cp-tab{min-height:30px;font-size:14px}.cp-shelf-head{margin-bottom:4px}.cp-lock{margin-bottom:5px;font-size:12.5px}.cp-slots{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:8px}.cp-slot{padding:5px 0}.cp-slot-ball,.cp-slot[data-art] .cp-slot-ball{width:40px;height:40px;margin:0}.cp-slot-name,.cp-slot-rare{display:none}.cp-again{min-height:44px;font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.cp-pull[data-step=shake],.cp-pull .cap-live,.cp-flash,.cp-burst{display:none}}