.pack-page{--pack-ar:calc(926 / 1698);--pack-scale:calc(var(--pack-ar) / (926 / 1698));--reveal-chrome:calc(250px + env(safe-area-inset-top) + env(safe-area-inset-bottom));--reveal-fit-w:calc((100dvh - var(--reveal-chrome)) * 63 / 88);--reveal-card-w:min(360px, 58vw, var(--reveal-fit-w));--results-chrome:calc(253px + env(safe-area-inset-top) + env(safe-area-inset-bottom));--results-fit-w:calc((100dvh - var(--results-chrome) - 71px) / .66);--shelf-pack-w:calc(clamp(168px, 28dvh * 926 / 1698, 230px) * var(--pack-scale));background:var(--grain), var(--bg);flex-direction:column;justify-content:safe center;align-items:center;min-height:calc(100dvh - 3.25rem);padding:.75rem 1rem 1.5rem;transition:min-height .3s;display:flex;position:relative;overflow:clip auto}html[data-hide-nav] .pack-page{min-height:100dvh}.pack-page:has(.card-reveal){padding-bottom:1rem;overflow:clip}.pack-hint{text-align:center;color:var(--primary);font-family:var(--font-hand);margin:0 0 1rem;font-size:1.4rem;font-weight:700;line-height:1.1}html:lang(ko) .pack-hint{letter-spacing:-.03em;font-size:1.25rem}.pack-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:280px;display:flex}.pack-loading__spinner{border:3px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite pack-loading-spin}.pack-loading__label{color:var(--text-muted);font-family:var(--font-hand);margin:0;font-size:1.35rem;font-weight:600}@media (prefers-reduced-motion:reduce){.pack-loading__spinner{animation-duration:2s}}@keyframes pack-loading-spin{to{transform:rotate(360deg)}}.pack-open-btn{height:52px;margin-top:1.25rem;padding:0 1.9rem;font-size:1.02rem}.pack-open-btn:disabled{opacity:.55;cursor:default;box-shadow:3px 3px 0 var(--ink-line);transform:none}.pack-carousel{flex-direction:column;align-items:center;width:min(100%,640px);display:flex}.pack-shelf__head{text-align:center;flex-direction:column;align-items:center;gap:.6rem;max-width:40rem;padding:.5rem 0 0;display:flex}.pack-shelf__title{margin:0;font-size:clamp(2rem,4.4vw,2.6rem)}.pack-shelf__lead{max-width:34rem;color:var(--text-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.55}.pack-shelf__doodle{z-index:30;left:calc(50% + var(--shelf-pack-w) / 2 - 1.1rem);top:calc(50% + var(--shelf-pack-w) / var(--pack-ar) / 2 - 1.9rem);color:var(--primary);font-family:var(--font-hand);white-space:nowrap;pointer-events:none;align-items:flex-end;gap:.1rem;margin:0;font-size:1.6rem;font-weight:700;line-height:1;display:flex;position:absolute;rotate:-4deg}.pack-shelf__doodle svg{flex:none;margin-bottom:.35rem}html:lang(ko) .pack-shelf__doodle{letter-spacing:-.03em;font-size:1.35rem}@media (max-width:640px){.pack-shelf__doodle{left:calc(50% + var(--shelf-pack-w) / 2 - 1.3rem);font-size:1.4rem}.pack-shelf__doodle svg{width:38px;height:29px}.pack-shelf__doodle span{max-width:calc(50vw - var(--shelf-pack-w) / 2 - 2.4rem);white-space:normal}}.pack-shelf__facts{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:1.25rem 0 0;padding:0;font-size:.85rem;font-weight:500;list-style:none;display:flex}.pack-shelf__facts li{align-items:center;gap:.4rem;display:inline-flex}.pack-shelf__facts svg{color:var(--primary)}.pack-shelf__progress{color:var(--text-subtle);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .6rem;margin:1rem 0 0;font-size:.82rem;display:flex}.pack-shelf__progress a{color:var(--primary);font-weight:600;text-decoration:none}.pack-shelf__progress a:hover{text-decoration:underline}.pack-shelf__meter{--have:0;border:1.5px solid var(--ink-line);background:linear-gradient(90deg, var(--primary) calc(var(--have) * 100%), transparent 0);border-radius:3px;width:4.5rem;height:10px;rotate:-1.5deg}.pack-carousel__viewport{touch-action:pan-y;cursor:grab;perspective:900px;width:100%;height:clamp(320px,50dvh,560px);position:relative}.pack-carousel__viewport:active{cursor:grabbing}.pack-carousel__stage{width:100%;height:100%;transform-style:preserve-3d;position:relative}.pack-carousel__item{pointer-events:none;place-items:center;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .28s;display:grid;position:absolute;inset:0}.pack-carousel__item .booster{pointer-events:auto}.booster{--pack-tear-y:calc(5.6% + 5px);--pack-flap-y:5%;--pack-tear-inset:3.5%;appearance:none;cursor:pointer;width:var(--shelf-pack-w);height:auto;aspect-ratio:var(--pack-ar);perspective:800px;filter:drop-shadow(0 14px 18px #3a28164d);background:0 0;border:0;padding:0}.booster--closeup{width:calc(min(360px, 62vw, 48dvh) * var(--pack-scale));height:auto;aspect-ratio:var(--pack-ar)}.booster__mesh{--pack-rx:0deg;--pack-ry:0deg;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--pack-rx)) rotateY(var(--pack-ry));transition:transform .16s ease-out;position:relative}.booster--closeup .booster__mesh{animation:none}.booster__body{width:100%;height:100%;transform-style:preserve-3d;background:0 0;border-radius:4px;position:relative;overflow:hidden}.booster__pack-art{object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.booster__pack-art--body{position:absolute;inset:0}.booster--cut-open .booster__pack-art--body{clip-path:inset(var(--pack-flap-y) 0 0 0)}.booster__foil{pointer-events:none;background:radial-gradient(circle at var(--pack-gx,40%) var(--pack-gy,30%), #ffffff61, transparent 48%);mix-blend-mode:soft-light;z-index:2;position:absolute;inset:0}.booster__top{height:var(--pack-flap-y);z-index:5;transform-origin:bottom;will-change:transform, opacity;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 1px #00000026}.booster__pack-art--flap{object-fit:cover;object-position:center top;width:100%;max-width:none;height:2000%;position:absolute;top:0;left:0}.booster__rim{top:var(--pack-flap-y);z-index:3;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#b4dcff26,#0000);height:2px;position:absolute;left:0;right:0}.booster__cut-line{top:var(--pack-tear-y);left:var(--pack-tear-inset,2%);right:var(--pack-tear-inset,2%);z-index:6;pointer-events:none;opacity:0;height:0;position:absolute}.booster--cutting .booster__cut-line{opacity:1}.booster--cutting .booster__cut-trail,.booster--cutting .booster__cut-tip{transition:none}.booster__cut-path{opacity:.85;background:linear-gradient(90deg,#3cffaa40,#64ffd2bf,#50ffbe59);border-radius:999px;height:4px;position:absolute;top:-2px;left:0;right:0;box-shadow:0 0 8px 1px #50ffc859}.booster__cut-trail{height:16px;width:var(--cut,0%);background:linear-gradient(90deg,#78ffdc40 0%,#8cffffbf 35%,#dcfffff2 70%,#fff 100%);border-radius:999px;transition:width .28s ease-out;position:absolute;top:-8px;left:0;box-shadow:0 0 14px 5px #8cffe6d9,0 0 32px 10px #5ae6ff8c,0 0 48px 16px #78ffc84d}.booster__cut-tip{top:-16px;left:var(--cut,0%);opacity:0;background:radial-gradient(circle,#fff 0%,#e8fff8 28%,#7dffc8 48%,#0000 72%);border-radius:50%;width:32px;height:32px;transition:left .28s ease-out;position:absolute;translate:-50%;box-shadow:0 0 20px 8px #fffffff2,0 0 36px 14px #64ffd2bf,0 0 60px 22px #50dcff66}.booster--cutting .booster__cut-tip{opacity:1}.booster--cut-rtl .booster__cut-trail{background:linear-gradient(270deg,#78ffdc40 0%,#8cffffbf 35%,#dcfffff2 70%,#fff 100%);left:auto;right:0}.booster--cut-rtl .booster__cut-tip{left:auto;right:var(--cut,0%);translate:50%}.booster--cut-rtl .booster__cut-path{background:linear-gradient(270deg,#3cffaa40,#64ffd2bf,#50ffbe59)}.booster__burst{inset:var(--pack-flap-y) 0 0;z-index:2;pointer-events:none;opacity:0;position:absolute;overflow:hidden}.booster__burst-rays{filter:blur(2px);mix-blend-mode:screen;background:conic-gradient(at 50% 8%,#0000 0deg,#c8f0ff26 35deg,#ffffff8c 55deg,#b4ffe673 75deg,#0000 110deg,#c8f0ff1f 180deg,#fff6 200deg,#a0e6ff59 220deg,#0000 260deg,#dcfaff33 310deg,#0000 360deg);position:absolute;inset:-15%}.booster__burst-glow{background:radial-gradient(90% 55% at 50% 0,#fffffff2 0%,#aaf0ff8c 28%,#0000 62%),radial-gradient(80% 70% at 50% 45%,#c8fff573 0%,#8cdcff38 42%,#0000 72%),radial-gradient(circle at 50% 100%,#b4f0ff59 0%,#0000 55%);border-radius:0;position:absolute;inset:0;box-shadow:inset 0 0 40px 8px #a0e6ff40}.booster__sparkle{clip-path:polygon(50% 0%,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0% 50%,35% 35%);opacity:0;filter:drop-shadow(0 0 4px #ffffffe6);background:#fff;width:7px;height:7px;position:absolute}.booster--cut-open .booster__top{animation:.85s cubic-bezier(.2,.8,.2,1) forwards top-fly-away}.booster--cut-open .booster__burst{animation:.7s ease-out forwards burst-in}.booster--cut-open .booster__sparkle{animation:.9s ease-out forwards sparkle-pop}.booster--cut-open .booster__sparkle:nth-child(3){animation-delay:50ms}.booster--cut-open .booster__sparkle:nth-child(4){animation-delay:.12s}.booster--cut-open .booster__sparkle:nth-child(5){animation-delay:.18s}.booster--cut-open .booster__sparkle:nth-child(6){animation-delay:80ms}.booster--cut-open .booster__sparkle:nth-child(7){animation-delay:.22s}.booster--cut-open .booster__sparkle:nth-child(8){animation-delay:.15s}.booster--cut-open .booster__sparkle:nth-child(9){animation-delay:.26s}.booster--cut-open .booster__sparkle:nth-child(10){animation-delay:.2s}.booster--cut-open .booster__rim{opacity:1;background:linear-gradient(90deg,#0000,#c8fafff2,#0000);box-shadow:0 0 12px 2px #a0e6ffb3}.booster--cut-open .booster__cut-line{opacity:0}@keyframes top-fly-away{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(42%,-90%)rotate(28deg)scale(.92)}}@keyframes burst-in{0%{opacity:0;filter:brightness(1.8);transform:scale(.72)}40%{opacity:1;filter:brightness(1.25)}to{opacity:.92;filter:brightness();transform:scale(1)}}@keyframes sparkle-pop{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.2)}to{opacity:.75;transform:scale(1)translateY(-10px)}}.pack-closeup,.pack-emerge,.card-reveal,.pack-results{width:min(100%, 640px, var(--results-fit-w));flex-direction:column;align-items:center;display:flex}.pack-closeup__stage,.pack-emerge__stage{place-items:center;width:100%;min-height:min(560px,72dvh);display:grid;position:relative;overflow:visible}.pack-closeup__pack-wrap{width:calc(min(360px, 62vw, 48dvh) * var(--pack-scale));height:auto;aspect-ratio:var(--pack-ar);--pack-tear-y:calc(5.6% + 5px);--pack-flap-y:5%;--pack-tear-inset:3.5%;position:relative}.pack-closeup__pack-wrap .booster{width:100%;height:100%}.pack-tear-zone{touch-action:none;cursor:ew-resize;z-index:8;height:calc(64px + 26%);position:absolute;top:-64px;left:-32px;right:-32px}.pack-tear-guide{pointer-events:none;z-index:7;position:absolute;inset:0}.pack-tear-guide__label{left:50%;top:calc(var(--pack-tear-y) + 20px);white-space:nowrap;color:#5f2ca6;font-family:var(--font-hand);opacity:0;animation:tear-label-in .45s ease var(--tear-label-delay,3s) forwards, tear-label-bob 1.8s ease-in-out calc(var(--tear-label-delay,3s) + .45s) infinite;background:#fffdf8;border:2px solid #221a2c;border-radius:6px;align-items:center;gap:.4rem;margin:0;padding:.3rem .75rem .25rem;font-size:1.3rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;translate:-50%;rotate:-2deg;box-shadow:2px 2px #221a2c}html:lang(ko) .pack-tear-guide__label{letter-spacing:-.03em;font-size:1.1rem}.pack-tear-guide__extra{opacity:0;animation:tear-extra-in .45s ease var(--tear-extra-delay,0s) forwards;position:absolute;inset:0}@keyframes tear-extra-in{to{opacity:1}}@keyframes tear-label-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pack-tear-guide__glow{left:var(--pack-tear-inset,3.5%);right:var(--pack-tear-inset,3.5%);top:var(--pack-tear-y);height:5px;position:absolute;overflow:hidden;translate:0 -50%}.pack-tear-guide__glow-line{background:linear-gradient(90deg,#5affc859,#b4fff0f2,#5affc859);animation:1.5s ease-in-out infinite cut-guide-pulse;position:absolute;inset:0;box-shadow:0 0 10px 2px #78ffdc8c,0 0 18px 4px #64dcff4d}.pack-tear-guide__sheen{filter:blur(.5px);background:linear-gradient(90deg,#0000,#fffffff2,#0000);width:28%;position:absolute;top:-6px;bottom:-6px}.pack-tear-guide__sheen--ltr{animation:2.4s ease-in-out infinite cut-guide-swipe-ltr}.pack-tear-guide__sheen--rtl{opacity:0;animation:2.4s ease-in-out 1.2s infinite cut-guide-swipe-rtl}.pack-tear-guide__line{left:var(--pack-tear-inset,3.5%);right:var(--pack-tear-inset,3.5%);top:var(--pack-tear-y);filter:drop-shadow(0 0 4px #5ae6c8f2);border-top:3px dashed #fffffff2;height:0;position:absolute}.pack-tear-guide__scissors{left:calc(var(--pack-tear-inset,3.5%) - 22px);top:var(--pack-tear-y);color:#5f2ca6;background:#fffdf8;border:2px solid #221a2c;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid;position:absolute;translate:0 -50%;box-shadow:1px 1px #221a2c}.pack-tear-guide__finger{top:var(--pack-tear-y);left:var(--pack-tear-inset,3.5%);background:#ffffffeb;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:2.2s cubic-bezier(.45,0,.25,1) infinite tear-finger-swipe;position:absolute;box-shadow:0 0 0 4px #ffffff59,0 3px 10px #143c5a59}.pack-tear-guide__finger:after{content:"";border:2px solid #fffc;border-radius:50%;animation:2.2s ease-out infinite tear-finger-ripple;position:absolute;inset:-8px}.pack-tear-zone.is-cutting{cursor:grabbing}@keyframes tear-label-show{to{opacity:1}}@keyframes tear-label-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tear-finger-swipe{0%{left:var(--pack-tear-inset,3.5%);opacity:0;scale:1.3}12%{opacity:1;scale:1}70%{left:calc(100% - var(--pack-tear-inset,3.5%));opacity:1}85%,to{left:calc(100% - var(--pack-tear-inset,3.5%));opacity:0}}@keyframes tear-finger-ripple{0%,10%{opacity:.9;scale:.6}30%,to{opacity:0;scale:1.4}}@media (prefers-reduced-motion:reduce){.pack-tear-guide__label{animation:tear-label-show 1ms linear var(--tear-label-delay,3s) forwards}.pack-tear-guide__extra{animation:tear-label-show 1ms linear var(--tear-extra-delay,0s) forwards}.pack-tear-guide__glow-line,.pack-tear-guide__sheen,.pack-tear-guide__finger,.pack-tear-guide__finger:after{animation:none}}@keyframes cut-guide-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes cut-guide-swipe-ltr{0%{opacity:0;translate:-10%}15%{opacity:1}40%{opacity:1}50%,to{opacity:0;translate:110%}}@keyframes cut-guide-swipe-rtl{0%,50%{opacity:0;translate:110%}65%{opacity:1}90%{opacity:1}to{opacity:0;translate:-10%}}.pack-emerge__pack{z-index:2;will-change:transform, opacity, filter;transform-origin:50% 70%;transition:none;position:absolute}.pack-emerge__pack.is-charging{animation:.12s linear infinite pack-charge-tremble}.pack-emerge.is-charging .booster--cut-open .booster__burst{opacity:calc(.55 + var(--charge,0) * .45);filter:brightness(calc(1 + var(--charge,0) * .8))}.pack-emerge.is-charging .booster--cut-open .booster__rim{box-shadow:0 0 12px 2px rgba(160, 230, 255, calc(.5 + var(--charge,0) * .5)), 0 0 28px 8px rgba(120, 255, 220, calc(var(--charge,0) * .55))}.pack-emerge__charge-glow{z-index:3;pointer-events:none;mix-blend-mode:screen;filter:blur(4px);will-change:transform, opacity;background:radial-gradient(circle,#ffffffd9 0%,#a0ffe673 32%,#64c8ff2e 58%,#0000 74%);border-radius:50%;width:min(260px,70vw);height:min(260px,70vw);position:absolute;top:12%;left:50%;translate:-50%}.pack-emerge__bloom{z-index:3;pointer-events:none;mix-blend-mode:screen;filter:blur(2px);will-change:transform, opacity;background:radial-gradient(circle,#fffffffa 0%,#c8fff099 26%,#78dcff38 52%,#0000 72%);border-radius:50%;width:min(240px,64vw);height:min(240px,64vw);position:absolute;top:14%;left:50%;translate:-50%}.pack-emerge__sparks{z-index:5;pointer-events:none;height:42%;position:absolute;inset:8% 18% auto}.pack-emerge__spark{--i:0;left:calc(12% + var(--i) * 10%);top:calc(30% + (var(--i) % 3) * 12%);clip-path:polygon(50% 0%,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0% 50%,35% 35%);filter:drop-shadow(0 0 4px #fffffff2);width:6px;height:6px;animation:.55s ease-in-out infinite emerge-spark-twinkle;animation-delay:calc(var(--i) * 70ms);background:#fff;position:absolute}.pack-emerge__draw{width:var(--reveal-card-w);height:calc(var(--reveal-card-w) * 88 / 63);z-index:1;pointer-events:none;perspective:900px;position:absolute;top:50%;left:50%;translate:-50% -50%}.card-stack{transform-style:preserve-3d;position:relative}.card-stack--pile{will-change:transform;width:100%;height:100%;animation:pile-rise var(--rise-ms,.9s) both;overflow:visible}@keyframes pile-rise{0%{animation-timing-function:cubic-bezier(.25,.8,.35,1);transform:translateY(18%)scale(.9)}55%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translateY(-14%)scale(1)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.card-stack--pile{animation:none}}.card-stack__item{border-radius:calc(var(--reveal-card-w) * 3 / 63);backface-visibility:hidden;will-change:transform;background:#fff;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 20px #14283c38,0 0 0 1px #ffffff59}.card-stack__item img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}@keyframes pack-charge-tremble{0%,to{translate:0}25%{translate:-1.5px .5px}50%{translate:1.5px -.5px}75%{translate:-1px 1px}}@keyframes emerge-spark-twinkle{0%,to{opacity:.35;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(20deg)}}.card-reveal{--glow:#9fb0c8;z-index:0;flex-direction:column;align-items:center;width:min(100%,640px);display:flex;position:relative;overflow:clip visible}.card-reveal__stage{--card-w:var(--reveal-card-w);--mm:calc(var(--card-w) / 63);width:var(--card-w);height:calc(var(--card-w) * 88 / 63);box-sizing:content-box;perspective:1200px;margin:0 auto;padding:8px 36px;position:relative;overflow:visible}.card-reveal__nudge{z-index:1;width:32px;height:64px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-top:-32px;padding:0;display:grid;position:absolute;top:50%}.card-reveal__nudge:hover:not(:disabled){color:var(--text)}.card-reveal__nudge:disabled{cursor:default}.card-reveal__nudge--left{animation:2.2s ease-in-out infinite nudge-left;left:0}.card-reveal__nudge--right{animation:2.2s ease-in-out infinite nudge-right;right:0}.card-reveal__nudge--right svg{transform:scaleX(-1)}.card-reveal.is-hit .card-reveal__nudge{color:#fffc}.card-reveal.is-hit-intro .card-reveal__nudge{visibility:hidden}@keyframes nudge-left{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(-9px)}}@keyframes nudge-right{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(9px)}}@media (prefers-reduced-motion:reduce){.card-reveal__nudge--left,.card-reveal__nudge--right{opacity:.7;animation:none}}.card-reveal__halo{background:radial-gradient(closest-side, var(--glow), transparent);opacity:.55;filter:blur(18px);pointer-events:none;border-radius:50%;animation:2.6s ease-in-out infinite halo-breathe;position:absolute;inset:8% 4%}.card-reveal.rarity-r .card-reveal__halo{opacity:.35}@keyframes halo-breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}.card-reveal.is-hit:before{content:"";z-index:-1;opacity:.55;pointer-events:none;background:radial-gradient(at 50% 45%,#28183c59,#0c0816b8);transition:opacity .6s;animation:.5s both hit-dim-in;position:fixed;inset:0}.card-reveal.is-hit-intro:before{opacity:1}@keyframes hit-dim-in{0%{opacity:0}}.card-reveal__hit{pointer-events:none;place-items:center;display:grid;position:absolute;inset:-30% -45%}.card-reveal__rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--glow) 85%, transparent) 0deg 6deg, transparent 6deg 20deg);opacity:.45;border-radius:50%;transition:opacity .5s;animation:14s linear infinite rays-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#000 20%,#0000 72%);mask:radial-gradient(closest-side,#000 20%,#0000 72%)}.card-reveal.is-hit-intro .card-reveal__rays{opacity:.9;animation:rays-spin 4s linear infinite, rays-swell var(--hit-intro,1.3s) ease-in both}.card-reveal__hit.is-secret .card-reveal__rays{background:repeating-conic-gradient(#b77cf2e6 0deg 5deg,#ffd6668c 5deg 8deg,#0000 8deg 18deg)}@keyframes rays-spin{to{rotate:360deg}}@keyframes rays-swell{0%{opacity:0;scale:.3}}.card-reveal__hit-label{flex-direction:column;align-items:center;gap:.6rem;margin:0;display:none;position:absolute;top:44%;left:0;right:0}.card-reveal__hit-text{color:#fff;max-width:calc(100vw - 2rem);font-family:var(--font-display);text-align:center;text-wrap:balance;text-shadow:0 2px 12px #00000059;font-size:1.45rem;font-weight:400;line-height:1.2}.card-reveal.is-hit-intro .card-reveal__hit-label{animation:.9s ease-in-out infinite hit-label-pulse;display:flex}@keyframes hit-label-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.card-reveal.is-hit-intro .card-reveal__hit-label{animation:none}}.card-reveal.is-hit-intro .pack-open-btn{visibility:hidden}.card-reveal.is-hit-intro .card-reveal__stack-btn,.card-reveal.is-hit-intro .card-reveal__caption{opacity:0;filter:brightness(2);transform:scale(.82)}.card-reveal.is-hit .card-reveal__stack-btn,.card-reveal.is-hit .card-reveal__caption{transition:opacity .42s,transform .52s cubic-bezier(.2,1.4,.3,1),filter .7s}.card-reveal.is-hit .pack-hint,.card-reveal.is-hit .card-reveal__name{color:#fff;text-shadow:0 1px 6px #00000073}.card-reveal__stack-btn{z-index:2;appearance:none;cursor:pointer;perspective:1200px;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:relative;overflow:visible}.card-reveal__stack-btn.is-dragging{cursor:grabbing}.card-reveal__stack-btn:disabled{cursor:default}.card-reveal__stack{--rx:0deg;--ry:0deg;--tx:0px;--ty:0px;--exit-ms:.28s;width:100%;height:100%;transform-style:preserve-3d;transform:translate3d(var(--tx), var(--ty), 0) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:relative;overflow:visible}.card-reveal__stack.is-pulling{transition:none}.card-reveal__layer{border-radius:calc(3 * var(--mm));transform-style:preserve-3d;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #ffffffb3,0 1px 2px #141e2d59}.card-reveal__layer:last-child:not(.is-front){box-shadow:0 0 0 1px #ffffffb3,0 14px 28px #14283c47}.card-reveal__layer img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.card-reveal__layer.is-veiled .card-reveal__blur{inset:calc(2.4 * var(--mm));border-radius:calc(1.2 * var(--mm));background:#1d1528;position:absolute;overflow:hidden}.card-reveal__layer.is-veiled .card-reveal__blur img{filter:blur(calc(8 * var(--mm))) saturate(1.2);transform:scale(1.5)}.card-reveal__layer.is-veiled .card-reveal__blur:after{content:"?";color:#ffffff47;font-size:calc(22 * var(--mm));place-items:center;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.card-reveal__layer.is-held-back{visibility:hidden}.card-reveal__layer.is-front{box-shadow:none;overflow:visible}.card-reveal__layer.is-front .c3d-scaler,.card-reveal__layer.is-front .c3d-scaler.live{filter:none}.card-reveal__layer .card-reveal__flat{border-radius:calc(3 * var(--mm));position:absolute;inset:0}.card-reveal__3d{opacity:0;transition:opacity .34s;position:relative}.card-reveal__layer.is-3d .card-reveal__3d{opacity:1}.card-reveal__layer.is-3d .card-reveal__flat{visibility:hidden;transition:visibility 0s linear .34s}.card-reveal__layer.is-front .c3d{box-shadow:0 0 0 1px #ffffffb3,0 1px 2px #141e2d59}.card-reveal__layer.is-fly-out--right{animation:card-fly-right var(--exit-ms) cubic-bezier(.2, .7, .2, 1) forwards}.card-reveal__layer.is-fly-out--left{animation:card-fly-left var(--exit-ms) cubic-bezier(.2, .7, .2, 1) forwards}@keyframes card-fly-right{0%{opacity:1;transform:translateZ(0)translate(0)rotate(0)}to{opacity:0;transform:translateZ(40px)translate(130%)rotate(8deg)}}@keyframes card-fly-left{0%{opacity:1;transform:translateZ(0)translate(0)rotate(0)}to{opacity:0;transform:translateZ(40px)translate(-130%)rotate(-8deg)}}.card-reveal__caption{flex-direction:column;align-items:center;gap:.3rem;margin-top:.5rem;display:flex;position:relative}.card-reveal .pack-hint{margin-bottom:.25rem}.card-reveal__top{width:var(--reveal-card-w);justify-content:flex-end;align-items:center;max-width:100%;min-height:1.75rem;display:flex}.card-reveal__flair{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.35rem;font-size:1.2rem;font-weight:600;display:inline-flex}html:lang(ko) .card-reveal__flair{font-size:1.05rem}.card-reveal__flair .finish-mark{opacity:.75}.card-reveal.is-hit .card-reveal__flair{color:#ffffffd1;text-shadow:none}.card-reveal__new{--sticker-r:6deg;border-width:2.5px;margin-left:.2rem;padding:.3rem .55rem .25rem;font-size:.8rem;animation:.42s cubic-bezier(.2,1.4,.3,1) .12s both new-badge-pop}.card-reveal__new.is-flair,.pack-results__new.is-flair{background:var(--bora-600);color:#fff}@keyframes new-badge-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card-reveal__new{animation:none}}.card-reveal__rarity{color:var(--text-muted);align-items:center;gap:.4rem;margin:0;font-size:.9rem;font-weight:600;display:inline-flex}.card-reveal.is-hit .card-reveal__rarity{color:#221a2c;box-shadow:3px 3px 0 var(--glow);background:#fffdf8;border:2px solid #221a2c;border-radius:4px;margin-top:.15rem;padding:.25rem .7rem;font-size:.95rem;font-weight:800;rotate:-2deg}.card-reveal__name{font-family:var(--font-display);text-align:center;color:var(--text);margin:0;font-size:1.3rem;font-weight:400;line-height:1.15}.card-reveal__dots{align-items:center;gap:.45rem;margin:.6rem 0 .75rem;padding:0;list-style:none;display:flex;position:relative}.card-reveal .pack-open-btn{margin-top:.1rem}.card-reveal__dots li{border:1.5px solid var(--text-subtle);border-radius:50%;width:.7rem;height:.7rem;transition:background .3s,transform .3s}.card-reveal__dots li.is-seen,.card-reveal__dots li.is-current{border-color:var(--ink-line);background:var(--dot,var(--text-subtle))}.card-reveal__dots li.is-current{transform:scale(1.3)}.card-reveal__dots li:last-child{border-radius:2px;rotate:45deg}.card-reveal.is-hit .card-reveal__dots li{border-color:#ffffffbf}.card-reveal>.pack-open-btn{position:relative}.pack-results__title{color:var(--text);text-align:center;margin:0;font-size:clamp(1.6rem,4.4vw,2rem)}.pack-results__summary{color:var(--primary);font-family:var(--font-hand);text-align:center;text-wrap:balance;margin:.35rem 0 1.4rem;font-size:1.3rem;font-weight:600;line-height:1.15;rotate:-1deg}.pack-results__summary>span{white-space:nowrap}html:lang(ko) .pack-results__summary{letter-spacing:-.03em;font-size:1.15rem}.pack-results__layout{background:radial-gradient(circle, var(--paper-border-strong) 1px, transparent 1.4px) 0 0 / 18px 18px, var(--paper);border-radius:3px;grid-template-columns:minmax(0,3fr) minmax(0,1.25fr);align-items:center;gap:1.1rem;width:100%;margin-bottom:1.2rem;padding:1.3rem clamp(.7rem,3vw,1.2rem) .9rem;display:grid;position:relative}.pack-results__layout:before,.pack-results__layout:after{content:"";z-index:2;background:var(--tape-c,var(--tape));width:92px;height:24px;rotate:var(--tape-r);clip-path:var(--tape-clip);pointer-events:none;position:absolute;top:-10px}.pack-results__layout:before{--tape-r:-32deg;left:-14px}.pack-results__layout:after{--tape-r:30deg;--tape-c:var(--tape-2);right:-14px}.pack-results__grid,.pack-results__hit{margin:0;padding:0;list-style:none}.pack-results__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.pack-results__item{--glow:#9fb0c8;flex-direction:column;gap:.35rem;animation:.42s both gather-in;display:flex}.pack-results__card{appearance:none;cursor:zoom-in;background:0 0;border:0;border-radius:8px;padding:0;transition:transform .16s;position:relative;rotate:-2deg}.pack-results__grid li:nth-child(3n+2) .pack-results__card{rotate:1.5deg}.pack-results__grid li:nth-child(3n) .pack-results__card{rotate:-.8deg}.pack-results__grid li:nth-child(n+4) .pack-results__card{rotate:1deg}.pack-results__grid li:nth-child(5) .pack-results__card{rotate:-1.8deg}.pack-results__item.is-hit .pack-results__card{rotate:2deg}.pack-results__card:hover{transform:translateY(-3px)}.pack-results__card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.pack-results__card img{aspect-ratio:63/88;object-fit:cover;border-radius:6px;width:100%;height:auto;display:block;box-shadow:0 1px 2px #3a28164d,0 5px 10px #3a281629}.pack-results__item.is-hit .pack-results__card img{box-shadow:0 0 0 2px color-mix(in srgb, var(--glow) 80%, #fff), 0 0 22px color-mix(in srgb, var(--glow) 75%, transparent), 0 6px 14px #3a281638}.pack-results__new{--sticker-r:9deg;border-width:2px;padding:.25rem .45rem .2rem;font-size:.7rem;top:-.55rem;right:-.55rem}.pack-results__label{color:var(--text-muted);font-family:var(--font-hand);text-align:center;flex-direction:column;align-items:center;gap:.1rem;font-size:1.05rem;font-weight:600;line-height:1.05;display:flex}html:lang(ko) .pack-results__label{letter-spacing:-.03em;font-size:.92rem}.pack-results__marks{align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex}.pack-results__item.is-hit .pack-results__label{color:var(--text);font-size:1.2rem;font-weight:700}.pack-inspect{z-index:100;background:#18130fe0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;animation:.22s both hit-dim-in;display:flex;position:fixed;inset:0}.pack-inspect__card{--card-w:min(360px, 80vw, 62dvh * 63 / 88);--mm:calc(var(--card-w) / 63);filter:drop-shadow(0 0 28px color-mix(in srgb, var(--glow) 55%, transparent))}.pack-inspect__close{top:max(.8rem, env(safe-area-inset-top));right:max(.8rem, env(safe-area-inset-right));color:#221a2c;cursor:pointer;background:#fffdf8;border:2px solid #221a2c;border-radius:50%;place-items:center;width:44px;height:44px;padding:0 0 2px;font-size:1.6rem;line-height:1;display:grid;position:absolute;box-shadow:0 0 0 2px #fffdf8}.pack-inspect__close:hover{background:var(--blush-300)}.pack-inspect__caption{color:#fff;font-family:var(--font-display);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:400;display:flex}.pack-inspect__meta{text-align:center;font-family:var(--font-sans);color:#ffffffc7;flex-basis:100%;font-size:.85rem}@keyframes gather-in{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.pack-results__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .6rem;display:flex}.pack-share-btn{height:52px;margin-top:1.25rem;padding:0 1.4rem;font-size:1.02rem}.pack-results__play{text-align:left;--tape-r:3deg;width:min(100%,26rem);transition:rotate .2s var(--ease-out);border-radius:3px;align-items:center;gap:.85rem;margin:1.6rem auto 0;padding:1rem 1.1rem .9rem;text-decoration:none;animation:.42s both gather-in;display:flex;rotate:-1deg}.pack-results__play:hover{rotate:none}.pack-results__play:active{translate:0 1px}.pack-results__play-icon{color:var(--primary);flex:none}.pack-results__play-copy{flex-direction:column;gap:.15rem;min-width:0;display:flex}.pack-results__play-title{font-family:var(--font-display);font-size:1.1rem;line-height:1.2}.pack-results__play-text{color:var(--text-muted);font-size:.85rem}.pack-results__play-arrow{color:var(--text-muted);flex:none;margin-left:auto;transition:transform .16s}.pack-results__play:hover .pack-results__play-arrow{color:var(--primary);transform:translate(3px)}.pack-skip{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;gap:.6rem;display:flex;position:fixed}.pack-skip__btn{appearance:none;border:2px solid var(--ink-line);background:var(--surface);width:2.5rem;height:2.5rem;box-shadow:2px 2px 0 var(--ink-line);color:var(--text);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.pack-skip__btn:before{content:"";border-radius:50%;position:absolute;inset:-4px}.pack-skip__btn svg{width:17px;height:17px}.pack-skip__btn:hover{color:var(--primary)}.pack-skip__btn:active{box-shadow:none;translate:2px 2px}.pack-skip__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:640px){.pack-carousel__viewport{height:clamp(360px,52dvh,420px)}.booster--closeup,.pack-closeup__pack-wrap{width:calc(min(280px, 72vw, 50dvh) * var(--pack-scale))}.pack-page{--shelf-pack-w:calc(clamp(150px, 26dvh * 926 / 1698, 180px) * var(--pack-scale));--reveal-card-w:min(280px, 72vw, var(--reveal-fit-w))}.pack-page:has(.card-reveal){padding-inline:0}.card-reveal{--nudge-room:32px;--reveal-card-w:min(360px, calc(100vw - 2 * var(--nudge-room)), var(--reveal-fit-w))}.card-reveal__stage{padding-inline:var(--nudge-room)}.pack-results__new{padding:.2rem .35rem .15rem;font-size:.6rem}.card-reveal__nudge--left{left:calc((var(--card-w) + 2 * var(--nudge-room) - 100vw) / 2 + 4px)}.card-reveal__nudge--right{right:calc((var(--card-w) + 2 * var(--nudge-room) - 100vw) / 2 + 4px)}}@media (min-width:900px) and (min-height:820px){.booster--closeup,.pack-closeup__pack-wrap{width:calc(min(400px, 48vw, 52dvh) * var(--pack-scale))}.pack-page{--shelf-pack-w:calc(clamp(200px, 30dvh * 926 / 1698, 250px) * var(--pack-scale));--reveal-card-w:min(400px, 42vw, var(--reveal-fit-w))}.pack-carousel__viewport{height:clamp(520px,64dvh,700px)}}.pack-shelf__waitlist{margin-top:2.75rem}.hit-song{left:50%;top:calc(env(safe-area-inset-top) + 12px);z-index:40;opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;width:min(420px,100% - 2rem);height:80px;transition:opacity .3s,transform .3s,visibility 0s linear .3s;position:fixed;overflow:hidden;transform:translate(-50%,-12px);box-shadow:0 12px 30px #14142347}.hit-song.is-playing{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s,transform .3s;transform:translate(-50%)}.pack-page:has(.hit-song.is-reserved){padding-top:calc(env(safe-area-inset-top) + 104px);--reveal-chrome:calc(342px + env(safe-area-inset-top) + env(safe-area-inset-bottom));--results-chrome:calc(345px + env(safe-area-inset-top) + env(safe-area-inset-bottom))}.hit-song iframe{border:0;display:block}