.pack-hub{margin:18px 0;padding:20px;border:1px solid #46ddc077;border-radius:18px;background:linear-gradient(130deg,#0b272b,#15192d);color:#edfafa;font:14px/1.5 system-ui}.pack-kicker{color:#72efd1;font-size:11px;font-weight:800;letter-spacing:2px}.pack-hub h2{margin:5px 0 10px}.pack-hub h2 b{background:#70f1cb;color:#092126;border-radius:50%;padding:2px 9px}.pack-hub button,.pack-dialog button{min-height:44px;border:1px solid #74e4d666;border-radius:10px;color:#f2ffff;background:#183239;padding:10px 14px;cursor:pointer}.pack-hub button:focus-visible,.pack-dialog button:focus-visible{outline:3px solid #ffe48c;outline-offset:3px}.pack-open{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:8px 0}.pack-open span{font-size:30px;color:#ffe48c}.pack-open small{margin-left:auto}.pack-hub details,.pack-dialog details{margin:16px 0;text-align:left}.pack-fine{font-size:12px;color:#b5cbcf}.pack-dialog{padding:0;border:1px solid #70f1cb88;border-radius:24px;color:#eafffa;background:#07161d;width:min(620px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;box-sizing:border-box;box-shadow:0 20px 100px #000b;font:14px/1.5 system-ui}.pack-dialog::backdrop{background:#010611e8;backdrop-filter:blur(8px)}.pack-modal{padding:22px;text-align:center;overflow:hidden}.pack-modal header{display:flex;gap:12px;align-items:center;justify-content:space-between;text-align:left;font-size:10px;letter-spacing:1px;color:#adcad0}.pack-modal h2{font-size:clamp(22px,5vw,34px);line-height:1.1}.pack-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:210px;height:310px;margin:24px auto!important;padding:0 14px 16px!important;overflow:hidden;border:2px solid #c5ffdd!important;border-radius:3px!important;background:repeating-linear-gradient(120deg,#ffffff08 0 2px,transparent 2px 8px),linear-gradient(135deg,#06383b,#0c756e 45%,#452f69)!important;box-shadow:10px 14px 0 #0005,0 0 45px #42edbb33;transform:rotate(-5deg)}.pack-wrapper i{align-self:stretch;display:block;background:#d6f5c4;color:#113734;font:9px/25px system-ui;letter-spacing:2px;margin:0 -14px 8px}.pack-wrapper span{font-weight:900;font-size:13px;line-height:1.1;letter-spacing:2px}.pack-wrapper strong{font-size:32px;line-height:.95;letter-spacing:-2px;color:#fff8cf;transform:skewY(-7deg);text-shadow:3px 3px #143739}.pack-wrapper b{font-size:60px;line-height:1;color:#f6da81}.pack-wrapper small{font-size:10px;letter-spacing:1px}.pack-primary{background:#baf7d7!important;color:#07312e!important;font-weight:850;min-width:180px}.pack-wrapper.ripping{animation:pack-rip 1.1s both}.pack-choices{display:flex;justify-content:center;gap:12px;margin:30px 0;perspective:800px}.pack-card-back{width:30%;max-width:145px;aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:repeating-linear-gradient(45deg,#79eaca12 0 1px,transparent 1px 8px),linear-gradient(150deg,#18685e,#171c39)!important;border:2px solid #f4d987!important;box-shadow:0 8px 20px #0008;transition:transform .2s}.pack-card-back:hover{transform:translateY(-10px) rotate(-3deg)}.pack-card-back b{font-size:44px;color:#ffe48c}.pack-card-back span{font-weight:900;letter-spacing:3px}.pack-reveal{position:relative;isolation:isolate;max-width:290px;margin:22px auto;border:2px solid #ffe48c;border-radius:18px;background:linear-gradient(135deg,#11323e,#232142);padding:18px 12px;animation:pack-reveal .7s ease-out}.pack-reveal canvas{width:160px;height:228px;max-width:100%;position:relative;z-index:1}.pack-reveal h2{margin:8px 0;font-size:25px}.pack-reveal p{color:#80f6d1;font-size:11px;font-weight:800;letter-spacing:1px}.pack-rays{position:absolute;inset:0;z-index:-1;opacity:.25;border-radius:16px;background:conic-gradient(from 0deg,transparent,#8dfbdc,transparent,#ffe48c,transparent,#8dfbdc,transparent)}.pack-orbit{font-size:65px;color:#ffe48c;padding:36px 0}@keyframes pack-rip{40%{transform:rotate(5deg) scale(1.05)}100%{transform:translateY(-35px) rotate(-12deg) scale(1.16);opacity:0;clip-path:polygon(0 35%,100% 20%,100% 100%,0 100%)}}@keyframes pack-reveal{from{transform:rotateY(100deg) scale(.7);opacity:0}to{transform:none;opacity:1}}@media(max-width:400px){.pack-modal{padding:14px}.pack-hub{padding:14px}.pack-open{flex-wrap:wrap}.pack-open small{margin-left:0}.pack-choices{gap:7px}.pack-card-back{padding:8px!important}.pack-wrapper{height:280px}}@media(prefers-reduced-motion:reduce){.pack-wrapper,.pack-reveal{animation:none!important}.pack-card-back{transition:none}}

.pack-reveal::after{content:"✦ · ✧ · ✦";position:absolute;inset:25% -25%;pointer-events:none;color:#ffe48c;font-size:42px;letter-spacing:12px;opacity:0;animation:pack-burst .85s ease-out}.pack-rays{animation:pack-glow 1s ease-out}@keyframes pack-burst{0%{transform:scale(.3);opacity:1}60%{opacity:.8}100%{transform:scale(1.5) rotate(15deg);opacity:0}}@keyframes pack-glow{from{opacity:.9}to{opacity:.25}}@media(prefers-reduced-motion:reduce){.pack-reveal::after,.pack-rays{animation:none!important}}