/* The booster screen uses a single scoped layout, independent of the card gallery. */
.booster-hub{border:1px solid #334865;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 22% 55%,#1b365d55,transparent 62%),#0c101a}.booster-hub-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 34px;border-bottom:1px solid #273448}.booster-hub-header .eyebrow{color:#69cffa;font-size:8px;letter-spacing:2px}.booster-hub-header h2{font-size:clamp(28px,3vw,43px);letter-spacing:-1.2px;line-height:1.1;margin:13px 0 10px}.booster-hub-header h2>span{color:#45caff}.booster-hub-header p{font-size:12px;color:#91a0b8;margin:0}.hub-edition{border:1px solid #345373;border-radius:20px;padding:7px 10px;font:8px 'JetBrains Mono',monospace;letter-spacing:1px;color:#a5c8ed;white-space:nowrap}.booster-hub-main{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1fr);gap:20px;padding:20px 34px 30px}.hub-pack-scene{position:relative;min-height:475px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hub-pack-glow{position:absolute;width:300px;height:360px;background:radial-gradient(ellipse,#2569db44,transparent 70%);filter:blur(25px);z-index:-1}.hub-pack-float{animation:freePackFloat 6s ease-in-out infinite;position:relative;z-index:1}.hub-pack-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;font:8px 'JetBrains Mono',monospace;letter-spacing:1.2px;color:#6d87a8}.hub-opening-options{padding:22px 0 0;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}.free-pack-panel{border:1px solid #3377a66b;border-radius:15px;padding:24px;background:linear-gradient(135deg,#142d4159,#101824)}.free-pack-label{display:flex;align-items:center;gap:8px;color:#a7ddf3}.free-pack-label>span:first-child{font-size:21px;color:#59d4ff}.free-pack-label>b{font-size:10px;letter-spacing:.9px}.free-pack-badge{margin-left:auto;border:1px solid #36758e;border-radius:5px;color:#6dc9e9;font-size:7px;padding:4px 5px;white-space:nowrap}.free-pack-amount{display:flex;align-items:center;gap:13px;margin:21px 0 18px}.free-pack-amount>strong{font-size:68px;line-height:1;font-weight:700;letter-spacing:-4px;color:#effaff}.free-pack-amount>span{color:#7f9bb9;font-size:22px}.free-pack-amount small{display:block;font-size:10px;color:#6688a5;margin-top:4px}.free-pack-slots{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;height:7px;margin-bottom:16px}.free-pack-slots>span{border-radius:3px;background:#263646;transition:background .25s,box-shadow .25s}.free-pack-slots>.charged{background:#52cfff;box-shadow:0 0 9px #42c8ff55}.free-pack-recharge{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:10px;color:#8aa8c0}.free-pack-recharge>b{font-family:'JetBrains Mono',monospace;font-size:12px;color:#bbebff;white-space:nowrap}.hub-open-free,.hub-open-paid{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border-radius:9px;padding:15px 16px;transition:transform .18s,background .18s,box-shadow .18s;font-size:12px}.hub-open-free{color:#051725;background:linear-gradient(100deg,#50d9f6,#40bdf2);border:1px solid #7beaff;box-shadow:0 6px 24px #23beff16;font-weight:700}.hub-open-free>b{font-size:11px;border-left:1px solid #0e60875c;padding-left:14px}.hub-open-free:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #23beff35;background:#75e3ff}.hub-open-free:disabled{background:#213546;border-color:#334e64;color:#718b9f;opacity:1}.free-pack-panel>p{font-size:10px;line-height:1.8;color:#7194b0;margin:14px 0 0}.paid-pack-panel{display:grid;gap:13px;border:1px solid #343346;border-radius:13px;padding:19px;background:#15121d77}.paid-pack-panel>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.paid-pack-panel>div>span{color:#91869f;font-size:10px}.paid-pack-panel strong{font-size:18px;color:#efd28f}.paid-pack-panel small{font-size:9px;color:#9f8a5c}.hub-open-paid{background:#211b2b;color:#ceb1ed;border:1px solid #51415e;font-size:11px;padding:12px 14px}.hub-open-paid:hover:not(:disabled){background:#30213e;border-color:#9872b6}.hub-open-paid>b{color:#f2cc86;font-size:12px}.hub-pack-facts{display:flex;flex-wrap:wrap;gap:8px 15px;color:#627e99;font-size:9px}.hub-empty-catalog p{font-size:11px;color:#e3bc88}.hub-daily{border-top:1px solid #273448;padding:19px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#131a2659}.hub-daily>div{display:flex;align-items:center;gap:14px}.hub-daily>div>span{color:#ebc56f;font-size:24px}.hub-daily p{margin:0}.hub-daily p b{display:block;color:#c4d0e1;font-size:12px}.hub-daily p small{display:block;font-size:10px;color:#6d85a0}.hub-daily .btn{color:#dac89b;border-color:#5a513a;background:#28211833}.hub-instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;padding:36px 0;border-bottom:1px solid #242b37}.hub-instructions>article{display:flex;gap:13px}.hub-instructions>article>b{color:#4bbce8;font-size:25px;letter-spacing:-1px;line-height:1.4}.hub-instructions h3{font-size:13px;color:#d6e2ef;margin:5px 0 9px}.hub-instructions p{font-size:11px;line-height:1.8;color:#6f849d;margin:0}.hub-drop-section{padding:36px 0 6px}.hub-drop-section .eyebrow{color:#73a8d6}.hub-drop-section h3{font-size:23px;letter-spacing:-.5px;margin:10px 0}.hub-drop-section>div>p{font-size:11px;color:#72859b}.hub-drop-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:23px}.hub-drop-grid>div{border:1px solid color-mix(in srgb,var(--r) 26%,#141821);border-radius:11px;padding:17px 13px;min-width:0;background:linear-gradient(145deg,color-mix(in srgb,var(--r) 8%,#0c0e14),#0b0d12)}.hub-drop-grid>div>span{display:block;font-size:22px;color:var(--r);margin-bottom:13px}.hub-drop-grid b{display:block;font-size:10px;color:var(--r)}.hub-drop-grid strong{display:block;font-size:25px;color:#dde5ee;font-weight:600;margin:8px 0}.hub-drop-grid strong small{font-size:11px;opacity:.5}.hub-drop-grid>div>small{font-size:8px;color:#66778d}
/* Foil sachet: a jagged top, a dotted cut line, and portraits from the actual catalogue. */
.blue-booster-pack{--pack-width:240px;width:var(--pack-width);height:calc(var(--pack-width)*1.57);position:relative;display:block;background:none;border:0;padding:0;border-radius:0;color:white;isolation:isolate;transform:perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .16s ease-out;filter:drop-shadow(0 18px 24px #0009)}.pack-blue-body{display:block;position:absolute;inset:0;overflow:hidden;background:repeating-conic-gradient(from -20deg at 50% 35%,#9bbfff15 0 7deg,transparent 7deg 16deg),radial-gradient(ellipse at 15% 30%,#2387c3,#3e43a4 50%,#2258c3);border:1px solid #4b74f2;clip-path:polygon(0 0,2% 1.5%,4% 0,6% 1.5%,8% 0,10% 1.5%,12% 0,14% 1.5%,16% 0,18% 1.5%,20% 0,22% 1.5%,24% 0,26% 1.5%,28% 0,30% 1.5%,32% 0,34% 1.5%,36% 0,38% 1.5%,40% 0,42% 1.5%,44% 0,46% 1.5%,48% 0,50% 1.5%,52% 0,54% 1.5%,56% 0,58% 1.5%,60% 0,62% 1.5%,64% 0,66% 1.5%,68% 0,70% 1.5%,72% 0,74% 1.5%,76% 0,78% 1.5%,80% 0,82% 1.5%,84% 0,86% 1.5%,88% 0,90% 1.5%,92% 0,94% 1.5%,96% 0,98% 1.5%,100% 0,100% 98%,98% 100%,96% 98%,94% 100%,92% 98%,90% 100%,88% 98%,86% 100%,84% 98%,82% 100%,80% 98%,78% 100%,76% 98%,74% 100%,72% 98%,70% 100%,68% 98%,66% 100%,64% 98%,62% 100%,60% 98%,58% 100%,56% 98%,54% 100%,52% 98%,50% 100%,48% 98%,46% 100%,44% 98%,42% 100%,40% 98%,38% 100%,36% 98%,34% 100%,32% 98%,30% 100%,28% 98%,26% 100%,24% 98%,22% 100%,20% 98%,18% 100%,16% 98%,14% 100%,12% 98%,10% 100%,8% 98%,6% 100%,4% 98%,2% 100%,0 98%)}.pack-blue-body:before,.pack-blue-body:after{content:'';position:absolute;left:0;right:0;height:17px;background:repeating-linear-gradient(90deg,#8c9dff8c 0 1px,transparent 1px 4px),linear-gradient(#26348c,#504fc0);z-index:3}.pack-blue-body:before{top:0}.pack-blue-body:after{bottom:0;transform:rotate(180deg)}.pack-blue-brand{position:absolute;left:8%;top:6.5%;font-size:calc(var(--pack-width)*.066);font-weight:800;letter-spacing:1.3px;font-style:italic;text-shadow:0 2px 4px #0005}.pack-blue-stars{position:absolute;right:8%;top:8%;font-size:calc(var(--pack-width)*.033);color:#c0d6ff;letter-spacing:1px}.pack-cut-line{position:absolute;left:7%;right:7%;top:15%;height:1px;border-top:2px dashed #bfdaffa6;z-index:6}.pack-cut-line>i{position:absolute;left:calc(var(--rip-progress,.63)*100%);top:-6px;width:8px;height:8px;border-radius:50%;background:#e9faff;box-shadow:0 0 14px 5px #a5dcffa6}.pack-portrait-window{position:absolute;left:8%;right:8%;top:20%;height:48%;display:flex;overflow:hidden;border-radius:9px;border:2px solid #b6d9ee;background:#12253a;box-shadow:0 3px 15px #0a204f66}.pack-portrait-window img{min-width:0;flex:1;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(1.13);border:0}.pack-portrait-window img+img{border-left:1px solid #d3e6ff55}.pack-empty-emblem{display:grid;place-items:center;color:#9fdbff;font-size:80px;width:100%}.pack-blue-japanese{position:absolute;top:70%;left:0;right:0;text-align:center;font-size:calc(var(--pack-width)*.027);letter-spacing:3px;color:#bfd7ff}.pack-blue-title{display:block;position:absolute;left:4%;right:4%;top:75%;font-size:calc(var(--pack-width)*.105);font-weight:800;letter-spacing:-1px;line-height:1.1;text-align:center;transform:scaleX(1.08);color:#f4f9ff;text-shadow:0 2px 10px #83d7ff91}.pack-blue-subtitle{position:absolute;top:83%;left:0;right:0;text-align:center;letter-spacing:2px;font-size:calc(var(--pack-width)*.023);color:#b4d0ff}.pack-blue-bottom{position:absolute;left:8%;right:8%;bottom:8%;display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--pack-width)*.027);letter-spacing:1px;color:#c8e0ff}.pack-blue-bottom>span{border:1px solid #a2bff19c;border-radius:12px;padding:3px 5px;background:#24338344;font-size:calc(var(--pack-width)*.023)}.pack-blue-foil{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 15px,#d6d9ff0a 16px 17px),url('assets/foil-vmax.svg') center/cover;mix-blend-mode:screen;opacity:.25;pointer-events:none}.pack-rip-strip{position:absolute;z-index:5;left:0;right:0;top:0;height:16%;background:linear-gradient(105deg,#30599055,#5e48b766);border-bottom:1px dashed #daf6ff55;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
/* Fullscreen opening: sachet, a single card, then the complete pull. */
#packDialog.pack-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:35px 24px 24px;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 45%,#1e314b 0,#0a0e19 48%,#05060b 78%);color:#e5edf9;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;text-align:center}#packDialog::backdrop{background:#05060b}#packDialog:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 13% 21%,#c1dcfa77 50%,transparent),radial-gradient(1px 1px at 71% 33%,#c1dcfa55 50%,transparent),radial-gradient(1px 1px at 40% 78%,#c1dcfa66 50%,transparent),radial-gradient(1px 1px at 89% 64%,#c1dcfa55 50%,transparent);background-size:260px 310px,350px 440px,390px 330px,280px 370px}#packDialog>*{position:relative}#packDialog .dialog-close{position:fixed;top:17px;right:19px;z-index:30;width:34px;height:34px;border:1px solid #89b2e42b;border-radius:50%;background:#101724c9;color:#a0b1c8;font-size:22px}#packDialog .pack-orbit{display:none}#packDialog #packStage{display:flex;align-items:center;justify-content:center;position:relative;height:calc(100dvh - 70px);min-height:0;margin:0}#packDialog #packStage.hidden{display:none!important}#packDialog .pack-stage:before,#packDialog .pack-stage:after{display:none!important}.pack-immersive-glow{position:absolute;width:450px;height:500px;background:radial-gradient(ellipse,#264f9744,transparent 67%);filter:blur(28px);pointer-events:none}.pack-tear-scene{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:68px}.pack-to-open{--pack-width:280px;cursor:crosshair;touch-action:pan-y;z-index:4}.pack-to-open:active{transform:none!important}.pack-tear-guide{position:absolute;bottom:22px;left:-90px;right:-90px;font-size:12px;color:#8c97ab;line-height:1.5;margin:0}.pack-tear-guide>span{margin-right:7px;color:#bcc8d8}.pack-tear-caption{position:absolute;bottom:0;left:-60px;right:-60px;font-size:10px;color:#4f627d}.pack-emerging-card{position:absolute;z-index:2;top:15px;left:50%;width:246px;height:350px;transform:translate(-50%,0);opacity:0;border:5px solid #333b49;border-radius:13px;background:#06070a;overflow:hidden;box-shadow:0 12px 30px #0008}.pack-emerging-card img{width:100%;height:100%;object-fit:cover}.pack-emerging-card:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 16px color-mix(in srgb,var(--r) 22%,transparent);border-radius:8px}.tearing .pack-rip-strip{animation:packStripOff .55s ease-out forwards}.tearing .pack-blue-body{animation:packBodyDown 1.35s cubic-bezier(.35,0,.35,1) forwards}.tearing .pack-emerging-card{animation:cardEmerges 1.35s cubic-bezier(.22,.7,.25,1) forwards}.tearing .pack-cut-line{opacity:0;transition:opacity .25s}.tearing .pack-tear-guide,.tearing .pack-tear-caption{opacity:0;transition:opacity .25s}#packDialog.tearing #tearPack{opacity:1;pointer-events:none}#packDialog.staged{overflow:hidden}#packDialog.staged .pack-result-heading,#packDialog.staged .pack-cards,#packDialog.staged .pack-actions,#packDialog.staged #packReviewControls,#packDialog.staged>.subtle{display:none!important}#packDialog.review-active{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}#packDialog.review-active .pack-cards{order:1;display:flex;justify-content:center;align-items:center;width:100%;margin:0 0 35px;padding:0;max-width:none;flex:0 0 auto;overflow:visible}#packDialog.review-active .pack-result-heading{order:2;margin:0;width:100%;max-width:850px}#packDialog.review-active #packReviewControls{order:3}#packDialog.review-active .pack-actions,#packDialog.review-active>.subtle{display:none!important}#packDialog.review-active .pack-result-heading>.eyebrow{display:none}#packDialog #packTitle{font-size:clamp(23px,3vw,32px);font-weight:700;letter-spacing:-.9px;line-height:1.2;margin:0 0 10px;color:#e7edf8}#packDialog #revealHint{display:flex;align-items:center;justify-content:center;gap:10px;color:#7b8ea8;font-size:12px;margin:0;min-height:24px}.review-rarity-chip{display:inline-block;padding:4px 7px;border-radius:5px;background:color-mix(in srgb,var(--r) 15%,#0b0e15);color:var(--r);font-size:10px;font-weight:700}.pack-review-controls{width:100%;max-width:500px;margin:22px 0 0}.pack-review-controls[hidden]{display:none!important}.pack-progress{display:flex;justify-content:center;gap:6px;margin-bottom:19px}.pack-progress>span{height:4px;width:27px;border-radius:4px;background:#ffffff1c;transition:background .2s,box-shadow .2s}.pack-progress>.seen{background:#657d9d}.pack-progress>.current{background:#d1e5ff;box-shadow:0 0 9px #a2caffbd}.pack-review-toolbar{display:flex;justify-content:center;align-items:center;gap:17px}.pack-review-toolbar>span{font-size:11px;color:#67758d}.pack-review-toolbar .btn{background:#0b1020;border:1px solid #59708c55;border-radius:25px;font-size:10px;padding:8px 15px;color:#d2dfef}#packDialog .reveal-card{position:relative;display:block;aspect-ratio:298/426;border:5px solid #343b47;border-radius:14px;box-shadow:0 10px 12px #0009,0 0 15px color-mix(in srgb,var(--r) 13%,transparent);background:#080b12;padding:0;transform:perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .16s ease-out;animation:singleCardArrive .4s ease both;overflow:visible;touch-action:pan-y}#packDialog.review-active .reveal-card{width:clamp(220px,35vh,280px);height:auto;max-height:none;flex:none;grid-column:auto!important;animation-delay:0s!important}#packDialog .reveal-inner{display:block;width:100%;height:100%;border-radius:9px;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.18,.7,.25,1)}#packDialog .reveal-front,#packDialog .reveal-back{border:0!important;border-radius:9px;inset:0;position:absolute;backface-visibility:hidden;overflow:hidden}#packDialog .reveal-back{transform:rotateY(0);background:#070615 url('assets/card-back.svg') center/100% 100% no-repeat!important;padding:0!important}#packDialog .reveal-back:before{display:none}#packDialog .reveal-front{transform:rotateY(180deg);background:#0c0d14;display:block;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--r) 40%,transparent)}#packDialog .revealed .reveal-inner{transform:rotateY(180deg)}#packDialog .reveal-front>img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}#packDialog .reveal-caption{position:absolute;inset:auto 0 0;padding:50px 12px 14px;background:linear-gradient(transparent,#090c14ed 47%,#090c14);text-align:left}#packDialog .reveal-caption>small{color:#e1d38e;font-size:8px;letter-spacing:1px;display:block;text-transform:uppercase}#packDialog .reveal-caption>strong{display:block;margin:5px 0 8px;color:#ecf2ff;font-size:18px;line-height:1.1;text-shadow:0 2px 4px #000}#packDialog .reveal-caption>em{display:inline-block;font-style:normal;font-size:8px;color:var(--r);border:1px solid color-mix(in srgb,var(--r) 30%,transparent);border-radius:4px;padding:3px 5px}#packDialog .reveal-caption>span{display:block;color:#60748e;font-size:6px;letter-spacing:.6px;margin-top:9px}#packDialog .new-label{position:absolute;top:8px;right:8px;left:auto;background:#35c4fa;color:#041b27;border-radius:5px;font-size:9px;padding:4px 8px;font-weight:800;z-index:5}#packDialog .big-pull-hidden{border-color:var(--r);box-shadow:0 0 0 2px #40b1dc66,0 0 0 4px #deabf244,0 12px 30px #000a,0 0 30px color-mix(in srgb,var(--r) 28%,transparent)}#packDialog.review-active .big-pull-hidden:before{content:'';position:absolute;inset:-75px;z-index:-1;background:repeating-conic-gradient(from 9deg,transparent 0 15deg,color-mix(in srgb,var(--r) 17%,transparent) 15deg 24deg,transparent 24deg 36deg);mask-image:radial-gradient(ellipse,#000 25%,transparent 70%);pointer-events:none}.review-active .big-pull-hidden .reveal-back:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,#e0c7ff15,transparent 70%);pointer-events:none}#packDialog .high-rarity.revealed{border-color:color-mix(in srgb,var(--r) 60%,#252c35)}#packDialog.summary-active{display:block;padding-top:70px}#packDialog.summary-active .pack-result-heading{margin:0 auto 45px;max-width:850px}#packDialog.summary-active .pack-result-heading>.eyebrow{display:block;color:#80a4d0;font-size:8px;margin-bottom:14px}#packDialog.summary-active .pack-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:100%;max-width:1140px;margin:0 auto 34px;padding:0;overflow:visible}#packDialog.summary-active .reveal-card{width:100%;height:auto;flex:none;grid-column:auto!important;animation-delay:calc(var(--i)*60ms)}#packDialog.summary-active .reveal-caption>strong{font-size:clamp(11px,1.4vw,19px)}#packDialog.summary-active .pack-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 12px}#packDialog .pack-actions .btn{border-radius:25px;padding:13px 22px;font-size:12px}#packDialog #keepCards{color:#071e2f;background:#44c7f4;border:1px solid #7edff9}#packDialog #returnBoosterTab{color:#b4d3ef;background:#0e1a2e;border:1px solid #4a6484}#packDialog #revealAll{display:none!important}#packDialog>.subtle{font-size:9px!important;color:#4f6682!important;margin-top:18px}#packDialog #packReviewControls[hidden]{display:none!important}
@keyframes freePackFloat{0%,100%{translate:0 -5px}50%{translate:0 6px}}@keyframes packStripOff{to{transform:translate(150px,-70px) rotate(18deg);opacity:0}}@keyframes packBodyDown{0%,25%{transform:translateY(0);opacity:1}75%{transform:translateY(160px);opacity:1}100%{transform:translateY(270px);opacity:0}}@keyframes cardEmerges{0%,15%{opacity:0;transform:translate(-50%,20px)}35%{opacity:1}75%,100%{opacity:1;transform:translate(-50%,-125px)}}@keyframes singleCardArrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.booster-hub-main{grid-template-columns:minmax(200px,.85fr) minmax(280px,1fr);padding:15px 24px 25px;gap:15px}.hub-pack-scene{min-height:460px}.hub-pack-scene .blue-booster-pack{--pack-width:215px}.free-pack-panel{padding:19px}.free-pack-label>b{font-size:9px}.free-pack-badge{font-size:6px;padding:4px}.hub-drop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-instructions{gap:17px}.booster-hub-header{padding:25px}.hub-edition{display:none}.hub-opening-options{padding-top:16px}.hub-pack-facts{font-size:8px}}
@media(max-width:750px){.booster-hub-main{grid-template-columns:1fr;padding:0 20px 24px}.booster-hub-header{padding:24px 20px}.booster-hub-header h2{font-size:31px}.booster-hub-header p{font-size:11px}.hub-pack-scene{min-height:390px}.hub-pack-scene .blue-booster-pack{--pack-width:200px}.hub-pack-caption{bottom:9px;font-size:7px}.hub-opening-options{padding:7px 0 0}.free-pack-panel{padding:21px}.free-pack-label>b{font-size:10px}.free-pack-badge{font-size:7px}.free-pack-amount>strong{font-size:60px}.hub-daily{padding:19px 20px;gap:12px;flex-wrap:wrap}.hub-daily .btn{font-size:9px}.hub-daily p b{font-size:11px}.hub-daily p small{font-size:8px}.hub-instructions{grid-template-columns:1fr;gap:20px;padding:30px 0}.hub-instructions>article>b{font-size:27px;width:35px;flex-shrink:0}.hub-instructions p{max-width:500px}.hub-instructions h3{font-size:14px}.hub-drop-grid{gap:8px}.hub-drop-grid>div{padding:16px 12px}.hub-drop-grid strong{font-size:24px}#packDialog.pack-dialog{padding:40px 16px 20px}#packDialog.review-active .reveal-card{width:min(258px,62vw,42vh)}#packDialog.review-active .pack-cards{margin-bottom:29px}#packDialog #packTitle{font-size:24px;padding:0 8px}#packDialog #revealHint{font-size:11px;padding:0 12px}.pack-review-toolbar>span{font-size:10px}.pack-review-controls{margin-top:20px}.pack-to-open{--pack-width:250px}.pack-tear-guide{font-size:11px;left:-45px;right:-45px}.pack-tear-caption{font-size:9px}.pack-emerging-card{width:221px;height:316px}#packDialog.summary-active .pack-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;gap:20px 14px}#packDialog.summary-active .reveal-card:last-child{width:calc(50% - 7px);grid-column:1 / -1!important;justify-self:center}#packDialog.summary-active .reveal-caption>strong{font-size:15px}#packDialog.summary-active .pack-result-heading{margin-bottom:30px}#packDialog.summary-active .pack-actions{gap:9px}#packDialog .pack-actions .btn{font-size:11px;padding:12px 17px}}
@media(max-height:650px){#packDialog.review-active .reveal-card{width:min(220px,38vh)}#packDialog.review-active .pack-cards{margin-bottom:19px}#packDialog #packTitle{font-size:23px}.pack-review-controls{margin-top:14px}.pack-progress{margin-bottom:13px}.pack-to-open{--pack-width:210px}.pack-tear-scene{padding-bottom:60px}.pack-tear-guide{font-size:10px}.pack-tear-caption{font-size:8px}.pack-emerging-card{width:185px;height:265px}#packDialog.summary-active{padding-top:54px}}
@media(prefers-reduced-motion:reduce){.hub-pack-float,.tearing .pack-rip-strip,.tearing .pack-blue-body,.tearing .pack-emerging-card,#packDialog .reveal-card{animation:none}.blue-booster-pack,#packDialog .reveal-card,#packDialog .reveal-inner{transition:none}}html[data-motion=off] .hub-pack-float,html[data-motion=off] .tearing .pack-rip-strip,html[data-motion=off] .tearing .pack-blue-body,html[data-motion=off] .tearing .pack-emerging-card,html[data-motion=off] #packDialog .reveal-card{animation:none}html[data-motion=off] #packDialog .reveal-card{transform:none}

/* Native dialogs must stay hidden after close, including the flex review phase. */
#packDialog:not([open]){display:none!important}
/* The sachet uses the card's VMAX foil with stronger finger-like movement. */
.blue-booster-pack{transform-style:preserve-3d;transform:perspective(800px) translate3d(var(--tx,0px),var(--ty,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--rz,0deg));transition:transform .14s ease-out;will-change:transform}.blue-booster-pack .holo-shine,.blue-booster-pack .holo-glare{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:calc(.12 + var(--pointer-from-center,0)*.5);mix-blend-mode:color-dodge;border-radius:0;clip-path:polygon(0 2%,100% 2%,100% 98%,0 98%)}.blue-booster-pack .holo-glare{background:radial-gradient(ellipse at var(--mx,50%) var(--my,50%),#b7eeff50,transparent 58%);mix-blend-mode:screen}.blue-booster-pack .pack-blue-foil{opacity:.38;background-position:var(--mx,50%) var(--my,50%)}#packDialog .pack-to-open:active{transform:perspective(800px) translate3d(var(--tx,0px),var(--ty,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--rz,0deg))!important}.pack-rip-strip{height:16%;transform-origin:0 100%;transform:translateX(calc(var(--rip-progress,0)*var(--tear-direction,1)*12px)) rotate(calc(var(--rip-progress,0)*var(--tear-direction,1)*5deg));z-index:10;transition:transform .07s linear;background:repeating-linear-gradient(90deg,#8c9dff66 0 1px,transparent 1px 4px),linear-gradient(115deg,#31588e,#554ba9);clip-path:polygon(0 0,100% 0,100% 92%,95% 100%,90% 92%,85% 100%,80% 92%,75% 100%,70% 92%,65% 100%,60% 92%,55% 100%,50% 92%,45% 100%,40% 92%,35% 100%,30% 92%,25% 100%,20% 92%,15% 100%,10% 92%,5% 100%,0 92%)}.pack-rip-strip>b{position:absolute;left:8%;top:40%;color:#e3f2ff;font-size:16px;font-style:italic;letter-spacing:1.3px}.tearing .pack-rip-strip{animation:sachetPeel .72s cubic-bezier(.16,.7,.3,1) forwards}.tearing .pack-blue-body{clip-path:polygon(0 16%,5% 15%,10% 16%,15% 15%,20% 16%,25% 15%,30% 16%,35% 15%,40% 16%,45% 15%,50% 16%,55% 15%,60% 16%,65% 15%,70% 16%,75% 15%,80% 16%,85% 15%,90% 16%,95% 15%,100% 16%,100% 100%,0 100%);animation:packBodyDown 1.35s cubic-bezier(.35,0,.35,1) forwards}.tearing .holo-shine,.tearing .holo-glare{opacity:0;transition:opacity .15s}.tearing .pack-to-open{transform:perspective(800px) rotateX(-5deg) rotateY(0deg)!important;transition:transform .25s}.tearing .pack-cut-line>i{box-shadow:0 0 30px 9px #b1f0ff;opacity:1}@keyframes sachetPeel{0%{transform:translateX(calc(var(--tear-direction,1)*12px)) rotate(calc(var(--tear-direction,1)*5deg));opacity:1}40%{transform:translate(calc(var(--tear-direction,1)*100px),-20px) rotate(calc(var(--tear-direction,1)*22deg));opacity:1}100%{transform:translate(calc(var(--tear-direction,1)*330px),-170px) rotate(calc(var(--tear-direction,1)*60deg));opacity:0}}@media(prefers-reduced-motion:reduce){.blue-booster-pack,#packDialog .pack-to-open:active{transform:none!important;transition:none}.tearing .pack-rip-strip{animation:none}}html[data-motion=off] .blue-booster-pack,html[data-motion=off] #packDialog .pack-to-open:active{transform:none!important;transition:none}html[data-motion=off] .tearing .pack-rip-strip{animation:none}

/* Opening celebration: one burst per batch, with Secret taking priority. */
#packStage{position:relative;isolation:isolate}.pack-fortune{--fortune:#ffd16a;position:absolute;inset:0;z-index:12;pointer-events:none;display:grid;place-items:center;overflow:hidden;border-radius:inherit;color:var(--fortune);background:radial-gradient(ellipse at 50% 42%,#a16b2030,transparent 70%);animation:fortune-scene 2.6s ease both}.pack-fortune-royal{--fortune:#ff5068;background:radial-gradient(ellipse at 50% 42%,#a609343d,transparent 70%)}
.pack-fortune-halo{position:absolute;width:min(80vw,720px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--fortune),transparent 15%,transparent 30%,var(--fortune),transparent 45%,transparent 60%,var(--fortune),transparent 75%);mask:radial-gradient(circle,transparent 12%,#0008 30%,transparent 65%);animation:fortune-halo 2.6s ease-out both}.pack-fortune-ring{position:absolute;width:220px;aspect-ratio:1;border:2px solid var(--fortune);border-radius:50%;box-shadow:0 0 35px color-mix(in srgb,var(--fortune) 45%,transparent),inset 0 0 24px color-mix(in srgb,var(--fortune) 25%,transparent);animation:fortune-ring 1.4s cubic-bezier(.16,.8,.2,1) both}
.pack-fortune-copy{position:relative;text-align:center;align-self:start;margin-top:clamp(20px,5vh,65px);padding:22px 26px;background:radial-gradient(ellipse,#08080be8 20%,#08080b00 72%);animation:fortune-title 2.6s both}.pack-fortune-copy>span{display:block;font-size:36px;line-height:1.1;text-shadow:0 0 24px var(--fortune)}.pack-fortune-copy small{display:block;margin:12px 0 9px;font:700 9px Outfit,sans-serif;letter-spacing:.24em}.pack-fortune-copy strong{display:block;font:900 clamp(28px,5vw,58px)/1.1 Outfit,sans-serif;letter-spacing:-.035em;color:#fff0c4;text-shadow:0 2px 0 #6c3d1e,0 0 32px color-mix(in srgb,var(--fortune) 50%,transparent)}.pack-fortune-royal strong{color:#ffe0e5;text-shadow:0 2px 0 #6c1329,0 0 32px #ff315980}.pack-fortune-copy p{font:500 12px Outfit,sans-serif;color:#eee3d5;margin:12px 0 0}
.pack-fortune-sparks{position:absolute;left:50%;top:48%}.pack-fortune-sparks i{position:absolute;width:3px;height:18px;border-radius:50%;background:var(--fortune);box-shadow:0 0 9px var(--fortune);transform:rotate(var(--a));animation:fortune-spark 1.5s var(--d) cubic-bezier(.12,.7,.2,1) both}
@keyframes fortune-spark{0%{opacity:0;transform:rotate(var(--a)) translateY(-30px) scaleY(.2)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-360px) scaleY(.3)}}
@keyframes fortune-ring{0%{opacity:0;transform:scale(.2)}15%{opacity:.9}100%{opacity:0;transform:scale(3)}}
@keyframes fortune-halo{0%{opacity:0;transform:scale(.4) rotate(-30deg)}22%{opacity:.55}100%{opacity:0;transform:scale(1.4) rotate(40deg)}}
@keyframes fortune-title{0%{opacity:0;transform:translateY(18px) scale(.8)}17%{opacity:1;transform:translateY(0) scale(1.035)}25%,78%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-12px) scale(1.02)}}
@keyframes fortune-scene{0%{opacity:0}10%,80%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.pack-fortune{animation:none}.pack-fortune-halo,.pack-fortune-ring,.pack-fortune-sparks{display:none}.pack-fortune-copy{animation:none}}
html[data-motion="off"] .pack-fortune{animation:none}html[data-motion="off"] .pack-fortune-copy{animation:none}html[data-motion="off"] .pack-fortune-halo,html[data-motion="off"] .pack-fortune-ring,html[data-motion="off"] .pack-fortune-sparks{display:none}

#packDialog .reveal-card.pack-arrived{animation:none}#packDialog.tearing .pack-fortune{backdrop-filter:none}.pack-fortune-copy{margin-top:clamp(4px,2vh,20px)}.pack-fortune-copy strong{background:linear-gradient(110deg,#fff8df 20%,var(--fortune) 48%,#fff8df 75%);background-clip:text;-webkit-background-clip:text;color:transparent}.pack-fortune-copy>span{animation:fortune-crown 1.1s ease-in-out infinite alternate}@keyframes fortune-crown{to{transform:translateY(-5px);filter:brightness(1.3)}}@media(prefers-reduced-motion:reduce){.pack-fortune-copy>span{animation:none}}