:root{--pokemon-blue:#2857a4;--pokemon-deep-blue:#163a82;--pokemon-yellow:#ffcb05;--accent-red:#ee4156;--accent-mint:#25c2a0;--ink:#151515;--muted:#696969;--border:#d7d7d7;--focus:#3766b0}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.page{background:#fff;min-height:100vh}.page-unlocked{justify-content:center;align-items:flex-start;display:flex}.site-header{text-align:center;width:100%;padding:clamp(28px,6vw,56px) 24px 0}.brand-title{margin:0}.brand-title span{color:var(--pokemon-yellow);letter-spacing:0;-webkit-text-stroke:clamp(2px, .45vw, 6px) var(--pokemon-blue);text-shadow:0 .05em 0 var(--pokemon-deep-blue), .035em .07em 0 var(--pokemon-deep-blue), 0 .1em 0 #163a8226;font-family:Arial Black,Impact,Haettenschweiler,sans-serif;font-size:clamp(3rem,12vw,8.5rem);font-weight:900;line-height:.95}.brand-logo{object-fit:contain;width:min(78vw,660px);height:auto;max-height:180px;margin:0 auto;display:block}.password-panel .brand-logo{width:min(80vw,540px);max-height:150px}.page-locked{place-items:center;padding:24px;display:grid}.password-panel{text-align:center;width:min(100%,560px)}.password-panel h1{margin-bottom:clamp(32px,8vw,56px)}.password-panel .brand-title span{font-size:clamp(3rem,13vw,6.75rem)}.otp-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,2.5vw,14px);width:min(100%,440px);margin:0 auto;display:grid}.otp-input{aspect-ratio:1;border:2px solid var(--border);min-width:0;color:var(--ink);text-align:center;background:#fff;border-radius:8px;outline:none;font-size:clamp(1.25rem,6vw,2rem);font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s}.otp-input:focus{border-color:var(--focus);transform:translateY(-1px);box-shadow:0 0 0 4px #3766b026}.password-hint{min-height:24px;color:var(--muted);margin:18px 0 0;font-size:.95rem;font-weight:650}.booster-page{color:var(--ink);isolation:isolate;background:#080713;grid-template-rows:auto 1fr;transition:background .32s;display:grid;position:relative;overflow:hidden}.booster-page:before,.booster-page:after{content:"";z-index:-2;pointer-events:none;position:absolute;inset:-28%}.booster-page:before{filter:saturate(1.05);background:linear-gradient(115deg,#0000 0 20%,#3a5cb457 32%,#0000 48%) 0 0/150% 150%,linear-gradient(245deg,#0000 0 24%,#ffcb0529 38%,#0000 56%) 0 0/170% 170%,linear-gradient(25deg,#0000 0 24%,#584a9a47 40%,#0000 58%) 0 0/165% 165%,linear-gradient(155deg,#070812 0%,#10142e 44%,#05050d 100%) 0 0/100% 100%;animation:20s ease-in-out infinite alternate vividBackdrop}.booster-page:after{z-index:-1;opacity:.55;background:repeating-linear-gradient(110deg,#ffffff09 0 1px,#0000 1px 18px),linear-gradient(#ffffff0f,#0000 22%,#0000003d);animation:12s linear infinite backgroundTexture}.booster-page.is-opened{grid-template-rows:1fr}.booster-page.is-legendary{background:#070611}.booster-page.is-legendary:before{filter:saturate(1.18)brightness(1.08);animation-duration:14s}.booster-page.is-credit-empty:before{filter:saturate(.78)brightness(.72)}.booster-header{z-index:4;padding-top:clamp(22px,4vw,42px);position:relative}.booster-page.is-opened .booster-header{display:none}.booster-stage{z-index:1;place-items:center;min-height:0;padding:18px 20px 42px;display:grid;position:relative}.booster-page.is-opened .booster-stage{min-height:100dvh;padding:clamp(14px,2.4vw,24px)}.booster-pack{aspect-ratio:.68;filter:drop-shadow(0 26px 22px #163a822e);background:0 0;border:0;outline:none;width:min(72vw,330px);transition:filter .2s,transform .2s;position:relative;transform:translateY(-4px)}.booster-pack:hover,.booster-pack:focus-visible{filter:drop-shadow(0 30px 26px #163a823d);transform:translateY(-8px)rotate(-1deg)}.booster-pack:disabled{cursor:wait}.booster-pack.is-loading{filter:drop-shadow(0 18px 16px #163a821a);transform:translateY(0)}.booster-pack.is-loading .pack-half{opacity:.68}.booster-pack.is-loading:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffcb052e,#0000) 0 0/180% 100%;border-radius:24px;animation:1.1s ease-in-out infinite loadingSweep;position:absolute;inset:-12px}.pack-half{border:3px solid var(--pokemon-blue);background:var(--booster-image,url(/assets/booster/booster-1.PNG)) center / cover no-repeat, linear-gradient(135deg, #ffdf4f 0 22%, #f64d5e 22% 53%, #3766b0 53% 76%, #25c2a0 76%);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);transition:transform .82s cubic-bezier(.2,.75,.22,1),opacity .52s;position:absolute;inset:0;overflow:hidden}.pack-half:before{content:"";background:linear-gradient(90deg,#0000 0 36%,#fff6 36% 41%,#0000 41%),radial-gradient(circle at 50% 32%,#ffffffa6,#0000 23%),#ffffff0f;border:2px solid #ffffff9e;display:none;position:absolute;inset:11%}.pack-half:after{content:"Doud'syy";color:var(--pokemon-yellow);text-align:center;-webkit-text-stroke:1.5px var(--pokemon-blue);text-shadow:0 .1em 0 var(--pokemon-deep-blue);font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.35rem,7vw,2.4rem);font-weight:900;line-height:.95;display:none;position:absolute;top:34%;left:13%;right:13%}.pack-half-left{clip-path:polygon(0 0,54% 0,47% 24%,58% 43%,44% 63%,53% 100%,6% 100%);transform-origin:22% 52%}.pack-half-right{clip-path:polygon(54% 0,100% 0,94% 100%,51% 100%,42% 64%,56% 43%,45% 24%);transform-origin:78% 52%}.pack-crack{clip-path:polygon(34% 0,62% 20%,42% 36%,71% 54%,36% 72%,58% 100%,23% 100%,38% 75%,12% 56%,34% 38%,17% 17%);opacity:0;background:#ffffffd9;transition:opacity .18s;position:absolute;inset:8% 45% 10%;transform:scaleY(.72)}.pack-loading{color:var(--muted);text-align:center;font-size:.86rem;font-weight:800;position:absolute;bottom:-38px;left:0;right:0}.booster-pack.is-opening{pointer-events:none}.booster-pack.is-opening .pack-half-left{opacity:.96;transform:translate(-44%,-12%)rotate(-23deg)}.booster-pack.is-opening .pack-half-right{opacity:.96;transform:translate(44%,-9%)rotate(21deg)}.booster-pack.is-opening .pack-crack{opacity:1;animation:.42s both crackFlash}.card-area{grid-template-columns:1fr;place-items:center;width:100%;height:100%;animation:.52s cubic-bezier(.2,.75,.22,1) both cardsRise;display:grid;position:relative}.booster-page.is-completing .card-area{pointer-events:none;transform-origin:50% 92%;animation:.76s cubic-bezier(.78,-.02,.76,.42) forwards cardsSuction}.booster-page.is-completing .finish-button,.booster-page.is-completing .nav-button,.booster-page.is-completing .card-dots,.booster-page.is-credit-empty .finish-button,.booster-page.is-credit-empty .nav-button,.booster-page.is-credit-empty .card-dots{pointer-events:none;opacity:0}.card-swipe-zone{touch-action:pan-y;outline:none;place-items:center;width:100%;min-width:0;height:100%;display:grid}.card-swipe-zone:focus-visible .booster-card.is-active{box-shadow:0 28px 42px #163a822e,0 0 0 4px #3766b029}.card-stack{aspect-ratio:.714;perspective:1200px;width:min(92vw,71.4dvh - 51.408px,560px);margin:0 auto;position:relative}.booster-card{opacity:0;pointer-events:none;transform:translateX(calc(var(--card-offset) * 36px)) translateY(calc(var(--card-distance) * 10px)) scale(calc(1 - var(--card-distance) * .045));-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:18px;transition:opacity .22s,transform .26s cubic-bezier(.2,.75,.22,1),box-shadow .26s;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 48px #00000057}.booster-card.is-active{opacity:1;z-index:5;pointer-events:auto}.booster-card.is-active+.booster-card{opacity:.38;z-index:2}.booster-card:has(+.booster-card.is-active){opacity:.38;z-index:2}.card-art{border-radius:inherit;background:var(--card-image) center / contain no-repeat;position:absolute;inset:0}.card-art:before{content:"";border:2px solid #ffffff9e;border-radius:12px;display:none;position:absolute;inset:8%}.card-art:after{content:"";background:radial-gradient(circle at 50% 38%,#ffffffd1,#0000 23%),linear-gradient(135deg,#ffffff38,#fff0);border-radius:18px;display:none;position:absolute;inset:16% 13% 25%}.card-label{min-height:44px;color:var(--pokemon-deep-blue);text-align:center;text-transform:uppercase;background:#ffffffd1;border-radius:8px;font-family:Arial Black,Impact,sans-serif;font-size:1.05rem;line-height:44px;display:none;position:absolute;bottom:16px;left:18px;right:18px}.card-shine{opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffffa6,#0000 57%);position:absolute;inset:-35%;transform:translate(-25%)rotate(12deg)}.booster-card.is-card-legendary{box-shadow:0 30px 50px #ffcb0547,0 0 28px #2857a429}.booster-card.is-card-legendary .card-art{background:var(--card-image) center / contain no-repeat}.booster-card.is-card-legendary .card-art:before,.booster-card.is-card-legendary .card-art:after,.booster-card.is-card-legendary .card-label{display:none}.booster-card.is-card-legendary:before{content:"";z-index:2;border-radius:inherit;mix-blend-mode:screen;opacity:.72;pointer-events:none;background:radial-gradient(circle at 20% 28%,#ffffffa6,#0000 9%),radial-gradient(circle at 74% 70%,#ffcb0575,#0000 12%),repeating-linear-gradient(112deg,#0000 0 18px,#ffffff2e 18px 24px,#25c2a024 24px 34px,#0000 34px 52px),linear-gradient(100deg,#0000 8%,#ffffff2e 23%,#ffcb055c 36%,#25c2a03d 48%,#ee415633 62%,#0000 78%);position:absolute;inset:-24%;transform:translate(-28%)rotate(8deg)}.booster-card.is-card-legendary:after{content:"";z-index:3;border-radius:inherit;mix-blend-mode:screen;opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 0 28%,#ffffff29 33%,#ffffffbd 42%,#ffffff29 51%,#0000 60% 100%),radial-gradient(at 50% 46%,#fff3,#0000 48%);position:absolute;inset:0;transform:translate(-82%)skew(-12deg)}.booster-card.is-card-legendary.is-active{animation:1.6s ease-in-out infinite legendaryPulse}.booster-card.is-card-legendary.is-active:before{animation:2.2s linear infinite holoWave}.booster-card.is-card-legendary.is-active:after{animation:1.8s ease-in-out infinite holoSweep}.booster-card.is-card-legendary.is-active .card-shine{opacity:1;animation:1.5s ease-in-out infinite legendaryShine}.nav-button{z-index:8;aspect-ratio:1;width:42px;color:var(--pokemon-blue);background:#fff;border:2px solid #2857a438;border-radius:999px;font-size:2rem;font-weight:900;line-height:.8;transition:opacity .16s,transform .16s,border-color .16s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 18px #163a821a}.nav-button-left{left:max(12px,50% + -1*min(46vw,35.7dvh - 25.704px,280px) - 64px)}.nav-button-right{right:max(12px,50% + -1*min(46vw,35.7dvh - 25.704px,280px) - 64px)}.nav-button:hover:not(:disabled),.nav-button:focus-visible{border-color:var(--pokemon-blue);transform:translateY(calc(-50% - 1px))}.nav-button:disabled{opacity:.24}.card-dots{justify-content:center;gap:8px;display:flex;position:absolute;bottom:max(12px,50% + -1*min(64.4vw,50dvh - 36px,392px) - 28px);left:0;right:0}.card-dots span{background:#2857a42e;border-radius:999px;width:8px;height:8px;transition:background .16s,transform .16s}.card-dots .is-current{background:var(--pokemon-yellow);transform:scale(1.25);box-shadow:0 0 0 2px #2857a447}.finish-button{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));z-index:12;color:#fffffff0;letter-spacing:0;text-transform:uppercase;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(135deg,#ffffff3d,#ffffff14),#0c0f227a;border:1px solid #ffffff47;border-radius:18px;width:min(100% - 36px,340px);min-height:54px;margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:750;transition:border-color .16s,transform .16s,background .16s,opacity .22s;animation:.42s both finishButtonIn;position:fixed;box-shadow:0 18px 38px #0000004d,inset 0 1px #ffffff47}.finish-button:hover,.finish-button:focus-visible{background:linear-gradient(135deg,#ffffff52,#ffffff1a),#12163094;border-color:#ffcb0594;transform:translateY(-2px)}.credit-message{z-index:11;color:#fffffff2;text-align:center;pointer-events:none;place-items:center;padding:28px;animation:.52s both creditMessageIn;display:grid;position:fixed;inset:0}.credit-message p{letter-spacing:0;text-shadow:0 0 22px #ffcb0538,0 14px 30px #0000005c;width:min(100%,620px);margin:0;font-family:Avenir Next,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.45rem,4.6vw,3rem);font-weight:780;line-height:1.12}.confetti-layer{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{top:-18px;left:var(--confetti-left);background:hsl(var(--confetti-hue) 90% 58%);width:9px;height:16px;animation:confettiDrop 1.3s ease-out var(--confetti-delay) both;border-radius:2px;position:absolute}@keyframes crackFlash{0%{transform:scaleY(.2)}45%{transform:scaleY(1)}to{transform:scaleY(.86)}}@keyframes cardsRise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardsSuction{0%{opacity:1;filter:blur()brightness();transform:translate(0,0)scale(1)}52%{opacity:.76;filter:blur(1px)brightness(1.1);transform:translateY(14vh)scale(.76)rotate(2deg)}to{opacity:0;filter:blur(12px)brightness(.72);transform:translateY(76vh)scale(.12)rotate(-8deg)}}@keyframes finishButtonIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes creditMessageIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vividBackdrop{0%{background-position:0 42%,100% 20%,18% 100%,0 0;transform:translate(-1.5%,-1.5%)rotate(0)scale(1)}50%{background-position:68% 20%,34% 88%,86% 38%,0 0;transform:translate(1.5%,1%)rotate(2deg)scale(1.03)}to{background-position:100% 56%,0 62%,44% 0,0 0;transform:translate(1%,-1%)rotate(-2deg)scale(1.04)}}@keyframes backgroundTexture{0%{transform:translate(0,0)}to{transform:translate(-42px,28px)}}@keyframes loadingSweep{0%{opacity:.4;background-position:120% 0}50%{opacity:1}to{opacity:.4;background-position:-80% 0}}@keyframes legendaryShine{0%{transform:translate(-42%)rotate(12deg)}to{transform:translate(42%)rotate(12deg)}}@keyframes holoWave{0%{filter:hue-rotate()saturate(1.2);background-position:0 0,0 0,0 0,0 0;transform:translate(-30%)rotate(8deg)}50%{filter:hue-rotate(95deg)saturate(1.75);transform:translate(2%)rotate(8deg)}to{filter:hue-rotate(180deg)saturate(1.2);background-position:0 0,0 0,220px 120px,0 0;transform:translate(30%)rotate(8deg)}}@keyframes holoSweep{0%,18%{opacity:0;transform:translate(-86%)skew(-12deg)}42%{opacity:.9}68%,to{opacity:0;transform:translate(86%)skew(-12deg)}}@keyframes legendaryPulse{0%,to{box-shadow:0 30px 50px #ffcb0547,0 0 28px #2857a429}50%{box-shadow:0 34px 58px #ffcb0561,0 0 24px #25c2a038,0 0 32px #2857a42e}}@keyframes confettiDrop{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(calc((var(--confetti-spin) * 42px)), 105vh, 0) rotate(calc(var(--confetti-spin) * 540deg))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:390px){.page-locked{padding:18px}.otp-row{gap:7px}}@media (max-width:560px){.booster-page:not(.is-opened) .booster-stage{padding-inline:14px}.card-area{width:100%}.nav-button{width:34px;font-size:1.55rem}.card-stack{width:min(94vw,71.4dvh - 45.696px)}.booster-pack{width:min(74vw,290px)}.card-label{font-size:.85rem;bottom:12px;left:13px;right:13px}}