@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111311;--panel:#191c18;--gold:#e4bb6d;--muted:#999f92;--line:#30342d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f2e9;font-family:'DM Sans',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffe1a1;outline-offset:5px}button{color:inherit}header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#f4f3e9;font-weight:800;letter-spacing:1px;font-size:14px}.brandmark{background:var(--gold);color:#191b16;padding:10px 7px;letter-spacing:-2px;font-size:20px}.divider{color:#555b4d;margin:0 10px}.brand-sub{color:var(--muted);font-size:12px;letter-spacing:2px}.demo{font-size:11px;letter-spacing:1.5px;padding:9px 12px;border:1px solid #4d4535;color:var(--gold)}main{max-width:1420px;margin:auto;padding:44px 5% 46px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:65px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--gold)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(44px,5.3vw,78px);font-weight:800;letter-spacing:-1px;line-height:.98;margin:16px 0 14px}p{line-height:1.6}.intro{color:#aeb2a6;margin:0 0 26px}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;padding:0 0 14px;color:var(--muted);font-size:14px}.tabs .active{color:var(--gold);border-bottom:2px solid var(--gold)}.tabs span{font-size:12px;padding:3px 7px;background:#2c3128;border-radius:4px;margin-left:6px}.stage{min-height:445px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.aura{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse,#8b692c30 0,transparent 65%);pointer-events:none}.pack-wrap{position:relative;transform:rotate(-7deg);animation:float 5s ease-in-out infinite}.pack{position:relative;width:244px;height:342px;border:1px solid #f8d990;border-radius:2px;display:flex;align-items:center;flex-direction:column;color:#292313;box-shadow:18px 25px 45px #0009,inset 5px 0 10px #fff7,inset -4px 0 8px #3c240d88;background:linear-gradient(105deg,#93692d 0%,#d7a64e 10%,#fff0aa 24%,#dcb760 38%,#a77d30 53%,#f1d482 74%,#c4943f 93%,#efcb7a);overflow:hidden;touch-action:pan-y;user-select:none;padding:0;transition:filter .3s}.pack:hover{filter:brightness(1.12)}.pack:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(88deg,transparent 0px,#fff1 1px,transparent 3px,transparent 9px);pointer-events:none}.seal{position:absolute;top:0;left:0;right:0;height:15px;background:repeating-linear-gradient(90deg,#82612580 0 2px,#ffeda670 3px 5px);border-bottom:1px solid #8b692c}.seal.bottom{top:auto;bottom:0;border-top:1px solid #8b692c}.tear{display:flex;justify-content:space-between;width:100%;border-bottom:1px dashed #6f5429;padding:22px 15px 9px;font-size:9px;font-weight:700;letter-spacing:2px}.pack-label{font-size:12px;letter-spacing:4px;font-weight:900;margin-top:18px}.pack-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:69px;line-height:.82;font-weight:900;letter-spacing:-1px;margin-top:13px;text-shadow:0 1px #ffeba3}.pack-emblem{margin-top:13px;border:2px solid #665121;border-radius:50%;font-size:21px;font-weight:900;letter-spacing:-2px;width:46px;height:46px;display:grid;place-items:center}.pack-series{font-size:8px;letter-spacing:2px;margin-top:10px;font-weight:700}.pack-bottom{position:absolute;bottom:26px;display:flex;justify-content:space-between;width:86%;font-size:8px;letter-spacing:1px}.action-area{text-align:center}.action-area p{font-size:14px;margin:0 0 12px;color:#c2c5b9}.primary{background:var(--gold);color:#222014;border:0;padding:15px 24px;font-weight:700;min-width:242px;border-radius:3px}.primary span{margin-left:32px}.primary:hover{background:#f4ce84}.primary:disabled{opacity:.6;cursor:wait}.fine,.action-area .fine{font-size:12px;color:var(--muted);margin-top:12px}.reward{background:linear-gradient(135deg,#20251d,#191c18);border:1px solid #3b4032;padding:26px;border-radius:5px}.reward-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:56px;font-weight:700;color:var(--gold);margin-top:14px}.reward-number small{font-family:'DM Sans';font-size:20px;color:#646d59;margin-left:5px}.reward h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;line-height:1.05;margin:10px 0 12px}.reward p{color:#aeb4a4;font-size:14px}.progress{height:4px;background:#353c2e;margin:22px 0}.progress span{display:block;background:var(--gold);height:100%;width:0;transition:width .5s}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.roster-cell{border:1px solid #363d30;background:#141812;text-align:center;border-radius:3px;padding:10px 2px;font-size:11px;color:#8b9480}.roster-cell b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;margin-bottom:5px;color:#65705b}.roster-cell.found{border-color:#b38f47;background:#b38f4715;color:#f1dba6}.roster-cell.found b{color:var(--gold)}.reward-item{display:flex;gap:12px;padding:15px 0;border-top:1px solid #343c2d;align-items:center}.reward-icon{font-family:'Barlow Condensed';font-size:22px;color:var(--gold)}.reward-item strong{font-size:14px}.reward-item small{display:block;color:#99a38e;font-size:12px;margin-top:5px}.reward .reward-note{font-size:12px;margin-bottom:0}.odds-button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:21px 0;color:#d4d8cd;font-size:14px}.aside-note{font-size:12px;color:var(--muted);line-height:1.7}footer{border-top:1px solid var(--line);padding:22px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#858c7a}.opening{animation:tearAway .7s forwards!important}.card-row{display:flex;gap:22px;position:relative;padding:28px 0;align-items:center;justify-content:center}.card{position:relative;width:210px;min-height:302px;border:1px solid #b9a879;border-radius:10px;background:#24291e;padding:12px;box-shadow:0 15px 25px #0006;overflow:hidden;animation:appear .5s both;text-align:left}.card:nth-child(2){animation-delay:.15s}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#e5d3a5;border-bottom:1px solid #ffffff26;padding-bottom:9px}.card-art{height:152px;display:flex;justify-content:center;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:75px;color:#e9cd84;background:repeating-linear-gradient(125deg,#ffffff06 0 1px,transparent 1px 14px),linear-gradient(30deg,#485039,#1b2017);margin:10px 0;position:relative;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover}.card-art .sample{position:absolute;font-family:'DM Sans';font-size:8px;font-weight:400;bottom:8px;letter-spacing:1px}.card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;line-height:1;margin:8px 0}.card p{font-size:11px;color:#c0c5b3;line-height:1.5;min-height:32px;margin:7px 0}.card-meta{font-size:9px;letter-spacing:1px;color:#c7b886;display:flex;justify-content:space-between}.card.holo{border-color:#e0d3ff;background:linear-gradient(135deg,#26413c,#36294b,#414025);isolation:isolate}.card.holo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,#6dfff22b 30%,#9c81ff3b 40%,#ffd98050 50%,transparent 65%);background-size:250% 250%;mix-blend-mode:screen;animation:foil 4s infinite;z-index:3}.card.prize .card-art{font-size:51px;background:linear-gradient(130deg,#60492a,#272217);color:#f5d28d}.card.father .card-art{color:#e7bd5f;font-size:64px;background:linear-gradient(130deg,#252017,#060805)}.card-tag{text-align:center;font-size:11px;letter-spacing:1px;color:var(--gold);margin-top:12px}.collection-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.collection-head h2{font-size:24px}.collection-head span{font-size:12px;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:20px}.collection-grid .card{width:100%;max-width:260px}.empty{padding:80px 20px;text-align:center;grid-column:1/-1;color:var(--muted)}dialog{max-width:620px;width:calc(100% - 32px);border:1px solid #5c5037;border-radius:10px;padding:32px;background:#1c2019;color:#eeeee3;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-family:'Barlow Condensed';font-size:36px;margin:14px 0}dialog p{font-size:14px;color:#b7beac}.close{position:absolute;right:14px;top:10px;font-size:28px;background:none;border:0}.odds-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #343a2e;font-size:14px}.odds-row span:last-child{color:var(--gold)}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-9px) rotate(-4deg)}}@keyframes tearAway{40%{transform:rotate(4deg) scale(1.04);filter:brightness(1.5)}100%{transform:translateY(90px) rotate(18deg) scale(.85);opacity:0}}@keyframes appear{from{transform:translateY(25px) rotateY(65deg);opacity:0}to{transform:none;opacity:1}}@keyframes foil{0%,100%{background-position:0 0}50%{background-position:100% 100%}}
@media(min-width:1450px){main{padding-top:60px}.stage{min-height:470px}.pack{transform:scale(1.1)}}@media(max-width:1000px){main{gap:30px;grid-template-columns:minmax(0,1fr) 300px}.card-row{gap:12px}.card{width:180px}.card-art{height:125px}.card h3{font-size:24px}.brand-sub,.divider{display:none}}@media(max-width:760px){header{height:72px;padding:0 20px}.demo{font-size:9px;padding:7px}.brand{gap:8px;font-size:12px}main{display:block;padding:28px 20px}.eyebrow{font-size:10px}h1{font-size:55px}.intro{font-size:14px}.stage{min-height:412px}.card-row{gap:10px;width:100%}.card{width:calc(50% - 5px);padding:9px;min-height:285px}.card h3{font-size:24px}.card-art{font-size:58px;height:127px}.card-top,.card-meta{font-size:8px}.card.prize .card-art{font-size:40px}.card.father .card-art{font-size:48px}aside{margin-top:40px}.reward{padding:24px}.reward h2 br{display:none}.roster{grid-template-columns:repeat(3,1fr)}footer{display:block;line-height:2;padding:20px}footer span{display:block}.collection-grid .card{width:100%}.collection-grid{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Physical materials and layered unwrapping. */
.stage{height:560px;min-height:560px;isolation:isolate;overflow:hidden;perspective:1100px;--card-width:210px}
.pack-wrap{position:absolute;top:156px;left:50%;width:244px;height:342px;margin-left:-122px;transform:none;animation:none;--rip:0;--rip-width:0%;--peel-x:0px;--peel-y:0px;--peel-angle:0deg;--rip-origin:left;perspective:1000px}
.pack{position:absolute;inset:0;width:244px;height:342px;display:block;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;transform:none;filter:none!important;z-index:3;touch-action:none;cursor:grab;outline-offset:12px}
.pack:after{display:none}.pack:active{cursor:grabbing}
.pack-body,.pack-strip{position:absolute;left:0;width:100%;background-image:linear-gradient(108deg,#fff3 0%,transparent 20%,#38220233 49%,#fff4 75%,transparent),url('gold-foil.png');background-size:100% 100%,244px 342px;box-shadow:inset 2px 0 3px #ffebaa, inset -3px 0 5px #5a361e,inset 8px 0 12px #9a681b55;filter:drop-shadow(3px 8px 8px #0005);color:#302413}
.pack-body{top:46px;height:296px;background-position:0 0,0 -46px;display:flex;flex-direction:column;align-items:center;border-radius:0 0 3px 3px;clip-path:polygon(0 0,4% 1%,8% 0,12% 1%,16% 0,20% 1%,24% 0,28% 1%,32% 0,36% 1%,40% 0,44% 1%,48% 0,52% 1%,56% 0,60% 1%,64% 0,68% 1%,72% 0,76% 1%,80% 0,84% 1%,88% 0,92% 1%,96% 0,100% 1%,100% 100%,0 100%)}
.pack-body:after{content:'';position:absolute;inset:0;background:linear-gradient(102deg,transparent 15%,#ffffda55 24%,transparent 35%,#4e33002a 50%,transparent 69%,#fff9cb33 76%,transparent);mix-blend-mode:soft-light;pointer-events:none}
.pack-strip{height:49px;top:0;background-position:0 0;transform-origin:right bottom;transform:translate(var(--peel-x),var(--peel-y)) rotate(var(--peel-angle));transition:transform .3s;z-index:4;clip-path:polygon(0 0,100% 0,100% 100%,96% 96%,92% 100%,88% 96%,84% 100%,80% 96%,76% 100%,72% 96%,68% 100%,64% 96%,60% 100%,56% 96%,52% 100%,48% 96%,44% 100%,40% 96%,36% 100%,32% 96%,28% 100%,24% 96%,20% 100%,16% 96%,12% 100%,8% 96%,4% 100%,0 96%)}
.dragging .pack-strip{transition:none}.tear{font-size:10px;padding:25px 14px 10px;border:0;letter-spacing:1.6px}.tear span{font-size:18px;line-height:10px}.seal{height:18px;background:repeating-linear-gradient(90deg,#51340477 0 1px,#fff2b688 2px 3px,#9a6b3055 4px 5px);box-shadow:inset 0 3px 4px #fff6,inset 0 -2px 3px #4f321166}.seal.bottom{height:20px;bottom:0}.pack-label{margin-top:21px;text-shadow:0 1px 0 #fff6}.pack-title{text-shadow:1px 1px 1px #fff5,0 -1px 1px #533712;color:#2b2115}.pack-emblem{box-shadow:0 1px 0 #fff7,inset 0 1px 0 #fff7}.pack-bottom{bottom:30px}.pack-series{font-size:9px;letter-spacing:1.4px}.rip-line{position:absolute;top:45px;left:0;height:3px;width:100%;background:#15110d;transform:scaleX(var(--rip));transform-origin:var(--rip-origin);z-index:5;box-shadow:0 1px #fff5}.wrapper-back{position:absolute;inset:41px 2px 3px;background:linear-gradient(90deg,#6f633c,#191a14 15%,#090a07 50%,#352d1a 92%,#ad965d);z-index:0;border-radius:9px 9px 3px 3px;box-shadow:6px 20px 28px #0009}.torn .pack-body{box-shadow:inset 0 4px 6px #35240bbb,inset 2px 0 3px #ffebaa,inset -3px 0 5px #5a361e}.extracted{position:absolute;inset:0;z-index:2;pointer-events:none}.card-slot{position:absolute;top:54px;left:50%;width:var(--card-width);margin-left:calc(var(--card-width) / -2);transform:translateY(0) scale(.82);transform-origin:top center;perspective:900px}.card-slot:nth-child(1){z-index:2}.card-slot:nth-child(2){z-index:1}.unpacked .extracted{pointer-events:auto}.unpacked .card-slot{z-index:4}.card-slot:hover{z-index:5}.card{width:100%;min-height:326px;animation:none!important;--mx:50%;--my:35%;--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;will-change:transform;isolation:isolate;border:1px solid #eadab0;border-bottom:3px solid #918775;border-right:3px solid #a29880;border-radius:11px;background:linear-gradient(135deg,#343b2c,#1d2319);box-shadow:inset 0 0 0 2px #151a13,inset 0 0 0 3px #b6a27366,1px 2px 0 #c4bd9d,3px 4px 0 #736e59,7px 15px 24px #0009;text-shadow:0 1px 1px #0005}
.card:before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.17;mix-blend-mode:soft-light;z-index:5;pointer-events:none}
.card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--mx) var(--my),#fff8d317,transparent 60%);pointer-events:none;z-index:6}.card-art{border:1px solid #948568;box-shadow:inset 0 2px 6px #0008,0 1px 0 #fbe9bc33;border-radius:2px}.card-top{font-size:10px}.card p{font-size:12px;line-height:1.45}.card h3{letter-spacing:.1px}.card-meta{font-size:9px;gap:8px;line-height:1.4}.card.holo{border-color:#d2e7db;border-bottom-color:#928cb9;border-right-color:#aaa58d;background:linear-gradient(145deg,#394c40,#29283a 50%,#484232);box-shadow:inset 0 0 0 2px #152019,inset 0 0 0 3px #eedcaa80,1px 2px 0 #d9d4b8,3px 4px 0 #9c9197,7px 15px 24px #0009}
.card.holo:after{background:radial-gradient(ellipse at var(--mx) var(--my),#ffffef77,transparent 48%),repeating-linear-gradient(112deg,#f7e6a530 0%,#5fedda30 8%,#7584ef38 16%,#e388d93b 24%,#f8d78840 32%);background-size:100% 100%,220% 220%;background-position:center,var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.68;animation:foil 7s ease-in-out infinite}.card.holo:before{opacity:.3;background-image:radial-gradient(circle,#fff7 0 .6px,transparent .9px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:5px 5px,180px 180px;mix-blend-mode:screen}.collection-grid .card{width:100%}.action-area{position:relative;z-index:6}.action-area .primary{min-width:255px}
@media(max-width:1000px) and (min-width:761px){.stage{--card-width:174px}.card-slot .card{min-height:304px;padding:9px}.card-slot .card-art{height:125px}.card-slot .card h3{font-size:23px}}
@media(max-width:760px){.stage{height:530px;min-height:530px;--card-width:min(210px,calc((100vw - 64px) / 2))}.pack-wrap{top:145px}.card-slot .card{width:100%;min-height:305px;padding:9px}.card-slot .card-art{height:130px}.card-slot .card h3{font-size:24px}.card-slot .card-meta{font-size:8px}.card-slot .card-top{font-size:9px}.collection-grid .card{min-height:315px}.card-art{font-size:58px}}
@media(prefers-reduced-motion:reduce){.unpacked .card-slot:nth-child(1){transform:translate(-52%,-86px)!important}.unpacked .card-slot:nth-child(2){transform:translate(52%,-86px)!important}.card{transform:none!important}.card.holo:after{animation:none!important}}

.pack-strip{background-position:0 0,0 -135px}.tear{text-shadow:0 1px 1px #ffedac88;color:#251b0c}.pack-bottom{color:#251b0c;text-shadow:0 1px 1px #ffedac77}

/* A single aligned foil surface when sealed; no pre-cut edge or seam shadow. */
.pack-body,.pack-strip{background-color:#c39b47;background-image:linear-gradient(108deg,#fff3 0%,transparent 20%,#38220233 49%,#fff4 75%,transparent),url('gold-foil.png');background-size:244px 342px,244px 342px;filter:none;clip-path:none;box-shadow:inset 2px 0 3px #ffebaa,inset -3px 0 5px #5a361e,inset 8px 0 12px #9a681b55}
.pack-body{background-position:0 -46px,0 -46px}.pack-body:after{display:none}
.pack-strip{height:47px;background-position:0 0,0 0;transform-origin:center;transition:transform .2s ease-out}
.dragging .pack-strip{transition:none}
.rip-line{opacity:0;box-shadow:none}.dragging .rip-line,.torn .rip-line{opacity:1}
.torn .pack-body{clip-path:polygon(0 0,5% 1%,10% 0,15% 1%,20% 0,25% 1%,30% 0,35% 1%,40% 0,45% 1%,50% 0,55% 1%,60% 0,65% 1%,70% 0,75% 1%,80% 0,85% 1%,90% 0,95% 1%,100% 0,100% 100%,0 100%)}
/* Closed state is painted once, so no joined surfaces can expose a seam. */
.pack-wrap:not(.dragging):not(.torn) .pack{background-color:#c39b47;background-image:linear-gradient(108deg,#fff3 0%,transparent 20%,#38220233 49%,#fff4 75%,transparent),url('gold-foil.png');background-size:244px 342px;box-shadow:inset 2px 0 3px #ffebaa,inset -3px 0 5px #5a361e,inset 8px 0 12px #9a681b55}
.pack-wrap:not(.dragging):not(.torn) .pack-body,.pack-wrap:not(.dragging):not(.torn) .pack-strip{background:none;box-shadow:none;filter:none;clip-path:none}
/* Knife mode: both foil fragments are clipped from the same unbroken face. */
.pack-wrap .pack,.pack-wrap:not(.dragging):not(.torn) .pack{background:none;box-shadow:none;cursor:crosshair}
.foil-face{position:absolute;inset:0;background:#c39b47 linear-gradient(108deg,#fff3,transparent 20%,#38220233 49%,#fff4 75%,transparent);background-image:linear-gradient(108deg,#fff3,transparent 20%,#38220233 49%,#fff4 75%,transparent),url('gold-foil.png');background-size:244px 342px;box-shadow:inset 2px 0 3px #ffebaa,inset -3px 0 5px #5a361e;pointer-events:none}
.pack-wrap .foil-face .pack-body,.pack-wrap .foil-face .pack-strip{background:none;box-shadow:none;filter:none;clip-path:none;transform:none;transition:none}.pack-wrap .foil-face .pack-body:after{display:none}.rip-line{display:none!important}.knife-trace{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;overflow:hidden}.knife-trace polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}#cutShadow{stroke:#2d1909;stroke-width:2.8px}#cutPath{stroke:#fff1bc;stroke-width:.8px}#knifeTip{fill:#fffbe8;display:none;filter:drop-shadow(0 0 3px #fff)}.dragging #knifeTip{display:block}#upperFoil{z-index:6}.card-rotor{position:relative;transform-style:preserve-3d;transform:rotateY(180deg);width:100%;height:100%}.card-rotor>.card{backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);border:3px double #dfc07c;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:24px 8px;background:repeating-radial-gradient(ellipse at center,transparent 0 8px,#bb9b4320 9px 10px),linear-gradient(125deg,#151b12,#434930,#11170f);box-shadow:inset 0 0 0 6px #12180f,inset 0 0 0 7px #b59858,3px 4px 0 #9d936f,8px 15px 25px #000a;color:#e9c77c}.card-back span{font-size:10px;letter-spacing:2px;text-align:center}.card-back strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:75px;border:2px solid #dbc17b;padding:10px 20px;border-radius:50%;text-shadow:0 2px #000}.reveal-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 42%,#ffdf8170,transparent 57%);transition:opacity 1s;z-index:0}.building-suspense .reveal-light{opacity:1;animation:anticipation 1.5s ease-in-out infinite}.celebrating .reveal-light{animation:revealBloom 2.8s ease-out forwards}.spark-field{position:absolute;left:50%;top:45%;pointer-events:none;z-index:5}.spark-field i{position:absolute;width:3px;height:10px;background:#f8df9a;border-radius:2px;box-shadow:0 0 9px #e5ad3b;animation:sparkBurst 2.5s var(--delay) cubic-bezier(.1,.7,.3,1) both}.rare-reveal .card{box-shadow:0 0 25px #dcc18580,0 0 50px #9986fa55,3px 4px 0 #9c9197,7px 15px 24px #0009}.unpacked .card-rotor{transform:rotateY(0deg)}@keyframes anticipation{50%{filter:brightness(1.6)}}@keyframes revealBloom{0%{opacity:.4;transform:scale(.6)}25%{opacity:1;transform:scale(1.2)}100%{opacity:.15;transform:scale(1)}}@keyframes sparkBurst{0%{transform:rotate(var(--angle)) translateY(0);opacity:0}12%{opacity:1}100%{transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) rotate(120deg);opacity:0}}@media(prefers-reduced-motion:reduce){.reveal-light,.spark-field{display:none}.card-rotor{transform:none}}
/* Four floating packs, all using the same two-card pool. */
.pack-picker{position:absolute;inset:20px 0;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-content:center;padding:12px}
.pack-choice{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:22px;transition:filter .2s;animation:choiceHover 4.8s var(--choice-delay) ease-in-out infinite;cursor:pointer}
.choice-art{display:block;width:122px;height:171px;position:relative;filter:drop-shadow(0 18px 13px #0009);transition:filter .25s}
.choice-art .foil-face{width:244px;height:342px;transform:scale(.5);transform-origin:top left}.choice-art .pack-body,.choice-art .pack-strip{background:none;filter:none;box-shadow:none;clip-path:none;transform:none}.choice-art .pack-body:after{display:none}.choice-art .pack-title{font-size:69px}.choice-art .tear{font-size:10px}.choice-art .pack-strip .tear{visibility:hidden}.choice-label{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:700}.pack-choice:hover .choice-art,.pack-choice:focus-visible .choice-art{filter:drop-shadow(0 0 20px #f8c24e90) drop-shadow(0 20px 20px #0009)}.pack-choice:hover{animation-play-state:paused}.pack-choice:focus-visible{outline:2px solid #f7d583;outline-offset:10px;border-radius:4px}
.idle-float{animation:selectedFloat 4.5s ease-in-out infinite}.pack-wrap.idle-float{transform-origin:center center}
@keyframes choiceHover{0%,100%{transform:translateY(7px) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes selectedFloat{0%,100%{transform:translateY(4px)}50%{transform:translateY(-8px)}}
.gold-rays{position:absolute;inset:-35%;z-index:0;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 12deg,#ffd76e40 14deg 17deg,transparent 20deg 32deg);mask-image:radial-gradient(ellipse at center,transparent 3%,#000 24%,transparent 64%);transition:opacity 1s}
.building-suspense .gold-rays{opacity:.6;animation:goldRays 18s linear infinite}.celebrating .gold-rays{opacity:1;animation:goldRays 25s linear infinite}
.reveal-light{background:radial-gradient(ellipse at 50% 43%,#fff3bfdd 0%,#ffc5468c 18%,#de8d193b 38%,transparent 66%)}
.reveal-light:after{content:'';position:absolute;left:6%;right:6%;top:43%;height:3px;background:linear-gradient(90deg,transparent,#fff5c9,transparent);box-shadow:0 0 20px 5px #f9c65788;transform:scaleX(.6)}
.building-suspense .reveal-light{opacity:1;animation:goldCharge 2.8s ease-in-out infinite}.celebrating .reveal-light{animation:goldBloom 3.4s ease-out forwards}
.spark-field i{width:4px;height:12px;background:#fff3c8;box-shadow:0 0 8px 2px #ffcd55,0 0 20px #e6a129;animation-duration:3.3s}
.gold-reveal .card{box-shadow:0 0 0 1px #ffe29a,0 0 22px #ffd262a0,0 0 48px #ed9e3260,3px 4px 0 #9c9197,7px 15px 24px #0009;transition:box-shadow .5s}
.rare-reveal .card{box-shadow:0 0 0 2px #fff0b7,0 0 32px #ffd262cc,0 0 70px #ed9e3290,0 0 95px #9a84ff55,7px 15px 24px #0009}
@keyframes goldRays{to{transform:rotate(360deg)}}@keyframes goldCharge{0%,100%{filter:brightness(.9);transform:scale(.9)}50%{filter:brightness(1.5);transform:scale(1.08)}}@keyframes goldBloom{0%{opacity:.4;transform:scale(.65)}22%{opacity:1;transform:scale(1.12)}100%{opacity:.48;transform:scale(1)}}
@media(max-width:1120px){.pack-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;max-width:420px;margin:auto}.choice-art{width:122px;height:171px}.pack-choice{gap:14px}}
@media(prefers-reduced-motion:reduce){.idle-float,.pack-choice{animation:none!important}.gold-rays{display:none}.gold-reveal .card{box-shadow:0 0 10px #e3b65b55}}

.action-area #instruction.selection-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,6vw,58px);font-weight:900;line-height:1.1;letter-spacing:1.5px;color:#edc674;text-shadow:0 2px 0 #6b491b55,0 0 24px #e5ad3022;margin:0 0 16px}

/* Feather the stationary glow boundary even while its inner light expands. */
.reveal-glow-frame{position:absolute;inset:0;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}

/* Black cardstock, gold detailing, and official Stock Dads branding. */
.card{color:#f3ead6;background:linear-gradient(135deg,#27272a,#111113 58%,#1b1915);border-color:#dcc58c;border-bottom-color:#776039;border-right-color:#a68b55;box-shadow:inset 0 0 0 2px #0c0c0d,inset 0 0 0 3px #c5a56366,1px 2px 0 #d4bd86,3px 4px 0 #766342,7px 15px 24px #0009}
.card-art{background:repeating-linear-gradient(125deg,#e7c77708 0 1px,transparent 1px 14px),linear-gradient(30deg,#292725,#0c0c0e);border-color:#a28a58;color:#e6cc8c}
.card.prize .card-art{background:radial-gradient(ellipse at 50% 100%,#84642b55,transparent 75%),linear-gradient(135deg,#262421,#0c0c0e)}
.card.father .card-art{background:radial-gradient(ellipse at center,#70562455,#09090b 75%)}
.card p{color:#c2beb7}.card h3{color:#f1dbab}.card-meta{color:#c8b17c}.card-top{align-items:center;gap:8px;min-height:34px;padding-bottom:7px;border-bottom-color:#c5a56340}.card-top>span{font-size:8px;white-space:nowrap;letter-spacing:.7px}.card-logo{display:block;width:99px;max-width:64%;height:auto;object-fit:contain}
.card.holo{background:linear-gradient(145deg,#2a2927,#101012 50%,#30291c);border-color:#efdcaa;border-bottom-color:#99835c;border-right-color:#b6a072;box-shadow:inset 0 0 0 2px #0b0b0d,inset 0 0 0 3px #eedcaa80,1px 2px 0 #d9c9a5,3px 4px 0 #9c8860,7px 15px 24px #0009}
.card-back{overflow:hidden;background:repeating-linear-gradient(135deg,transparent 0 12px,#ddbd6e08 13px 14px),radial-gradient(ellipse at center,#34302a,#101012 72%);box-shadow:inset 0 0 0 6px #0d0d0f,inset 0 0 0 7px #b59858,3px 4px 0 #9d875d,8px 15px 25px #000a;padding:23px 10px;justify-content:space-between;border-color:#dcc184}
.card-back .back-edition{font-size:8px;letter-spacing:1.5px}.card-back .back-mark{display:flex;align-items:center;justify-content:center;width:100%;height:190px;overflow:hidden;mix-blend-mode:lighten}.back-mark img{display:block;flex:none;width:250px;height:250px;object-fit:contain}.card-back .back-collection{font-size:8px;line-height:1.7;letter-spacing:2.5px;color:#d2ba82}
.pack-label{margin-top:12px;background:linear-gradient(120deg,#252321,#0e0e0f);border:1px solid #f4dd9677;box-shadow:0 1px 2px #fff5,0 3px 8px #4d2e1355;padding:3px 8px;line-height:0;width:180px;border-radius:2px}.pack-label img{display:block;width:100%;height:45px;object-fit:contain}.pack-title{margin-top:14px}.pack-emblem{width:auto;height:auto;border:0;border-top:1px solid #55401c;border-bottom:1px solid #55401c;border-radius:0;box-shadow:none;margin-top:12px;padding:5px 17px;font-size:10px;line-height:1;letter-spacing:3px}.pack-series{margin-top:9px}.wrapper-back{background:linear-gradient(90deg,#76603c,#191819 15%,#09090b 50%,#352d1a 92%,#ad965d)}
@media(max-width:760px){.card-logo{width:90px}.card-top{gap:4px}.card-top>span{font-size:7px}.card-back .back-edition{font-size:7px;letter-spacing:.8px}.back-mark img{width:220px;height:220px}.card-back .back-mark{height:170px}.card-back .back-collection{letter-spacing:1.6px}}

/* Metallic-black foil: retain the physical wrinkles beneath a graphite finish. */
.foil-face{background:#111113;box-shadow:inset 1px 0 2px #f1deb077,inset -2px 0 4px #000;isolation:isolate}
.foil-face:before{content:'';position:absolute;inset:0;background-image:linear-gradient(108deg,#ffffff22,transparent 20%,#0008 49%,#ffffff44 75%,transparent),url('gold-foil.png');background-size:244px 342px;filter:grayscale(1) brightness(.48) contrast(1.35);z-index:-1;pointer-events:none}
.foil-face:after{content:'';position:absolute;inset:19px 5px 21px;border-left:1px solid #e8c67888;border-right:1px solid #e8c67866;pointer-events:none;z-index:1}
.pack-label{background:none;border:0;box-shadow:none;padding:3px 8px;text-shadow:none}
.pack-title{color:#ebcd83;background:linear-gradient(112deg,#a57a30 0%,#ead091 16%,#fff2ba 30%,#b99346 43%,#f9e6ac 60%,#c8a55b 78%,#fff1bc 90%,#af8237 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #080808) drop-shadow(0 -1px 0 #e6ca7844)}
.pack-emblem{color:#edcf8a;border-color:#d1ad5e99;text-shadow:0 1px 1px #000}
.pack-series,.pack-bottom,.tear{color:#e6c985;text-shadow:0 1px 1px #000}.pack-bottom{color:#ebd49c}.tear{color:#f0dca8}
.seal{background:repeating-linear-gradient(90deg,#60451f 0 1px,#dfc17a 2px,#9e783b 3px,#f4e0a0 4px,#806032 5px);border-color:#ad8a47;box-shadow:inset 0 3px 4px #fff5,inset 0 -2px 3px #0008}.seal.bottom{border-color:#ad8a47}
.wrapper-back{background:linear-gradient(90deg,#8d794d,#171719 8%,#060608 50%,#242426 94%,#ad965d)}

/* Premium trading-series wrapper: continuous artwork across both cut fragments. */
.foil-face{background:#08080a;box-shadow:0 1px 0 #f5db9c,0 0 1px 1px #9b7939,2px 4px 7px #0009}
.foil-face:before{background-image:url('premium-black-foil.png');background-size:244px 342px;filter:none}
.foil-face:after{inset:0;border:0;background:linear-gradient(108deg,transparent 4%,#fff4 5%,transparent 7%,transparent 90%,#fff5 94%,transparent 96%);mix-blend-mode:screen;opacity:.42}
.foil-face .seal{opacity:0}
.pack-label{margin-top:16px;width:184px;padding:3px 5px;filter:drop-shadow(0 2px 3px #000)}
.pack-title{margin-top:15px;background-image:linear-gradient(112deg,#987027 0%,#f8e8ae 17%,#fff9d9 27%,#bd9141 40%,#fff2be 57%,#d3ac5c 73%,#fffbe0 86%,#a77e36 100%);filter:drop-shadow(0 2px 0 #513910) drop-shadow(0 4px 5px #000);letter-spacing:.2px}
.pack-series{letter-spacing:1.7px;font-size:8px;color:#fff0c6;text-shadow:0 1px 3px #000,0 0 6px #000}
.pack-emblem{border-color:#f2d48e88;color:#ffe8ad;box-shadow:0 1px 0 #000a;text-shadow:0 1px 3px #000;font-size:9px;letter-spacing:3.5px}
.pack-bottom{bottom:29px;width:80%;font-size:7px;color:#f5e5b9;text-shadow:0 1px 3px #000}
.tear{padding:25px 18px 10px;font-size:8px;letter-spacing:2px;color:#fff0c7;text-shadow:0 1px 3px #000}

/* Three larger choices, with the complete wrapper visible at each width. */
.pack-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:12px 8px;max-width:none;margin:0}
.choice-art{width:171px;height:240px}.choice-art .foil-face{transform:scale(.7)}.pack-choice{gap:24px}
@media(max-width:1250px) and (min-width:761px){.pack-picker{gap:16px 12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;inset:10px 0}.pack-choice:last-child{grid-column:1/-1}.choice-art{width:146.4px;height:205.2px}.choice-art .foil-face{transform:scale(.6)}.pack-choice{gap:12px}}
@media(max-width:760px){.pack-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;inset:8px 0;padding:0;max-width:440px;margin:auto}.pack-choice:last-child{grid-column:1/-1}.choice-art{width:146.4px;height:205.2px}.choice-art .foil-face{transform:scale(.6)}.pack-choice{gap:10px}.choice-label{font-size:11px}}
@media(max-width:350px){.choice-art{width:136.64px;height:191.52px}.choice-art .foil-face{transform:scale(.56)}}

/* A consistent physical card format regardless of title or description length. */
.card,.card-slot .card,.collection-grid .card{height:410px;min-height:410px;display:flex;flex-direction:column}
.card-top{flex:0 0 34px}.card .card-art{height:140px;flex:0 0 140px;margin:10px 0}
.card>.eyebrow{flex:0 0 auto;line-height:12px}.card h3{flex:0 0 56px;min-height:56px;line-height:28px;margin:8px 0 6px}
.card p{flex:1;min-height:0;margin:0 0 9px}.card-meta{flex:0 0 auto;margin-top:auto}
@media(max-width:1000px){.card .card-art,.card-slot .card .card-art{height:120px;flex-basis:120px}.card h3,.card-slot .card h3{font-size:24px;line-height:25px;flex-basis:50px;min-height:50px}.card p{font-size:11px;line-height:1.4}}
@media(min-width:1251px){.choice-art{width:219.6px;height:307.8px}.choice-art .foil-face{transform:scale(.9)}.pack-picker{gap:24px}}
@media(min-width:1600px){.choice-art{width:244px;height:342px}.choice-art .foil-face{transform:scale(1)}}
.pack-choice{perspective:900px;--px:50%;--py:30%;--prx:0deg;--pry:0deg}
.choice-art{transform:rotateX(var(--prx)) rotateY(var(--pry));transform-style:preserve-3d;transition:transform .18s ease-out,filter .25s}
.choice-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--px) var(--py),#fff6,transparent 58%),linear-gradient(115deg,transparent 20%,#ffedba44 45%,transparent 65%);mix-blend-mode:screen;opacity:0;transition:opacity .2s}
.pack-choice:hover .choice-art:after,.pack-choice:focus-visible .choice-art:after{opacity:.65}
@media(prefers-reduced-motion:reduce){.choice-art{transform:none}.choice-art:after{display:none}}

/* Standard 2.5 by 3.5 trading-card proportions, including the collection view. */
@media(min-width:1001px){.stage{--card-width:250px}}
.card,.card-slot .card,.collection-grid .card{height:auto;min-height:0;aspect-ratio:5/7;padding:10px;container-type:inline-size}
.card .card-top{flex:0 0 12cqw;min-height:0;padding-bottom:3cqw}.card .card-logo{width:48cqw;max-width:65%}.card .card-top>span{font-size:3.7cqw}
.card .card-art,.card-slot .card .card-art{height:auto;flex:0 0 42%;margin:3cqw 0;font-size:32cqw}.card.prize .card-art{font-size:23cqw}.card.father .card-art{font-size:28cqw}
.card .card-art .sample{font-size:3.1cqw;letter-spacing:.45px;bottom:5px}
.card>.eyebrow{font-size:3.5cqw!important;line-height:1.2;letter-spacing:1px}
.card h3,.card-slot .card h3{font-size:11cqw;line-height:1.04;flex:0 0 23cqw;min-height:0;margin:3cqw 0 2cqw}
.card p{font-size:5cqw;line-height:1.35;min-height:0;margin:0 0 2cqw}
.card .card-meta,.card-slot .card .card-meta{font-size:3.5cqw;letter-spacing:.4px;gap:4px;line-height:1.2}
.card-back{padding:8% 5%}.card-back .back-mark{height:65%;min-height:0}.back-mark img{width:135%;height:auto}.card-back .back-edition,.card-back .back-collection{font-size:8px}
@media(max-width:760px){.card,.card-slot .card,.collection-grid .card{padding:7px}.card-back .back-edition,.card-back .back-collection{font-size:6px}}

/* Face-down cards remain under the recipient's control. */
.unpacked .card-rotor{transform:rotateY(180deg)}.unpacked .flipped .card-rotor{transform:rotateY(0deg)}
.card-slot[role=button]{cursor:pointer}.card-slot[aria-disabled=true]{cursor:default}.card-slot:focus-visible{outline:2px solid #f5dda0;outline-offset:8px;border-radius:12px}

/* Forgiving knife hit area; the visual wrapper retains its true bounds. */
.pack:before{content:'';position:absolute;inset:-28px;z-index:9;touch-action:none}
.choice-art{transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .9s ease-in-out}
.choice-art:after{transition:opacity .95s ease-in-out}.pack-choice{transition:filter .9s ease-in-out}
#partialFoil{z-index:6;pointer-events:none;animation:looseFoilFlap 3.6s ease-in-out infinite;filter:drop-shadow(0 3px 2px #0007)}
@keyframes looseFoilFlap{0%,100%{transform:perspective(700px) rotateY(0deg) rotateZ(0deg) translateY(-1px)}50%{transform:perspective(700px) rotateY(var(--flap-turn)) rotateZ(var(--flap-roll)) translateY(-3px)}}
@media(prefers-reduced-motion:reduce){#partialFoil{animation:none;transform:translateY(-2px)}}

/* Stable hover surfaces keep card tilt from feeding back into pointer geometry. */
.collection-card-frame{width:100%;max-width:260px;position:relative;perspective:900px}
.card{transition:transform .32s cubic-bezier(.2,.7,.2,1)}

.gold-reveal .card{transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.card-slot .card,.collection-card-frame .card{pointer-events:none}

/* The loose foil hangs from its cut endpoint in three dimensions. */
.pack{perspective:750px;perspective-origin:50% 25%}
#partialFoil{animation:none;transform-style:preserve-3d;backface-visibility:visible;filter:drop-shadow(3px 9px 5px #000a);will-change:transform}
#partialFoil:after{background:linear-gradient(110deg,#fff8 0%,transparent 25%,#0007 70%,#fff4);mix-blend-mode:soft-light;opacity:.8}

.pack-wrap.partial-loose{animation:none;transform:rotateX(var(--loose-pitch,0deg)) rotateY(var(--loose-yaw,0deg));transform-style:preserve-3d;transition:transform .24s ease-out}

/* Real card-back surfaces sit inside the sleeve, below both foil pieces. */
#partialCards{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translateZ(-2px)}
#partialCards .inner-card{position:absolute;inset:auto;top:36px;left:19px;width:206px;height:288.4px;transform:none;backface-visibility:visible;border-width:2px;border-radius:9px;padding:18px 8px;box-shadow:1px 2px 0 #b6a373,2px 3px 0 #38322b,0 3px 8px #0009}
#partialCards .inner-card-rear{top:32px;left:21px;background:#151518;filter:brightness(.75)}
#partialCards .inner-card-front{z-index:1}
#partialCards .back-edition{font-size:7px;letter-spacing:1.2px}
#partialCards .back-collection{font-size:7px}

.pack-wrap.partial-loose{transform-style:flat}
#partialCards{transform:none;z-index:2}
.partial-loose .wrapper-back{background:linear-gradient(90deg,#181719,#08080a 15%,#08080a 90%,#252124);box-shadow:none}
.card.holo:after{animation:none!important;background:radial-gradient(ellipse at var(--mx,50%) var(--my,50%),#fffcefc9 0%,#fff3 12%,transparent 42%),repeating-linear-gradient(115deg,#ffd77860 0%,#6fffff65 12%,#8f88ff75 24%,#ff91cd70 36%,#ffe39c65 48%);background-size:100% 100%,280% 280%;background-position:center,var(--mx,50%) var(--my,50%);mix-blend-mode:color-dodge;opacity:var(--foil-light,.38);transition:opacity .35s ease}

.card-gallery-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none}.disclosure-link{border:0;background:none;color:#e3cc93;padding:0;text-align:left;font:inherit}#disclosureDialog{width:min(680px,92vw);padding:36px;line-height:1.65}#disclosureDialog h2{line-height:1.15;padding-right:22px}#disclosureDialog h3{font-size:17px;margin:0 0 8px;color:#f3f2e9}#disclosureDialog section{margin-top:24px}#disclosureDialog p{margin:8px 0;font-size:14px}#disclosureDialog .close{min-width:44px;min-height:44px}@media(max-width:600px){#disclosureDialog{padding:26px 22px}#disclosureDialog h2{font-size:29px}}