/* Material frames and physically handled cards. Presentation only. */
.card-stage{flex-direction:column;align-items:center;isolation:isolate}
.experience-bar{flex-wrap:wrap}.experience-bar #motion-toggle{color:#5980b6}
.stock-card{touch-action:pan-y;user-select:none;-webkit-user-select:none;--metal-a:#effaff;--metal-b:#7a9ebc;--metal-c:#f9ffff;--material-shadow:#6e8ebc55;--ray:#b3d9ff}
.stock-card .card-rotator,.stock-card.is-open .card-rotator{transform:rotateY(var(--rotation-y));transition:transform 1.05s cubic-bezier(.3,.1,.18,1);box-shadow:0 28px 44px -22px #17335080,0 2px 8px #fff8}
.stock-card.is-dragging .card-rotator{transition:none}.stock-card.is-dragging{cursor:grabbing;transition:none}
.stock-card.is-spinning .card-rotator{transition:transform 1.65s cubic-bezier(.35,.08,.2,1)}
.card-face{border:3px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px #ffffffd9,inset 0 0 0 6px #719cc626,0 1px 0 #ffffffc4}
.card-front{padding:18px 18px 12px;background:linear-gradient(135deg,#fff,#eff5ff 65%,#dfeaff)}
.card-front:before{inset:7px;border-radius:16px;border:1px solid #7f9cc333;background:repeating-linear-gradient(117deg,#8aabd803 0px,#8aabd803 1px,transparent 1px,transparent 3px)}
.material-rim{position:absolute!important;z-index:4!important;inset:0;border-radius:20px;padding:5px;pointer-events:none;background:conic-gradient(from 25deg at var(--shine-x) var(--shine-y),var(--metal-c),var(--metal-b) 9%,var(--metal-a) 18%,#ffffff 28%,var(--metal-b) 40%,var(--metal-c) 48%,var(--metal-b) 59%,var(--metal-a) 70%,#fff 79%,var(--metal-b) 92%,var(--metal-c));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 1px 1px #345d7455)}
.material-rim:after{content:'';position:absolute;inset:2px;border-radius:18px;border:1px solid #ffffffd0}
.face-foil,.face-glint{position:absolute!important;inset:0;z-index:3!important;border-radius:inherit;pointer-events:none}
.face-foil{background:repeating-linear-gradient(112deg,#ffd2df60,#ffeb9050 15%,#9effd660 27%,#86cfff5c 40%,#d9aaff50 54%,#ffffff08 68%);background-size:250% 250%;background-position:var(--shine-x) var(--shine-y);mix-blend-mode:color;opacity:.3;mask:linear-gradient(#0009,#0002 30%,#0000 56%,#0002 80%,#000c)}
.face-glint{background:linear-gradient(115deg,transparent 22%,#fff1 31%,#fff8 36%,#fff2 40%,transparent 48%);background-size:230% 100%;background-position:var(--shine-x) 0;mix-blend-mode:soft-light;opacity:.85}
.finish-label{font-size:10px;letter-spacing:1.8px;font-weight:650;text-align:center;color:#68819e;line-height:1.6;margin-bottom:5px}
.card-bottom-note{font-size:10px;margin-bottom:5px}.card-serial{letter-spacing:.5px}
.grade-SSR{--metal-a:#a2dfff;--metal-b:#c5a0dc;--metal-c:#fff2b3;--ray:#d7b3ff}.grade-SSR .card-front{background:radial-gradient(ellipse at 95% 0,#c3c2ff66,transparent 44%),radial-gradient(ellipse at 0 100%,#8ce3ff44,transparent 60%),linear-gradient(135deg,#fff,#f3f4ff 60%,#e7effe)}
.grade-SSR .material-rim{padding:7px;background:conic-gradient(from 18deg at var(--shine-x) var(--shine-y),#ffecb4,#9be3fc,#c69be6,#fff,#b7edcf,#b6d8ff,#ffdfaf,#d3a1ec,#ffecb4)}
.grade-SSR .face-foil{opacity:.85;animation:prism-breathe 8s ease-in-out infinite alternate}.grade-SSR .rarity-badge{background:linear-gradient(125deg,#fff1c6,#c1e5ff 38%,#e6c2f5 70%,#fff);color:#415787;border:1px solid #fff;box-shadow:0 0 0 1px #b5cbee,inset 0 1px #fff,0 3px 16px #abb5e96b}.grade-SSR .finish-label{color:#7d66a2}
.grade-SR{--metal-a:#fff0ad;--metal-b:#ad782f;--metal-c:#fff9dd;--ray:#f4cf6e}.grade-SR .card-front{background:radial-gradient(ellipse at top right,#fff0b266,transparent 55%),linear-gradient(135deg,#fffefa,#faf7ee 58%,#fff9e2)}.grade-SR .rarity-badge{background:linear-gradient(125deg,#fff8d5,#d5aa55 49%,#fff1bd 80%,#b68838);color:#765119;text-shadow:0 1px #ffffff88;box-shadow:0 0 0 1px #e7cc91,0 3px 14px #a985422c}.grade-SR .face-foil{opacity:.34;background:repeating-linear-gradient(112deg,#fff0b4aa,#e6c88966 20%,#fff4cc66 40%,transparent 60%)}.grade-SR .finish-label{color:#92733d}
.grade-R{--metal-a:#d1e4f5;--metal-b:#8095ab;--metal-c:#ffffff;--ray:#c4e9ff}.grade-R .rarity-badge{background:linear-gradient(125deg,#fff,#afc4d8 48%,#eff8ff 74%,#b3cadd);color:#536e8b}.grade-R .face-foil{opacity:.25}
.grade-C{--metal-a:#e5be9a;--metal-b:#95654e;--metal-c:#ffe6ca;--ray:#ddb093}.grade-C .card-front{background:linear-gradient(145deg,#fffdfb,#f6f1ed)}.grade-C .rarity-badge{background:linear-gradient(120deg,#ffe5c8,#b98b6f 45%,#f5d5bc 76%,#be8f70);color:#634936}.grade-C .face-foil{opacity:.14}.grade-C .finish-label{color:#98755e}
.grade-HOLD{--metal-a:#c7cbd3;--metal-b:#6b7788;--metal-c:#e7edf3;--ray:#abb6c9}.grade-HOLD .card-front{background:linear-gradient(140deg,#f7f9fb,#e9edf2)}.grade-HOLD .rarity-badge{background:linear-gradient(125deg,#e9eef4,#b3bfcd,#edf1f6);color:#58677b}.grade-HOLD .face-foil{opacity:.1}
.card-gesture-controls{display:flex;justify-content:space-between;align-items:center;gap:9px;width:min(100%,350px);margin-top:18px;color:#708299;font-size:11px;line-height:1.5}
.card-gesture-controls button{border:1px solid #91b1e23a;border-radius:99px;padding:8px 12px;background:#ffffff7a;color:#3e72bd;font-size:12px;white-space:nowrap;min-height:36px;cursor:pointer}
.card-gesture-controls button:hover{background:#fff;color:#205eba}.card-gesture-controls button:focus-visible{outline:2px solid #417ed5;outline-offset:3px}
.rarity-rays{position:absolute;inset:-33px;border-radius:50%;opacity:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,var(--ray) 10deg,transparent 20deg,transparent 58deg,var(--ray) 70deg,transparent 83deg,transparent 119deg,var(--ray) 133deg,transparent 148deg,transparent 189deg,var(--ray) 200deg,transparent 214deg,transparent 254deg,var(--ray) 268deg,transparent 283deg,transparent 325deg,var(--ray) 338deg,transparent 354deg);mask:radial-gradient(ellipse,transparent 25%,#0007 46%,transparent 72%);z-index:-1;transform:translateZ(-4px)}
.reveal-dust{position:absolute;inset:0;pointer-events:none}.reveal-dust i{position:absolute;left:50%;top:42%;width:5px;height:5px;opacity:0;border-radius:50%;background:var(--ray);box-shadow:0 0 7px var(--ray);--dust-x:-130px;--dust-y:-130px}.reveal-dust i:nth-child(2){--dust-x:130px;--dust-y:-115px}.reveal-dust i:nth-child(3){--dust-x:-180px;--dust-y:20px}.reveal-dust i:nth-child(4){--dust-x:180px;--dust-y:40px}.reveal-dust i:nth-child(5){--dust-x:-95px;--dust-y:220px}.reveal-dust i:nth-child(6){--dust-x:100px;--dust-y:205px}
.just-revealed.grade-SSR .rarity-rays,.just-revealed.grade-SR .rarity-rays{animation:rarity-bloom 1.6s ease-out}.just-revealed .reveal-dust i{animation:reveal-dust 1.4s cubic-bezier(.1,.6,.25,1) both}.just-revealed .card-front .face-glint{animation:reveal-sheen 1.2s ease-out}
.just-revealed.grade-SSR .card-rotator{animation:rare-card-land 1.5s cubic-bezier(.15,.65,.2,1)}
@keyframes prism-breathe{from{background-position:0% 20%;opacity:.55}to{background-position:100% 90%;opacity:.85}}
@keyframes rarity-bloom{0%,24%{opacity:0;scale:.7}45%{opacity:.8}100%{opacity:0;scale:1.2;rotate:25deg}}
@keyframes reveal-dust{0%,27%{opacity:0;translate:0 0}38%{opacity:1}100%{opacity:0;translate:var(--dust-x) var(--dust-y)}}
@keyframes reveal-sheen{0%{background-position:120% 0;opacity:0}45%{opacity:1}100%{background-position:-30% 0;opacity:.85}}
@keyframes rare-card-land{0%,25%{translate:0 0}55%{translate:0 -17px}100%{translate:0 0}}
.pack-experience{--tear-x:0px;--tear-progress:0;--tear-direction:1;position:relative;margin:24px 0 0;overflow:clip;overflow-clip-margin:35px}
.pack-scene{position:relative;min-height:610px;display:grid;place-items:center;perspective:1500px}
.booster-unit{position:relative;grid-area:1/1;display:flex;flex-direction:column;align-items:center;width:100%;z-index:5;pointer-events:auto}
.foil-pouch{position:relative;width:min(100%,354px);aspect-ratio:2/3;filter:drop-shadow(0 22px 22px #24457838);transform:rotate(-4deg);transition:transform .45s cubic-bezier(.2,.8,.2,1);--tear-progress:inherit}
.pouch-body,.tear-strip{position:absolute;inset:0;padding:0;border:0;background:none;border-radius:0}
.pouch-body>img,.tear-strip>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.pouch-body{clip-path:polygon(0 12%,8% 12.4%,16% 12%,24% 12.4%,32% 12%,40% 12.4%,48% 12%,56% 12.4%,64% 12%,72% 12.4%,80% 12%,88% 12.4%,100% 12%,100% 100%,0 100%);transform-origin:50% 90%;z-index:2}
.pouch-mouth{position:absolute;left:15%;right:15%;top:12.2%;height:6px;border-radius:50%;background:linear-gradient(180deg,#061632e8,#d7e9ff70);box-shadow:0 1px 1px #fff7;opacity:0;pointer-events:none}
.tear-strip{clip-path:polygon(0 0,100% 0,100% 13%,0 13%);z-index:5;cursor:grab;touch-action:pan-y;transform:translateX(var(--tear-x)) rotate(calc(var(--tear-progress)*var(--tear-direction)*5deg));transition:transform .4s cubic-bezier(.2,.8,.2,1);outline:0;user-select:none;-webkit-user-select:none}
.tear-strip:focus-visible:after{content:'';position:absolute;left:14%;right:14%;top:2%;height:10%;border:2px solid #b8e9ff;box-shadow:0 0 18px #d0f2ff;border-radius:6px}
.tear-strip:disabled{cursor:default}.pack-pulling .tear-strip{cursor:grabbing;transition:none}.pack-pulling .foil-pouch{transform:rotate(calc(-4deg + var(--tear-progress)*2deg)) translateX(calc(var(--tear-x)*-.06))}
.tear-grip{position:absolute;left:17%;top:5.6%;display:flex;gap:3px;transform:rotate(-8deg)}.tear-grip i{width:2px;height:15px;background:#d2edffcc;box-shadow:0 1px 2px #00184288;border-radius:2px}
.tear-label{position:absolute;right:18%;top:6.5%;font-size:10px;letter-spacing:.5px;color:#eff8ff;text-shadow:0 1px 3px #08244a}.tear-label b{font-size:15px;margin-left:8px;font-weight:400}
.tear-seam{position:absolute;left:15%;right:15%;top:12%;height:2px;background:linear-gradient(90deg,#fff1,#bce2ff99,#fff);opacity:calc(.15 + var(--tear-progress)*.8);z-index:6;box-shadow:0 0 calc(var(--tear-progress)*12px) #e7f3ff;pointer-events:none}
.pouch-lettering{position:absolute;left:18%;right:18%;top:17.8%;color:#f0f6ff;text-align:center;z-index:2;pointer-events:none;text-shadow:0 2px 5px #082b676e;transform:rotate(0)}.pouch-lettering strong{font-size:30px;font-weight:450;letter-spacing:-1px;display:block}.pouch-lettering>span{display:block;letter-spacing:3px;font-size:9px;margin-top:8px;color:#e5efffbb}.pouch-lettering>small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:12px;color:#e2f2ff99}
.pack-halo{position:absolute;inset:14% 15% 20%;background:radial-gradient(ellipse,#b6d4ff4d,transparent 67%);filter:blur(35px);pointer-events:none}
.pack-mouth-light{position:absolute;left:17%;right:17%;top:12%;height:16%;opacity:0;background:radial-gradient(ellipse at top,#d9f4ff,transparent 65%);filter:blur(12px);pointer-events:none}
.pack-open-instruction{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:5px;color:#6a7e9c;font-size:13px}.tear-meter{height:3px;width:112px;border-radius:99px;background:#a7bcdb33;overflow:hidden}.tear-meter i{display:block;background:linear-gradient(90deg,#548ae0,#aab7fc);height:100%;width:100%;transform-origin:left;transform:scaleX(var(--tear-progress));transition:transform .15s}
.pack-open-button{font-size:12px;color:#56759e;background:#ffffff55;border:1px solid #94b0d42f;border-radius:99px;padding:8px 16px;cursor:pointer;min-height:36px}.pack-open-button:hover{background:#fff}.pack-open-button:focus-visible{outline:2px solid #457fd4;outline-offset:3px}
.pack-live-status{text-align:center;font-size:13px;color:#5f789d;min-height:23px;margin:16px 0 24px}
.pack-fan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;grid-area:1/1;width:100%;align-items:center;padding:24px 30px 12px;z-index:2}
.pack-slot{min-width:0;position:relative;transform:rotate(var(--fan-angle));transition:transform .5s cubic-bezier(.2,.85,.2,1),opacity .4s;transform-origin:center 88%;--slot:0}
.pack-slot.selected{transform:rotate(0) translateY(-12px);z-index:3}.pack-slot:hover{transform:rotate(0) translateY(-15px);z-index:4}
.pack-card-number{display:block;font-size:10px;color:#6c84a7;letter-spacing:2px;text-align:center;margin-bottom:15px}
.pack-slot .stock-card{width:100%;border-radius:20px}.pack-slot .card-front{padding:15px 12px 9px}.pack-slot .card-stock-name{font-size:23px;margin-top:12px}.pack-slot .card-score{margin-top:9px}.pack-slot .card-score>strong{font-size:48px}.pack-slot .card-stock-sub{font-size:11px}.pack-slot .rarity-badge{font-size:18px}.pack-slot .card-brand{font-size:9px;letter-spacing:.8px}.pack-slot .card-bottom-note{font-size:9px}.pack-slot .finish-label{font-size:9px}.pack-slot .card-serial{font-size:8px}
.pack-slot .stock-card[data-revealed=false] .card-back .material-rim{background:conic-gradient(from 25deg,#fff,#7d9db9 14%,#ebf4ff 30%,#809aae 44%,#fff 58%,#a6bbd0 77%,#fff)}
.pack-slot-select{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:16px auto 0;padding:8px 18px;border:1px solid #aac2e042;background:#ffffff60;border-radius:16px;font-size:13px;color:#426a9f;min-width:150px;cursor:pointer}.pack-slot-select span{font-size:11px;color:#7a8da7}.pack-slot-select[aria-pressed=true]{border-color:#6594da70;background:#eaf2ff90}.pack-slot-select:focus-visible{outline:2px solid #4382d9;outline-offset:4px}
.pack-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 30px 24px}.pack-selection .pack-slot-select{margin:0 auto}.pack-sealed .pack-selection,.pack-opening .pack-selection{display:none}
.pack-sealed .pack-fan{opacity:0;visibility:hidden;pointer-events:none}.pack-sealed .pack-slot{transform:translateY(60px) scale(.7);opacity:0}
.pack-open .pack-scene{min-height:500px}.pack-open .booster-unit{display:none}
.pack-opening .pack-fan{visibility:visible;pointer-events:none}.pack-opening .pack-slot{opacity:1;animation:cards-fan-out 2.1s cubic-bezier(.17,.78,.24,1) both;animation-delay:calc(.5s + var(--slot)*.1s)}
.pack-opening .tear-strip{animation:strip-release .85s cubic-bezier(.2,.65,.4,1) both}.pack-opening .pouch-body{animation:pouch-lower 2.8s cubic-bezier(.2,.75,.3,1) both}.pack-opening .pouch-mouth{animation:mouth-open 2.8s ease both}.pack-opening .pack-open-instruction{animation:pouch-label-out .6s ease both}.pack-opening .tear-seam{opacity:0}.pack-opening .pack-mouth-light{animation:pack-light 1.6s .3s ease-out both}
.pack-result-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 20px;--glass-fill:.32!important}.pack-result-panel #daily-status{display:flex;align-items:center;gap:17px;font-size:14px;color:#466b9f}.pack-result-panel #daily-status strong{font-weight:500}.pack-result-panel #daily-status p{font-size:12px;margin:7px 0 0;color:#7386a1}.pack-result-panel .daily-actions{margin:0;justify-content:flex-end}.pack-result-panel .daily-actions button{font-size:12px;padding:9px 15px}.daily-grade{display:grid;place-items:center;width:52px;height:52px;flex:none;font-weight:800;font-style:italic;font-size:22px;border:1px solid #fff;border-radius:14px;box-shadow:0 3px 9px #49719918;background:linear-gradient(135deg,#fff0b9,#c5e4ff,#e7c9f3);color:#50659b}.daily-grade.grade-SR{background:linear-gradient(135deg,#fff3bb,#e9cb8c,#fff4d6);color:#87612f}.daily-grade.grade-R{background:linear-gradient(135deg,#fff,#c9dcea,#f4f9ff);color:#59778e}
.pack-demo-note{text-align:center;font-size:11px;color:#7b8aa0;line-height:1.8;margin:24px 25px 0}
@keyframes strip-release{0%{opacity:1;transform:translateX(var(--tear-x))}55%{opacity:1}100%{transform:translateX(calc(var(--tear-direction)*450px)) translateY(-180px) rotate(calc(var(--tear-direction)*38deg));opacity:0}}
@keyframes pouch-lower{0%,22%{transform:none;opacity:1}46%{transform:translateY(90px) rotateX(-4deg);opacity:1}65%{transform:translateY(230px) rotateX(-8deg);opacity:1}85%{transform:translateY(280px) rotateX(-10deg);opacity:0}100%{transform:translateY(300px) rotateX(-10deg);opacity:0}}
@keyframes mouth-open{0%,17%{opacity:0;scale:1 .2}25%,70%{opacity:1;scale:1 1}100%{opacity:0}}
@keyframes pouch-label-out{0%,20%{opacity:1}75%,100%{opacity:0}}
@keyframes pack-light{0%{opacity:0}30%{opacity:.9}100%{opacity:0;transform:scale(2.2)}}
@keyframes cards-fan-out{0%,20%{visibility:hidden;transform:translateX(calc((1 - var(--slot))*90px)) translateY(65px) rotate(0) scale(.68)}21%{visibility:visible}100%{visibility:visible;transform:rotate(var(--fan-angle)) translateY(0) scale(1)}}
@media(max-width:1000px){.pack-fan{gap:16px;padding-left:16px;padding-right:16px}.pack-result-panel{flex-direction:column;align-items:stretch}.pack-result-panel .daily-actions{justify-content:flex-start}}
@media(max-width:680px){.pack-scene{min-height:580px}.foil-pouch{width:min(100%,330px)}.pack-open .pack-scene{min-height:400px}.pack-fan{gap:12px;padding:15px 5px 10px}.pack-slot .stock-card{border-radius:15px}.pack-slot .card-front{padding:10px 8px 7px}.pack-slot .card-stock-name{font-size:17px;margin-top:7px}.pack-slot .card-score>strong{font-size:36px}.pack-slot .card-stock-sub{font-size:9px}.pack-slot .card-front-head{gap:3px}.pack-slot .card-brand{font-size:7px}.pack-slot .card-brand>span{font-size:7px;margin-left:2px}.pack-slot .rarity-badge{font-size:14px;padding:2px 6px}.pack-slot .card-score>span{font-size:12px}.pack-slot .card-score small{font-size:8px;margin-top:5px}.pack-slot .card-bottom-note{font-size:7px;margin-bottom:3px}.pack-slot .finish-label{font-size:7px;letter-spacing:.5px}.pack-slot .card-serial{font-size:7px;padding-top:5px}.pack-slot .material-rim{padding:3px;border-radius:12px}.pack-slot .card-front:before{border-radius:10px}.pack-slot-select{font-size:11px;padding:7px 10px;min-width:0;border-radius:12px}.pack-slot-select span{font-size:9px}.pack-card-number{font-size:9px}}
@media(max-width:520px){.pack-experience{margin-top:20px}.pack-scene{min-height:525px}.foil-pouch{width:300px}.pack-open .pack-scene{min-height:440px}.pack-fan{display:flex;position:relative;gap:0;min-height:410px;padding:25px 0 0;align-items:flex-start;justify-content:center;perspective:1200px}.pack-slot{position:absolute;width:228px;transform-origin:center 95%;--fan-angle:-10deg;transform:translateX(calc((var(--slot) - 1)*62px)) rotate(calc((var(--slot) - 1)*10deg)) scale(.73);opacity:.92;z-index:1}.pack-slot.selected,.pack-slot:hover{transform:translateY(-5px) rotate(0) scale(1);opacity:1;z-index:3}.pack-slot .stock-card{border-radius:18px}.pack-slot .card-front{padding:14px 11px 9px}.pack-slot .card-stock-name{font-size:22px;margin-top:12px}.pack-slot .card-score>strong{font-size:42px}.pack-slot .card-stock-sub{font-size:11px}.pack-slot .card-brand,.pack-slot .card-brand>span{font-size:8px}.pack-slot .rarity-badge{font-size:17px}.pack-slot .card-score small{font-size:10px}.pack-slot .card-bottom-note{font-size:8px}.pack-slot .finish-label{font-size:8px}.pack-slot .card-serial{font-size:8px}.pack-slot .material-rim{padding:4px;border-radius:15px}.pack-slot-select{font-size:12px;padding:9px 14px;min-width:130px}.pack-slot-select span{font-size:10px}.pack-card-number{margin-bottom:10px}.pack-result-panel{padding:20px!important;margin:4px 0 0;border-radius:24px!important;text-align:left}.pack-result-panel .daily-actions{gap:8px}.pack-result-panel .daily-actions button{font-size:11px;padding:8px 11px}.pack-live-status{font-size:12px;margin-top:9px}.pack-demo-note{margin:21px 8px 0;font-size:10px}.pouch-lettering strong{font-size:26px}.pack-open-instruction{font-size:12px}.pack-opening .pack-slot{animation-name:mobile-cards-fan-out}}
@keyframes mobile-cards-fan-out{0%,20%{visibility:hidden;transform:translateY(65px) scale(.65)}21%{visibility:visible}100%{visibility:visible;transform:translateX(calc((var(--slot) - 1)*62px)) rotate(calc((var(--slot) - 1)*10deg)) scale(.73)}}
@media(max-width:520px){.pack-selection{margin:0 0 22px;gap:8px}.pack-selection .pack-slot-select{width:100%;min-width:0;padding:9px 6px;font-size:11px}.pack-selection .pack-slot-select span{font-size:10px}.pack-open .pack-scene{min-height:420px}.pack-fan{min-height:390px}.pack-live-status{margin:10px 0 22px}}
@media(max-width:520px){.card-front{padding:15px 14px 10px}.card-gesture-controls{font-size:10px}.finish-label{font-size:9px;letter-spacing:1.2px}.material-rim{border-radius:17px}}
body.reduce-motion .stock-card .card-rotator,body.reduce-motion .stock-card.is-open .card-rotator{transition:none!important}body.reduce-motion .card-front .face-glint,body.reduce-motion .face-foil,body.reduce-motion .rarity-rays,body.reduce-motion .reveal-dust i,body.reduce-motion .stock-card.just-revealed .card-rotator,body.reduce-motion .pack-opening .pack-slot,body.reduce-motion .tear-strip,body.reduce-motion .pouch-half{animation:none!important}body.reduce-motion .reveal-dust,body.reduce-motion .rarity-rays,body.reduce-motion .pack-halo,body.reduce-motion .pack-mouth-light{display:none}body.reduce-motion .pack-slot,body.reduce-motion .foil-pouch,body.reduce-motion .tear-strip{transition:none}
/* Original light and particle effects stay outside the card's 3D faces. */
.celebration-layer{position:absolute;inset:-48px;pointer-events:none;z-index:12;overflow:visible}
.celebration-layer canvas{display:block;width:100%;height:100%;pointer-events:none}
.pack-scene>.celebration-layer{inset:-30px;z-index:8}
.pack-selection-item{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.pack-selection-item .pack-slot-select{width:100%;max-width:230px}
.pack-spin-button{border:1px solid #aac2e055;background:#ffffff8c;border-radius:99px;padding:8px 17px;min-height:36px;font:inherit;font-size:12px;color:#426fae;cursor:pointer;box-shadow:inset 0 1px #fff}
.pack-spin-button:hover:enabled{background:#fff;color:#2364c3}.pack-spin-button:disabled{opacity:.4;cursor:default}.pack-spin-button:focus-visible{outline:2px solid #4382d9;outline-offset:4px}
@media(max-width:520px){.pack-experience{overflow-clip-margin:0}.celebration-layer{inset:-25px}.pack-scene>.celebration-layer{inset:-10px}.pack-selection-item{gap:7px}.pack-spin-button{font-size:10px;padding:8px 12px}}
/* Keep flying foil and sparks inside the page viewport. */
html,body{overflow-x:clip}