@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--blue:#6fc5f7;--paper:#e9e5d8}*{box-sizing:border-box}body{margin:0;color:var(--paper);background:radial-gradient(ellipse at 50% 35%,#103047 0,#06131f 55%,#030910 100%);font:15px Inter,Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#000 4px);z-index:5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button{border:1px solid #416075;background:#102536;border-radius:5px;padding:12px 18px}button:hover{background:#1c3a4e}header{max-width:1400px;margin:auto;padding:25px 6%;display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff18}.brand{font:900 29px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;color:var(--paper);text-decoration:none}.brand span{color:#db493c}.edition{font-size:10px;letter-spacing:3px;color:#92a7b7;margin-right:auto}header button{font-size:11px;background:none;padding:9px 12px}#sealed{text-align:center;padding:38px 20px 20px}.eyebrow{font-size:10px;letter-spacing:4px;color:var(--blue);font-weight:600}h1{font:800 clamp(36px,5vw,64px)/.98 'Barlow Condensed',Impact,sans-serif;margin:14px 0;letter-spacing:-.5px}h1 span{color:var(--blue)}.lede{color:#a9b9c4;line-height:1.6;font-size:13px}#pack{display:block;position:relative;width:min(290px,66vw);aspect-ratio:2/3;padding:0;border:0;border-radius:0;margin:30px auto 22px;background:none;filter:drop-shadow(0 20px 30px #0009);transform:rotate(-5deg);transition:transform .3s}#pack:hover{transform:rotate(-2deg) scale(1.025)}.half{position:absolute;inset:0;background:url('assets/wrapper.png') center/100% 100%;transition:transform 1s cubic-bezier(.3,.1,.2,1),opacity .8s}.top{clip-path:polygon(0 0,100% 0,100% 31%,93% 29%,85% 32%,75% 29%,65% 32%,55% 30%,45% 32%,35% 29%,25% 32%,15% 29%,5% 32%,0 30%)}.bottom{clip-path:polygon(0 30%,5% 32%,15% 29%,25% 32%,35% 29%,45% 32%,55% 30%,65% 32%,75% 29%,85% 32%,93% 29%,100% 31%,100% 100%,0 100%)}.tear{position:absolute;left:-8%;right:-8%;top:28%;padding:12px 0;background:var(--paper);color:#092237;font-size:10px;letter-spacing:3px;box-shadow:0 3px 10px #0008;transform:rotate(5deg);transition:opacity .2s}.opening .top{transform:translate(35px,-180px) rotate(25deg);opacity:0}.opening .bottom{transform:translate(-30px,160px) rotate(-15deg);opacity:0}.opening .tear{opacity:0}.pack-note{font-size:9px;letter-spacing:2px;color:#8ca4b6}.pack-note span{padding:0 8px;color:#b74238}#collection{padding:25px 20px;max-width:1200px;margin:auto;text-align:center}.collection-heading h1{font-size:43px}.collection-heading>p:last-child{font-size:13px;color:#a9b9c4}.tabs{display:flex;justify-content:center;gap:5px;margin:24px 0}.tabs button{font-size:12px}.tabs button[aria-pressed=true]{background:var(--paper);color:#071a28}.card-stage{display:flex;align-items:center;justify-content:center;gap:28px}#enlarge{padding:0;border:0;background:none;line-height:0;max-width:min(440px,65vw)}#card{display:block;width:100%;max-height:64vh;object-fit:contain;filter:drop-shadow(0 10px 25px #0009)}.arrow{border-radius:50%;width:44px;height:44px;padding:0;font-size:23px}.caption{margin:22px 0}#counter{font-size:11px;letter-spacing:3px;color:var(--blue)}h2{font:600 23px 'Barlow Condensed',sans-serif;margin:6px}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px auto}#grid button{padding:0;background:none;border:0}#grid img{display:block;width:100%;border-radius:9px;transition:transform .2s}#grid button:hover img{transform:translateY(-5px)}#grid span{display:block;font-size:11px;color:#abc0d0;margin-top:10px}.actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.actions button{font-size:11px}#status{font-size:12px;color:var(--blue);min-height:16px}footer{text-align:center;padding:28px 15px;font-size:9px;letter-spacing:3px;color:#6c8597}footer span{padding:0 12px;color:#ad3d37}dialog{border:0;background:#06131ff5;max-width:100vw;max-height:100dvh;padding:35px 20px 15px;text-align:center}dialog::backdrop{background:#000d}dialog img{max-height:85dvh;max-width:90vw;object-fit:contain}dialog p{font-size:10px;color:#a9b9c4}#close{position:fixed;right:16px;top:15px;z-index:10}[hidden]{display:none!important}@media(max-width:600px){header{padding:17px 5%;gap:12px}.edition{display:none}header button{margin-left:auto}.card-stage{gap:10px}.arrow{width:35px;height:35px;flex-shrink:0}#enlarge{max-width:72vw}#grid{grid-template-columns:repeat(2,1fr);gap:18px 12px}.collection-heading h1{font-size:35px}.eyebrow{letter-spacing:2px}#sealed{padding-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;animation:none!important}}
