.pack-reveal{width:min(620px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:22px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 40%,#294847,#101f2a 70%);border:1px solid #769183;color:#f5f1db;overflow:auto}.pack-reveal::backdrop{background:#061118e8}.pack-reveal .reveal-header{position:sticky;top:-22px;background:#142832f5;display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:10px;border:0;z-index:3}.reveal-header h2{font-size:22px;margin:5px 0}.reveal-header .eyebrow{font-size:9px;margin:0}.pack-reveal button{min-width:44px;min-height:44px;color:inherit;border:1px solid #647f72;background:#203b3b;cursor:pointer;font:12px monospace;padding:10px}.pack-reveal button:focus-visible{outline:3px solid #d3eba4;outline-offset:3px}.reveal-toolbar,.reveal-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px}.reveal-toolbar{font:12px monospace;margin:8px 0}.reveal-toolbar button{border:0;background:transparent}.pack-reveal .reveal-stage{display:block;position:relative;isolation:isolate;width:min(260px,70vw);margin:22px auto;border:0;background:none;padding:0;perspective:900px;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sealed-pack,.card-back{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:22px;box-sizing:border-box;background:linear-gradient(135deg,#20423e,#547859 45%,#193a3d 46%,#112a35);border:3px solid #c3dda1;box-shadow:8px 10px 0 #07151c;text-align:center;color:#e8edc6}.sealed-pack{clip-path:polygon(0 0,100% 0,98% 6%,100% 12%,100% 100%,0 100%,2% 94%,0 88%);animation:pack-settle .5s ease-out}.sealed-pack strong{font:bold 30px/1.1 monospace;letter-spacing:2px}.sealed-pack span{font-size:65px}.sealed-pack small,.card-back small,.card-back span{font:10px monospace;letter-spacing:2px}.card-back{background:repeating-linear-gradient(45deg,#203f40 0 8px,#1b363b 8px 16px);border-color:#9db8a6;animation:card-arrive .35s ease-out}.card-back strong{font-size:80px;color:#d9e8be}.opening .sealed-pack{animation:pack-charge .25s ease-in-out 6 alternate}.flipped .player-card{animation:card-flip .42s cubic-bezier(.2,.7,.2,1);transform-origin:50% 50%}.reveal-stage:after{pointer-events:none;position:absolute;inset:-14px;content:'';z-index:-1;opacity:0;border:2px solid #d4e9ab}.flipped:after{animation:reveal-ring .65s ease-out}.tier-gold{filter:drop-shadow(0 0 16px #ffd57566)}.tier-diamond,.tier-red-diamond{filter:drop-shadow(0 0 22px #80daff99)}.tier-diamond.flipped .player-card,.tier-red-diamond.flipped .player-card{animation:diamond-arrive .85s cubic-bezier(.15,.8,.2,1)}.tier-diamond.flipped:after,.tier-red-diamond.flipped:after{border-color:#9de9ff;animation:diamond-burst 1s ease-out}.tier-diamond .card-art:after,.tier-red-diamond .card-art:after{content:'';position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 40%,#e9ffff99 49%,transparent 58%);animation:diamond-shine 1.1s ease-out;pointer-events:none}.reveal-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.reveal-summary .card-name{font-size:15px}.reveal-summary .card-art{max-height:130px}#reveal-status{min-height:40px;text-align:center;font-size:13px;line-height:1.6;color:#d4e2cf}.pack-list-button{display:block;width:100%;min-height:52px;padding:14px;margin:8px 0;border:1px solid #6e8c72;background:#25423e;color:#eaf0d6;font:12px/1.5 monospace;text-align:left;cursor:pointer}#owned-pack-list,#opened-pack-list{list-style:none;padding:0}.pack-reveal [hidden]{display:none!important}@keyframes pack-settle{from{transform:translateY(16px) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@keyframes pack-charge{to{transform:translateY(-4px) rotate(2deg);filter:brightness(1.2)}}@keyframes card-arrive{from{transform:translateY(20px) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes card-flip{from{transform:rotateY(-90deg) scale(.95);opacity:.2}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes reveal-ring{0%{transform:scale(.85);opacity:.7}100%{transform:scale(1.22);opacity:0}}@keyframes diamond-arrive{0%{transform:rotateY(-90deg) scale(.75);opacity:0}55%{transform:rotateY(0) scale(1.07);opacity:1}100%{transform:none}}@keyframes diamond-burst{0%{transform:scale(.6) rotate(0);opacity:1}100%{transform:scale(1.35) rotate(12deg);opacity:0}}@keyframes diamond-shine{from{transform:translateX(-65%)}to{transform:translateX(65%)}}@media(max-height:650px){.pack-reveal .reveal-stage{width:190px;margin:12px auto}.sealed-pack,.card-back{min-height:235px}.reveal-stage .card-art{max-height:125px}}@media(prefers-reduced-motion:reduce){.pack-reveal *,.pack-reveal *:after{animation:none!important;transition:none!important}.tier-diamond,.tier-red-diamond{filter:none}}
.burst:after{animation:reveal-ring .65s ease-out}.sealed-pack{position:relative}.sealed-pack:before{content:'';position:absolute;top:4%;left:0;right:0;border-top:3px dashed #e6f2be}.opening .sealed-pack:before{animation:pack-tear .7s ease-out both}@keyframes pack-tear{to{transform:translate(24px,-14px) rotate(8deg);opacity:0}}.tier-red-diamond{filter:drop-shadow(0 0 22px #ff809f99)}.tier-red-diamond.flipped:after{border-color:#ffa2bf}
.reveal-summary{display:block}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.pack-result{min-width:0}.pack-result button,.pack-results>button{width:100%;min-height:44px}.ownership-tag{color:#b9e7be;font:12px monospace}.result-comparison,.results-note{font-size:12px;line-height:1.6}.result-comparison{min-height:54px}.results-details>button:first-child{display:block;margin-left:auto}.results-details select{display:block;width:100%;min-height:44px;margin-top:8px;background:#173333;color:#fff}.results-details .detail-overview{margin-top:20px}.results-details button{min-height:44px}.results-details{overflow-x:hidden}.pack-result .card-name{overflow-wrap:anywhere}#saved-lineup span{font-size:11px;line-height:1.6}

/* Reserved footer columns keep Next under the same thumb on every card. */
#pack-reveal{height:min(850px,calc(100dvh - 20px));border-radius:16px;padding:16px;overflow:hidden;--pull:#bfd9a6;background:radial-gradient(ellipse at 50% 44%,#345447,#102430 68%);box-shadow:0 20px 80px #0008}
#pack-reveal[open]{display:grid;grid-template-rows:auto auto 5px minmax(0,1fr) 48px auto 52px;gap:8px}
#pack-reveal .reveal-header{position:static;padding:0;background:none;min-width:0}#pack-reveal .reveal-header h2{font:bold 20px/1.2 Arial}#pack-reveal .reveal-toolbar{margin:0;font-size:11px;min-height:36px}#pack-reveal .reveal-toolbar button{font-size:10px;padding:4px 8px;min-height:36px}
#pack-reveal .reveal-navigation{grid-row:7;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:4px 0;background:none;min-height:44px}
#reveal-prev{grid-column:1;grid-row:1}#reveal-next{grid-column:2;grid-row:1;background:#dbe7b5;color:#163334;border-color:#dbe7b5;font-weight:bold}
#pack-reveal .reveal-navigation button{width:100%;border-radius:7px;touch-action:manipulation}#pack-reveal button:disabled{opacity:.4;cursor:default}#pack-reveal #reveal-next:disabled{opacity:.65}
#pack-reveal #reveal-status{grid-row:5;align-self:center;margin:0;min-height:0;max-height:48px;overflow:auto;font:12px/1.4 Arial}#reveal-retry{grid-row:6;justify-self:center;border-radius:6px}#pack-reveal .reveal-summary{display:none}
.reveal-progress{grid-row:3;display:flex;gap:4px}.reveal-progress i{flex:1;background:#52695c;border-radius:3px}.reveal-progress i[data-seen=true]{background:#b9dca3}.reveal-progress i[data-current=true]{background:#eff4d2;box-shadow:0 0 7px #d9ebae66}
.reveal-arena{grid-row:4;position:relative;min-height:0;display:grid;grid-template-rows:28px minmax(0,1fr);justify-items:center;gap:8px;padding:8px 0 12px;isolation:isolate}
.reveal-arena:before{content:'';position:absolute;inset:12% 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#c8e8b51a,transparent 67%)}
.reveal-banner{color:var(--pull);font:bold 10px/1.3 monospace;letter-spacing:2px;text-align:center;align-self:center}
#pack-reveal .reveal-stage{width:clamp(145px,calc((100dvh - 265px)*.6),250px);max-width:75vw;height:100%;max-height:440px;min-height:0;margin:0;align-self:center;text-align:left;outline-offset:6px}
#pack-reveal .sealed-pack,#pack-reveal .card-back{height:100%;min-height:0;border-radius:8px;padding:18px;box-shadow:6px 8px 0 #061d2580}
#pack-reveal .sealed-pack{background:linear-gradient(120deg,#244339,#5e7855 35%,#d1d8a4 36%,#79936b 38%,#1d3c38 40%,#102937);border-color:#b9d39c}
#pack-reveal .sealed-pack span{font-size:clamp(36px,8vh,65px)}#pack-reveal .sealed-pack strong{font-size:clamp(20px,4vh,30px)}
#pack-reveal .reveal-stage .player-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column;border-radius:10px;box-shadow:0 10px 24px #07192280}
#pack-reveal .reveal-stage .card-art{flex:1;min-height:65px;max-height:none;height:auto}#pack-reveal .reveal-stage .card-copy{flex:none;padding:10px;gap:4px}#pack-reveal .reveal-stage .card-name{min-height:2.36em;font-size:18px}#pack-reveal .reveal-stage .card-team{min-height:2.6em;font-size:10px;line-height:1.3}#pack-reveal .reveal-stage .card-stats{padding-top:7px;margin-top:3px}
#pack-reveal[data-rarity=gold]{--pull:#f1cf78}#pack-reveal[data-rarity=diamond]{--pull:#8dddfb}#pack-reveal[data-rarity=red-diamond]{--pull:#ffa1aa}
.charging .card-back{animation:reveal-charge .6s ease-out both}.charging.tier-gold .card-back{border-color:#f1cf78}.charging.tier-diamond .card-back{border-color:#8dddfb}.charging.tier-red-diamond .card-back{border-color:#ffa1aa}
.reveal-sparks{position:absolute;inset:0;pointer-events:none;color:var(--pull)}.reveal-sparks i{position:absolute;top:45%;left:50%;width:4px;height:10px;background:currentColor;animation:pull-spark .85s ease-out both;transform:rotate(calc(var(--i)*30deg))}
.pack-best{display:grid;gap:8px;padding:20px;margin:4px 2px 24px;background:linear-gradient(120deg,#546b4344,#102c39);border:1px solid #b4c696;border-radius:10px;text-align:center}.pack-best small{font:9px monospace;letter-spacing:3px;color:#dcd6a8}.pack-best strong{font:bold 24px Arial}.pack-best span{font:11px monospace;color:#cee0c1}
#pack-reveal[data-screen=summary]{grid-template-rows:auto auto minmax(0,1fr) 48px auto;gap:8px}#pack-reveal[data-screen=summary] .reveal-summary{display:block;grid-row:3;overflow:auto;min-height:0;margin:0;padding:12px 5px;overscroll-behavior:contain}#pack-reveal[data-screen=summary] .reveal-progress,#pack-reveal[data-screen=summary] .reveal-navigation{display:none}#pack-reveal[data-screen=summary] #reveal-status{grid-row:4}#pack-reveal[data-screen=summary] #reveal-retry{grid-row:5}
@keyframes reveal-charge{from{transform:scale(1)}70%{transform:scale(.96) rotate(-2deg)}to{transform:scale(1.02)}}
@keyframes pull-spark{from{opacity:1;transform:rotate(calc(var(--i)*30deg)) translateY(-60px)}to{opacity:0;transform:rotate(calc(var(--i)*30deg)) translateY(-180px)}}
@media(max-height:680px){#pack-reveal{padding:10px}#pack-reveal[open]{gap:4px;grid-template-rows:auto auto 4px minmax(0,1fr) 38px auto 48px}#pack-reveal .reveal-header h2{font-size:17px}#pack-reveal .reveal-header .eyebrow{display:none}.reveal-arena{grid-template-rows:20px minmax(0,1fr);gap:2px;padding:0 0 6px}.reveal-banner{font-size:8px;letter-spacing:1px}#pack-reveal .reveal-stage .card-copy{padding:6px;gap:2px}#pack-reveal .reveal-stage .card-name{font-size:14px}#pack-reveal .reveal-stage .card-team{font-size:8px}#pack-reveal .reveal-stage .card-series{font-size:7px}#pack-reveal .reveal-stage .card-ovr strong{font-size:23px}#pack-reveal .reveal-stage .card-stats{padding-top:4px}#pack-reveal .reveal-stage .card-stats strong{font-size:14px}#pack-reveal .reveal-stage .card-stats small{font-size:8px}}
@media(max-height:450px) and (orientation:landscape){#pack-reveal[open]:not([data-screen=summary]){width:min(760px,calc(100vw - 20px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:40px 40px 5px minmax(0,1fr) 52px}#pack-reveal:not([data-screen=summary]) .reveal-header{grid-column:1/-1}#pack-reveal:not([data-screen=summary]) .reveal-toolbar{grid-column:2;grid-row:2}#pack-reveal:not([data-screen=summary]) .reveal-progress{grid-column:2;grid-row:3}#pack-reveal:not([data-screen=summary]) .reveal-arena{grid-column:1;grid-row:2/6}#pack-reveal:not([data-screen=summary]) #reveal-status{grid-column:2;grid-row:4;align-self:start;padding-top:12px}#pack-reveal:not([data-screen=summary]) .reveal-navigation{grid-column:2;grid-row:5}#pack-reveal:not([data-screen=summary]) #reveal-retry{grid-column:2;grid-row:4;align-self:end}#pack-reveal .reveal-stage{width:155px}#pack-reveal .card-back strong{font-size:45px}}
@media(prefers-reduced-motion:reduce){#pack-reveal *,#pack-reveal *:before,#pack-reveal *:after{animation:none!important;transition:none!important}.reveal-sparks{display:none}}
#pack-reveal[open][data-screen=summary]{grid-template-rows:auto auto minmax(0,1fr) 48px auto}