.opener{justify-items:center;gap:18px;min-height:470px;display:grid}.opener-head{justify-items:center;gap:10px;width:min(420px,100%);display:grid}.opener-head .progress{width:100%}.progress i.now{animation:1.4s ease-in-out infinite selPulse}.booster-stage{justify-items:center;gap:22px;padding-top:10px;display:grid;position:relative}.booster{cursor:pointer;filter:drop-shadow(0 22px 26px #00000080);width:230px;height:320px;transition:transform .3s var(--spring);background:0 0;border:0;padding:0;animation:3.2s ease-in-out infinite boosterFloat;position:relative}@keyframes boosterFloat{50%{transform:translateY(-8px)rotate(.6deg)}}.booster:hover{animation:none;transform:translateY(-10px)rotate(-1.5deg)scale(1.03)}.booster.shaking{animation:.52s linear both boosterShake}@keyframes boosterShake{0%,to{transform:none}15%{transform:translate(-8px)rotate(-3deg)}30%{transform:translate(8px)rotate(3deg)}45%{transform:translate(-10px)rotate(-4deg)}60%{transform:translate(10px)rotate(4deg)}80%{transform:translate(-5px)rotate(-2deg)}}.booster-half{box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 6px #ffffff2e;background:linear-gradient(115deg,#0000 30%,#ffffff59 46%,#0000 60%) 0 0/250% 100%,repeating-linear-gradient(90deg,#ffffff12 0 2px,#0000 2px 9px),linear-gradient(160deg,#ff7a52 0%,#e83b45 38%,#8a2bd1 100%);border-radius:16px;animation:3.6s linear infinite foilSweep;position:absolute;inset:0}@keyframes foilSweep{to{background-position:-150% 0,0 0,0 0}}.booster-top{clip-path:polygon(0 0,100% 0,100% 27%,92% 31%,83% 26%,74% 32%,65% 27%,56% 33%,47% 27%,38% 32%,29% 27%,20% 32%,11% 27%,0 31%)}.booster-bottom{clip-path:polygon(0 31%,11% 27%,20% 32%,29% 27%,38% 32%,47% 27%,56% 33%,65% 27%,74% 32%,83% 26%,92% 31%,100% 27%,100% 100%,0 100%)}.booster.opening .booster-top{animation:tearTop .62s var(--ease) forwards}.booster.opening .booster-bottom{animation:tearBottom .62s var(--ease) forwards}.booster.opening .booster-art,.booster.opening .booster-shine{opacity:0;transition:opacity .2s}@keyframes tearTop{to{opacity:0;transform:translate(-30px,-150px)rotate(-26deg)}}@keyframes tearBottom{to{opacity:0;transform:translateY(120px)rotate(5deg)}}.booster-art{text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.booster-art .px{color:#fff;text-shadow:3px 3px 0 var(--ink);font-size:16px}.booster-art em{color:var(--gold);font-style:normal}.booster-shine{pointer-events:none;clip-path:inset(0 round 16px);background:linear-gradient(105deg,#0000 40%,#ffffff4d 50%,#0000 60%) 160% 0/250% 100% no-repeat;border-radius:16px;animation:3s ease-in-out infinite shineSweep;position:absolute;inset:0}@keyframes shineSweep{0%{background-position:160% 0}45%,to{background-position:-60% 0}}.flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0,#fff0b4e6 30%,#0000 70%);border-radius:50%;width:30px;height:30px;position:absolute;top:44%;left:50%;translate:-50% -50%}.flash.go{animation:.8s ease-out both flashGo}@keyframes flashGo{0%{opacity:1;scale:1}to{opacity:0;scale:26}}.open-btn{animation:pop .5s var(--spring) .3s both}.reveal-row{flex-wrap:wrap;justify-content:center;gap:22px;width:100%;padding:24px 0 10px;display:flex}.reveal-slot{transition:opacity .35s,transform .45s var(--ease),filter .35s}.reveal-slot.leaving{opacity:0;filter:blur(4px);pointer-events:none;transform:translateY(40px)scale(.88)}.reveal-slot.chosen{z-index:20}.opener-hint{animation:pop .5s var(--spring) both}.tray{gap:10px;width:100%;display:grid}.tray-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tray-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.tray-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.done-banner{text-align:center;animation:pop .6s var(--spring) both;justify-items:center;gap:10px;padding:10px 0 4px;display:grid}.done-banner h2{font:400 clamp(16px,3vw,22px)/1.4 var(--f-display);color:var(--gold);text-shadow:3px 3px 0 var(--ink)}.lineup-grid{flex-wrap:wrap;justify-content:center;gap:20px;padding:18px 0;display:flex}.confetti{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}.confetti i{width:9px;height:14px;animation:confettiFall var(--d,2.4s) linear var(--w,0s) both;border-radius:2px;position:absolute;top:-12px}@keyframes confettiFall{to{transform:translate(var(--x,0),110vh) rotate(var(--r,540deg))}}@media (min-width:1000px){.draft-page .page-head{margin-block:14px 6px}.draft-page main.page{padding-block:0!important}.draft-layout{grid-template-columns:minmax(0,1fr) 236px;align-items:start;gap:20px;display:grid}.draft-layout .tray{position:sticky;top:76px}.draft-layout .tray-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-layout .tray-head{flex-direction:column;align-items:stretch}.draft-layout .tray-head .row{flex-wrap:wrap}.draft-layout .opener{gap:10px;min-height:0}.draft-layout .reveal-row{flex-wrap:nowrap;gap:18px;padding:10px 0 4px}.draft-layout .booster{width:200px;height:278px}.draft-layout.is-done{grid-template-columns:minmax(0,1fr)}.draft-layout.is-done .tray-grid{display:none}.draft-layout.is-done .tray{position:static}.draft-layout.is-done .tray-head{flex-direction:row}.draft-layout .lineup-grid{flex-wrap:nowrap;gap:10px;padding:8px 0}.draft-layout .lineup-grid .pcard{zoom:.66}.draft-layout .done-banner{padding:2px 0}}@media (min-width:1000px) and (max-height:800px){.draft-page .page-head p{display:none}.draft-layout .reveal-row .pcard{zoom:.88}}@media (min-width:1000px) and (max-height:700px){.draft-layout .reveal-row .pcard{zoom:.74}.draft-layout .booster{width:170px;height:236px}}@media (min-width:1000px) and (max-height:720px){.draft-layout .lineup-grid .pcard{zoom:.54}.draft-layout .done-banner .lbl{display:none}.draft-page .page-head{margin-block:4px 2px}}.draft-complete{justify-items:center;gap:6px;width:100%;display:grid}.draft-complete-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;padding:8px 0 4px;display:flex}@media (min-width:1000px){.draft-complete .lineup-grid{flex-wrap:nowrap;gap:10px;padding:8px 0}.draft-complete .lineup-grid .pcard{zoom:.66}.draft-complete .done-banner{padding:2px 0}}@media (min-width:1000px) and (max-height:720px){.draft-complete .lineup-grid .pcard{zoom:.54}.draft-complete .done-banner .lbl{display:none}}@media (min-width:1000px){body:has(.draft-page){padding-bottom:0}}.booster.legendary .booster-half{background:linear-gradient(115deg,#0000 30%,#ffffff8c 46%,#0000 60%) 0 0/250% 100%,repeating-linear-gradient(90deg,#ffffff1f 0 2px,#0000 2px 9px),linear-gradient(160deg,#fff0a0 0%,#ffc933 38%,#d9760a 100%)}.booster.legendary{filter:drop-shadow(0 0 26px #ffc83cbf)drop-shadow(0 22px 26px #00000080)}.booster.legendary .booster-art .px{color:#4a3000;text-shadow:2px 2px #ffffff80}.booster.legendary .booster-art em{color:#9a3a00}.reveal-row.phone{flex-wrap:nowrap;justify-content:center;gap:6px;padding:4px 0}.reveal-row.phone .reveal-slot{flex:1 1 0;min-width:0}.reveal-row.phone .pcard.compact{width:100%}.reveal-row.phone .pcard.compact .pc-art{height:84px}.reveal-row.phone .pcard.compact .pc-sprite{width:72px;height:72px}.reveal-row.phone .pcard.compact .pc-name{font-size:11px}.reveal-row.phone .pcard.compact .pc-front{gap:4px;padding:5px}.reveal-row.phone .pcard.compact .tyd{padding:2px 4px;font-size:8px}.reveal-row.phone .pcard.compact .pc-gem{padding:2px 5px;font-size:8px}.phone-detail{gap:8px;width:100%;padding:8px 4px;display:grid}.pd-stats{grid-template-columns:1fr 1fr;gap:3px 12px;display:grid}.pd-stat{font:600 9px var(--f-mono);grid-template-columns:26px 1fr 26px;align-items:center;gap:5px;display:grid}.pd-stat span{background:var(--surface2);border-radius:9px;height:6px;overflow:hidden}.pd-stat b{height:100%;display:block}.pd-stat em{text-align:right;font-style:normal}.pd-info{font:600 11px var(--f-body);flex-wrap:wrap;gap:4px 10px;margin:0;display:flex}.pd-info i{font:600 8px var(--f-mono);opacity:.6;margin-right:3px;font-style:normal}.pd-moves{grid-template-columns:1fr 1fr;gap:3px 10px;margin:0;padding:0;list-style:none;display:grid}.pd-moves li{font:600 11px var(--f-body);align-items:center;gap:5px;min-width:0;display:flex}.pd-moves li span{font:700 8px var(--f-mono);color:#111;border-radius:5px;padding:2px 4px}.pd-moves li b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.pd-moves li em{font:600 9px var(--f-mono);opacity:.7;font-style:normal}@media (max-width:680px){.tray-grid{gap:4px;grid-template-columns:repeat(6,minmax(0,1fr))!important}.tray-grid .mini{min-height:0;padding:3px 2px}.tray-grid .mini img{width:34px;height:34px}.tray-grid .mini-name{display:none}.tray-grid .mini.empty{min-height:42px}.tray-head{margin-bottom:4px}.reveal-row.phone .ord{display:none}.reveal-row.phone .pc-reg{letter-spacing:.04em;padding:1px 5px;font-size:7px;bottom:4px;left:4px}.reveal-row.phone .pcard.compact .pc-art{height:78px}.opener{gap:6px;min-height:0}.reveal-row.phone{padding:0}.opener-head{gap:6px}}
.dex-banner{border:3px solid var(--ink);background:linear-gradient(180deg,#d8353f 0 14px,color-mix(in srgb,var(--surface2) 92%,#000) 14px);width:min(760px,100%);box-shadow:0 6px 0 var(--ink),0 0 28px color-mix(in srgb,var(--gold) 45%,transparent);animation:dexPop .6s var(--spring) .5s both;border-radius:18px;align-items:center;gap:16px;padding:14px 18px;display:flex;position:relative;overflow:hidden}.dex-banner:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff24 50%,#0000 60%) 160% 0/250% 100% no-repeat;animation:2.8s 1.2s infinite dexSweep;position:absolute;inset:0}.dexb-lens{border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%,#bff3ff,#2aa3ff 55%,#1260c9);border-radius:50%;flex:none;width:44px;height:44px;animation:1.6s ease-in-out infinite lensPulse;box-shadow:0 0 18px #50beffd9,inset 0 0 0 3px #ffffff59}.dex-banner-main{flex:1;justify-items:start;gap:8px;min-width:0;display:grid}.dex-banner-main h3{color:var(--gold);text-shadow:3px 3px 0 var(--ink);font-size:15px}.dex-mons{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dex-mons li{border:2px solid color-mix(in srgb,var(--gold) 60%,var(--line));background:color-mix(in srgb,var(--surface) 80%,transparent);font:700 10px var(--f-mono);animation:dexMon .5s var(--spring) both;animation-delay:calc(.9s + var(--i,0)*.12s);border-radius:12px;justify-items:center;gap:2px;padding:6px 8px;display:grid}.dex-mons img{width:48px;height:48px;image-rendering:pixelated}.dexb-progress{gap:5px;width:min(420px,100%);display:grid}.dexb-bar{background:color-mix(in srgb,var(--ink) 55%,transparent);border:2px solid var(--ink);border-radius:999px;height:10px;overflow:hidden}.dexb-bar b{background:linear-gradient(90deg,var(--fire),var(--gold));min-width:6px;height:100%;transition:width .9s var(--ease);border-radius:999px;display:block}@keyframes dexPop{0%{opacity:0;transform:translateY(16px)scale(.92)}}@keyframes dexMon{0%{opacity:0;transform:translateY(10px)scale(.4)rotate(-12deg)}}@keyframes dexSweep{0%{background-position:160% 0}45%,to{background-position:-60% 0}}@keyframes lensPulse{50%{box-shadow:0 0 28px #50beff,inset 0 0 0 3px #ffffff80}}@media (max-width:520px){.dex-banner{flex-direction:column;align-items:flex-start}}.dex-banner-main{grid-template-columns:1fr auto;grid-template-areas:"title link""mons mons""prog prog";place-items:center stretch;column-gap:12px}.dexb-title{grid-area:title}.dexb-link{grid-area:link}.dex-mons{grid-area:mons}.dexb-progress{grid-area:prog;width:100%}.dex-banner{padding:10px 16px}.dex-mons li{padding:4px 8px}.dex-mons img{width:40px;height:40px}@media (min-width:1000px){.draft-complete.has-dex .lineup-grid .pcard{zoom:.52}.draft-complete.has-dex .done-banner .lbl{display:none}}
.peek-host{display:contents}.peek-pop{z-index:90;pointer-events:none;width:236px;animation:peekIn .16s var(--ease) both;filter:drop-shadow(0 18px 30px #0000008c);position:fixed}@keyframes peekIn{0%{opacity:0;transform:translateY(6px)scale(.96)}}