.pack-opening{--acid:#ffc400;--text:#f5f3e9;box-sizing:border-box;width:min(1100px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:32px 0 24px;overflow-x:hidden;overflow-y:auto;border:1px solid #686036;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#3d3518 0,#171a14 60%);color:var(--text);box-shadow:0 35px 120px #000b;font-family:inherit}.pack-opening *{box-sizing:border-box}.pack-opening::backdrop{background:#090c08dc;backdrop-filter:blur(8px)}body:has(.pack-opening[open]){overflow:hidden}.po-heading{display:flex;justify-content:space-between;gap:20px;padding:0 32px}.po-heading h2{font-size:clamp(24px,4vw,40px);letter-spacing:-.04em;margin:10px 0}.po-heading p{color:#aeb4a1;font-size:13px;margin:0}.po-eyebrow{font-size:9px;letter-spacing:.2em;color:#b6a34f}.po-close{align-self:flex-start;width:40px;height:40px;flex-shrink:0;border:1px solid #4b4d41;background:#24261e;color:#d3d6c8;border-radius:50%;font-size:24px;cursor:pointer}.po-progress{display:flex;gap:6px;margin:22px 32px}.po-progress span{height:3px;width:38px;background:#393d30;border-radius:4px}.po-progress .is-on{background:var(--acid)}.po-reel{position:relative;padding:10px 0;margin:10px 0 0}.po-viewport{overflow:hidden;position:relative;background:#0b0e09;border-top:1px solid #4b492e;border-bottom:1px solid #4b492e;padding:18px 0}.po-viewport:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080b09c4,transparent 20%,transparent 80%,#080b09c4)}.po-track{display:flex;gap:14px;will-change:transform}.po-slot{width:220px;flex:0 0 220px}.po-slot .cc-card{height:100%;margin:0;pointer-events:none}.po-slot .cc-card-top{font-size:9px;padding:14px 14px 0}.po-slot .cc-card-top span:last-child{display:none}.po-slot .cc-card-art{height:145px}.po-slot .cc-card-body{padding:14px 16px 0}.po-slot .cc-card h3{font-size:24px;margin:4px 0 14px}.po-slot .cc-make{font-size:9px}.po-slot .cc-card-art>small{font-size:7px}.po-slot .cc-card-origin{font-size:9px}.po-slot .cc-card-number{font-size:9px;padding:12px 0}.po-slot .cc-card-edition{font-size:22px}.po-pointer{position:absolute;z-index:3;left:calc(50% - 9px);top:0;width:18px;height:20px;background:var(--acid);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 8px #ffc400)}.po-pointer-bottom{top:auto;bottom:0;transform:rotate(180deg)}.pack-opening[data-phase="landed"] .po-slot:nth-child(29) .cc-card{outline:2px solid var(--acid);box-shadow:0 0 25px #ffc40030}.po-result{min-height:98px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 24px}.po-result strong{font-size:20px}.po-result small{color:#a7b091;font-size:10px}.po-rarity{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#b2c4d0}.po-rarity[data-rarity="rare"]{color:#78b9ff}.po-rarity[data-rarity="epic"]{color:#cb9aff}.po-rarity[data-rarity="legendary"]{color:#ffcb36}.po-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 32px 0}.po-footer>span{font-size:11px;color:#9ca68a}.po-button,.po-skip{font:inherit;font-size:12px;min-height:46px;padding:13px 20px;border-radius:6px;cursor:pointer}.po-button{background:var(--acid);color:#15160c;border:1px solid var(--acid);font-weight:700}.po-button:disabled{opacity:.4;cursor:default}.po-skip{background:transparent;color:#b5bda5;border:1px solid #444a37}.pack-opening button:focus-visible{outline:2px solid white;outline-offset:4px}.po-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:28px 32px 16px}.po-summary .cc-card{margin:0}.po-summary h3{margin:5px 0 16px}.po-summary .cc-card-art{height:150px}.po-summary .cc-card-top{font-size:9px}.po-summary .cc-card-body{padding:14px 16px 0}.po-summary .cc-card-number{font-size:10px}.po-summary .cc-card-origin{font-size:10px}
@media(max-width:600px){.pack-opening{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:13px;padding-top:22px}.po-heading{padding:0 20px}.po-heading h2{font-size:28px}.po-heading p{font-size:12px}.po-progress{margin:18px 20px}.po-footer{padding:8px 20px 0;flex-wrap:wrap;gap:10px}.po-footer>button{flex:1;white-space:normal;font-size:11px;padding:12px}.po-summary{padding:22px 20px 12px;grid-template-columns:1fr;max-width:330px;margin:auto}.po-summary .cc-card-art{height:180px}.po-summary h3{font-size:28px}.po-result{min-height:103px}.po-slot{width:210px;flex-basis:210px}.po-slot .cc-card-art{height:135px}.po-slot .cc-specs{font-size:11px}.po-slot .cc-card-origin{padding:12px 0}.po-slot .cc-card-edition small{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.pack-opening[data-phase="landed"] .po-result{animation:po-result .35s ease-out}@keyframes po-result{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

.po-summary>.cc-artwork-card{width:100%;max-width:340px;justify-self:center;margin:0 auto}