.gate-rim{stroke-width:4;opacity:var(--rim-light,0);filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px #dcefff) drop-shadow(0 0 25px #c5e5ff)}
.program-grid{gap:28px;perspective:1200px}.program-card{position:relative;border:1px solid #bcc5d9;border-radius:22px;background:linear-gradient(140deg,#fff,#e2e7f0);box-shadow:inset 0 1px #fff,0 8px 0 -3px #c4cad6,0 24px 40px #10152514;transition:transform .4s,box-shadow .4s}.program-card.dark{background:linear-gradient(145deg,#293b61,#101c33 65%,#25243f);border-color:#7183a5;color:#f1f5ff;box-shadow:inset 0 1px #bac9ea66,0 8px 0 -3px #161e31,0 24px 45px #10152533}.program-card.dark .card-top{color:#a9c9ff}.program-card.green{background:linear-gradient(135deg,#eef2fa,#dce3f0)}.program-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 25%,#fff3 44%,transparent 60%);opacity:0;transition:opacity .4s}.program-card:hover:after{opacity:1}.program-card:hover{transform:translateY(-12px) rotateX(2deg);box-shadow:inset 0 1px #fff8,0 12px 0 -5px #8d9ab7,0 32px 55px #10152530}.program-card .card-top{font-size:12px;letter-spacing:.14em}.program-card .card-top i{border:1px solid #96a4bc66;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.program-card .card-illustration{margin:0 12px;border-radius:12px;height:255px}.program-card h3{font-size:32px}.program-card .card-bottom{border-top:1px solid #8a9bb34d}
.team{background:radial-gradient(ellipse at 50% 0,#30314e,#101525 70%)!important;color:#f0f3fc!important}.team .section-head p,.team .caption{color:#b9c1d4}.team .rail-buttons button{border-color:#7e8ca2;color:#fff}.team .rail-buttons button:hover{color:#101525}.team-rail{gap:36px;padding:36px 10px 55px;perspective:1200px;scrollbar-color:#b5bdcb #1e263b}
.booster{--foil:#b8ff35;position:relative;flex:0 0 260px;width:260px;height:430px;padding:0;border:0;background:none;color:white;scroll-snap-align:center;transition:transform .35s;isolation:isolate;filter:drop-shadow(0 18px 15px #0006);text-align:center}.booster:hover{transform:translateY(-14px) rotate(-2deg)}.pack-body{position:absolute;inset:0;background:linear-gradient(110deg,#6b542c,#f5e1a0 8%,#a5833d 12%,#151a28 16%,#26324a 50%,#121622 85%,#f1dc90 90%,#66532d);clip-path:polygon(0 0,100% 0,98% 4%,99% 96%,100% 100%,0 100%,1% 96%,2% 4%);overflow:hidden;border:1px solid #eadb9c}
.pack-body:before,.pack-body:after{content:'';position:absolute;left:0;right:0;height:19px;background:repeating-linear-gradient(90deg,#b4a06b 0 2px,#f8e7a5 3px,#665530 5px);z-index:5}.pack-body:before{top:0}.pack-body:after{bottom:0}.pack-foil{position:absolute;inset:18px 8px;background:conic-gradient(from 30deg at 50% 40%,transparent,#d6ffff55,transparent,#ffb9f944,transparent,#faffbb55,transparent);mix-blend-mode:screen;opacity:.55;pointer-events:none;z-index:4}.booster:hover .pack-foil{animation:foilSweep 2s ease-in-out infinite alternate}
.pack-brand{position:absolute;top:28px;left:15%;width:70%;z-index:3}.pack-brand img{width:100%;height:auto}.pack-portrait{position:absolute;top:104px;left:16px;width:228px;height:228px;object-fit:contain;filter:drop-shadow(0 0 15px var(--foil));border-radius:50%}.pack-series{position:absolute;top:89px;left:0;right:0;font:8px Arial;letter-spacing:.3em;color:#e5d49d}.pack-name{position:absolute;bottom:55px;left:10px;right:10px;font-size:23px;font-weight:400;text-shadow:0 2px 5px #000}.pack-number{position:absolute;bottom:32px;left:0;right:0;font:9px monospace;letter-spacing:.18em;color:#f7e9bb}.pack-open{position:absolute;bottom:-31px;left:0;right:0;font-size:12px;letter-spacing:.13em;color:#b7c5de}.booster:focus-visible{outline:2px solid var(--foil);outline-offset:8px}
@keyframes foilSweep{from{transform:translateX(-25%) rotate(-10deg)}to{transform:translateX(25%) rotate(12deg)}}
#pack-dialog{width:min(940px,94vw);max-width:940px;max-height:94svh;border:1px solid #b6c4e340;border-radius:22px;background:radial-gradient(ellipse at 30% 40%,#35304b,#101525 72%);color:#edf1fa;padding:55px 35px 30px;overflow:auto;box-shadow:0 40px 100px #0009}#pack-dialog::backdrop{background:#060a15dc;backdrop-filter:blur(12px)}#pack-dialog .close{color:#fff;background:#ffffff10;z-index:20}.pack-reveal{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:50px;align-items:center}.reveal-scene{position:relative;min-height:510px;display:grid;place-items:center;perspective:1200px}.collector-card{--foil:#b8ff35;position:relative;width:310px;height:470px;padding:9px;border-radius:17px;background:conic-gradient(from 45deg,#f8e6a6,#859aaa,#e7d78f,#a3e4d8,#f8b4e9,#f8e6a6);box-shadow:0 0 0 1px #fff6,0 18px 35px #0008,0 0 30px #e8d78122;transform:rotate(-3deg);isolation:isolate;animation:cardReveal 1.3s cubic-bezier(.2,.7,.2,1) both}.collector-inner{position:relative;height:100%;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 60% 25%,var(--foil),#253343 57%,#0d1320);border:1px solid #342b21}.collector-inner:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 45px,#ffffff14 46px,#ffffff00 48px),conic-gradient(from 70deg,transparent,#e2ffff44,transparent,#fff6,transparent);mix-blend-mode:screen;pointer-events:none}.collector-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;padding:12px 10px;color:#162034;background:linear-gradient(110deg,#fff4cf,#f2e1aa88);font-size:16px}.collector-top small{font:9px monospace;white-space:nowrap}.collector-art{width:100%;height:260px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 7px 10px #0008)}.collector-info{position:relative;z-index:2;margin:0 9px;padding:12px;background:#f4edcced;color:#263044;border:1px solid #e3ca8c;border-radius:6px}.collector-info strong{font-size:17px;font-weight:400}.collector-info p{font-size:10px;margin:8px 0 0;line-height:1.5}.collector-bottom{position:absolute;bottom:8px;left:12px;right:12px;display:flex;justify-content:space-between;font:8px monospace;color:#fff0bd}.reveal-copy h2{font-size:36px;font-weight:400;line-height:1.3}.reveal-copy p{font-size:14px;color:#c3cbda}.reveal-copy .eyebrow{color:#e4d4a1}.reveal-copy button{padding:12px 20px;background:#ffffff10;border:1px solid #d5dfef50;border-radius:5px;color:white}.tear-top{position:absolute;inset:30px 20px auto;height:80px;background:linear-gradient(100deg,#b89e50,#fff3bc,#8c763c);clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,70% 85%,55% 100%,40% 80%,25% 100%,0 85%);z-index:5;pointer-events:none;animation:tearAway .8s ease-in forwards}.pack-burst{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,#fff9,transparent 65%);animation:burst .9s ease-out forwards}
@keyframes tearAway{to{transform:translate(60px,-150px) rotate(24deg);opacity:0}}@keyframes cardReveal{0%{transform:translateY(50px) rotateY(90deg) scale(.8);opacity:0}40%{opacity:1}100%{transform:translateY(0) rotateY(0) rotate(-3deg);opacity:1}}@keyframes burst{0%{opacity:0;transform:scale(.3)}35%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
@media(max-width:760px){.program-card .card-illustration{height:220px}.booster{flex-basis:240px;width:240px;height:405px}.pack-portrait{width:208px;height:208px}.pack-name{font-size:21px}.pack-reveal{display:block}.reveal-scene{min-height:480px}.collector-card{width:290px;height:450px}.collector-art{height:245px}.reveal-copy{text-align:center;margin-top:15px}.reveal-copy h2{font-size:29px}#pack-dialog{padding:45px 16px 25px}.team-rail{gap:28px}}
@media(prefers-reduced-motion:reduce){.collector-card,.tear-top,.pack-burst,.booster:hover .pack-foil{animation:none}.tear-top,.pack-burst{display:none}.booster:hover,.program-card:hover{transform:none}}