/* Sobres de Hemicycle: papel metalizado, lacre y hemiciclo en relieve. */
.store-heading h2{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0}.free-packs,.paid-packs{flex-shrink:0}.free-packs{border:1px solid #806b424f;border-radius:15px;padding:12px;background:linear-gradient(135deg,#262b36,#141c2c);box-shadow:inset 0 1px #fff1}.free-packs>h3,.paid-packs>h3{font-size:calc(10px * var(--ui-text-scale,1));letter-spacing:1.6px;text-transform:uppercase;color:#d4bc89;margin:0 0 8px}.free-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.free-pack{min-width:0;display:flex;align-items:center;gap:7px}.pack-display{display:grid;grid-template: minmax(0,1fr) / minmax(0,1fr);place-items:center;min-width:0;min-height:0}.pack-art{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px #0007);pointer-events:none}.free-pack .pack-display{width:58px;height:83px;flex-shrink:0}.free-pack-copy{min-width:0;flex:1}.free-pack h3{font-size:calc(11px * var(--ui-text-scale,1));margin:0 0 7px;color:#e4dfd4}.free-pack .btn{width:100%;min-height:36px;padding:6px 3px;font-size:calc(10px * var(--ui-text-scale,1));white-space:nowrap;font-variant-numeric:tabular-nums}.free-pack .btn:disabled{opacity:1;color:#adbad1;background:#111929;border-color:#344159}.paid-packs{margin-top:4px}.paid-packs .pack-grid{gap:10px}.pack-card{align-items:center;text-align:center;border-color:#35405a;background:radial-gradient(ellipse at 50% 28%,#343e554d,transparent 65%),linear-gradient(145deg,#1d2639,#111827);padding:10px;border-radius:14px;box-shadow:inset 0 1px #ffffff0c}.pack-card .pack-display{width:100%;height:125px;margin-bottom:7px}.pack-card h3{font-size:calc(12px * var(--ui-text-scale,1));color:#e6dfcd}.pack-card .sub{line-height:1.5;min-height:30px;color:#9aa7c0;margin:3px 0 8px}.pack-card .btn{min-height:36px}.pack-opening{display:flex;flex:1;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:hidden;background:radial-gradient(ellipse,#bca05b18,transparent 65%)}.sealed-pack{border:0;padding:10px;background:none;width:clamp(140px,44vw,220px);height:min(42dvh,310px);cursor:pointer;animation:packFloat 3s ease-in-out infinite}.sealed-pack:active{transform:scale(.96)}@keyframes packFloat{50%{translate:0 -7px;rotate:2deg}}.pack-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:center;justify-content:center;flex:1;min-height:0;overflow-y:auto;padding:8px 3px}.pack-results .reward-card{appearance:none;display:block;width:100%;min-width:0;border:0;padding:0;background:none;color:inherit;text-align:inherit;cursor:zoom-in;animation:rewardReveal .5s both;animation-delay:var(--reveal-delay)}.pack-results .cromo{width:100%;animation:none}.pack-results .reward-card:focus-visible{outline:2px solid #f1ce87;outline-offset:3px;border-radius:10px}@keyframes rewardReveal{from{opacity:0;transform:translateY(28px) scale(.8) rotateY(60deg)}to{opacity:1;transform:none}}.screen[data-view=sobre] .view-body{overflow-y:auto}.screen[data-view=sobre] .bar{flex-shrink:0}
@media(max-width:350px){.free-packs{padding:9px}.free-pack-grid{gap:8px}.free-pack{gap:4px}.free-pack .pack-display{width:43px;height:70px}.free-pack h3{font-size:calc(10px * var(--ui-text-scale,1))}.free-pack .btn{font-size:calc(9px * var(--ui-text-scale,1))}.pack-card .pack-display{height:105px}}
@media(max-height:500px){.pack-opening{min-height:160px;gap:8px}.sealed-pack{height:125px}.pack-results{grid-template-columns:repeat(5,minmax(0,1fr));flex:none}.pack-results .cromo .nm{font-size:calc(8px * var(--ui-text-scale,1))}.pack-results .cromo .st{font-size:calc(7px * var(--ui-text-scale,1))}}
@media(prefers-reduced-motion:reduce){.sealed-pack,.pack-results .reward-card{animation:none}}
.pack-opening.opening>.btn{opacity:0;transition:opacity .15s}
/* Portadas de edición semanal, compuestas con los retratos originales. */
.pack-cover{position:relative;display:block;height:100%;width:auto;max-width:100%;aspect-ratio:11/15;isolation:isolate;--pack-ink:#e4e8ef;--pack-glow:#a7bfd0}
.pack-cover[data-rarity=raro],.pack-cover[data-rarity=semanal]{--pack-ink:#c4eaff;--pack-glow:#6db9e3}
.pack-cover[data-rarity=legendario]{--pack-ink:#ffe8a4;--pack-glow:#e1b451}
.pack-cover[data-rarity=mitico]{--pack-ink:#f4d0ff;--pack-glow:#cc8aef}
.pack-cover>.pack-art{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 4px #0006)}
.pack-portrait{position:absolute;left:22%;top:24%;width:56%;height:43%;object-fit:cover;object-position:center 28%;border:1px solid var(--pack-glow);border-radius:40% 40% 8% 8%;box-shadow:0 0 9px #060c15a6;pointer-events:none}
.pack-portrait[hidden]{display:none}.pack-wordmark,.pack-rarity{position:absolute;left:12%;width:76%;text-align:center;color:var(--pack-ink);text-shadow:0 1px 2px #000;pointer-events:none}
.pack-wordmark{bottom:25%;font-family:Georgia,serif;font-size:calc(clamp(6px,1.8vw,11px) * var(--ui-text-scale,1));letter-spacing:.08em;font-weight:900;background:linear-gradient(90deg,transparent,#08101bd9,transparent);padding:3% 0}
.pack-rarity{bottom:17.2%;font-size:calc(clamp(5px,1.4vw,9px) * var(--ui-text-scale,1));letter-spacing:.09em;font-weight:800}
.free-pack .pack-wordmark{font-size:calc(4px * var(--ui-text-scale,1))}.free-pack .pack-rarity{font-size:calc(3px * var(--ui-text-scale,1))}.free-pack .pack-portrait{border-width:.5px}
.pack-purchase{display:flex;align-items:stretch;gap:5px;width:100%}.pack-purchase>.btn{flex:1;min-width:0;padding:7px 3px;font-size:calc(11px * var(--ui-text-scale,1));min-height:44px}.pack-purchase>select{width:53px;min-height:44px;flex-shrink:0;padding:5px 2px 5px 5px;font:inherit;font-size:calc(11px * var(--ui-text-scale,1));font-weight:800;color:#f5db9e;background:#111d30;border:1px solid #82704c;border-radius:9px;cursor:pointer;color-scheme:dark}.pack-purchase>select:focus-visible{outline:2px solid #f1ce87;outline-offset:2px}
.pack-feature{margin:8px 0 0;font-size:calc(9px * var(--ui-text-scale,1));line-height:1.35;color:#a4b0c4;min-height:25px}.pack-disclaimer{padding:10px 2px 0;line-height:1.5}.pack-progress,.pack-demo{display:block;text-align:center;font-size:calc(11px * var(--ui-text-scale,1));color:#ebce8e;letter-spacing:.07em;margin-bottom:4px}.pack-demo{color:#a8ccdf;font-size:calc(9px * var(--ui-text-scale,1))}
.sealed-pack{display:grid;place-items:center;padding:0;overflow:visible}.sealed-pack .pack-cover{width:auto;max-width:100%;height:100%}.sealed-pack .pack-wordmark{font-size:calc(12px * var(--ui-text-scale,1))}.sealed-pack .pack-rarity{font-size:calc(9px * var(--ui-text-scale,1))}.pack-lid{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,100% 13%,0 13%);background-size:100% 100%;pointer-events:none;transform-origin:85% 13%;z-index:2}.pack-cut-line{position:absolute;left:13%;top:12.7%;width:74%;height:2px;opacity:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#fbe7af,#fff,#dfb960);box-shadow:0 0 8px #fff7cb;z-index:3;pointer-events:none}
.pack-opening.opening .sealed-pack{animation:none;translate:0;rotate:0}.pack-opening.opening .pack-cover>.pack-art{clip-path:polygon(0 13%,100% 13%,100% 100%,0 100%)}.pack-opening.opening .pack-lid{animation:packCutLid .9s ease-in-out both}.pack-opening.opening .pack-cut-line{animation:packCutLine .9s ease-out both}.pack-opening.opening .pack-cover{animation:packCutBody .9s ease-in both}
@keyframes packCutLine{0%{opacity:0;transform:scaleX(0)}10%{opacity:1}40%{opacity:1;transform:scaleX(1)}65%,100%{opacity:0;transform:scaleX(1)}}
@keyframes packCutLid{0%,35%{transform:none;opacity:1}85%,100%{transform:translate(30%,-55%) rotate(16deg);opacity:0}}
@keyframes packCutBody{0%,65%{transform:none;opacity:1}100%{transform:translateY(24px);opacity:0}}
@media(max-height:500px){.pack-opening{gap:6px;min-height:190px}.sealed-pack{height:105px}.sealed-pack .pack-wordmark{font-size:calc(7px * var(--ui-text-scale,1))}.sealed-pack .pack-rarity{font-size:calc(5px * var(--ui-text-scale,1))}}
@media(prefers-reduced-motion:reduce){.pack-opening.opening .pack-cover,.pack-opening.opening .pack-lid,.pack-opening.opening .pack-cut-line{animation:none}}
/* Foil, grabado e iluminación: solo transformaciones, sin cambiar el tamaño. */
.pack-cover{--foil-delay:-2s;--foil-colour:#c5e5f1}
.pack-cover[data-rarity=raro],.pack-cover[data-rarity=semanal]{--foil-delay:-5s;--foil-colour:#7cdeff}
.pack-cover[data-rarity=legendario]{--foil-delay:-7s;--foil-colour:#ffe9ab}
.pack-cover[data-rarity=mitico]{--foil-delay:-.5s;--foil-colour:#edb6ff}
.pack-cover>.pack-art{filter:drop-shadow(0 5px 5px #0008)}
.pack-portrait{border-color:var(--pack-ink);box-shadow:0 0 0 1px #08101b,0 0 0 2px var(--pack-glow),0 3px 8px #020813a6}
.pack-wordmark,.pack-rarity{z-index:3}.pack-wordmark{color:#fff2ce;text-shadow:0 1px #000,0 0 5px #f2d89c44;background:linear-gradient(90deg,transparent,#08101be8 22%,#08101be8 78%,transparent)}
.pack-rarity{font-weight:900}.pack-lid{z-index:5}.pack-cut-line{z-index:6}
.pack-foil{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;clip-path:polygon(13.6% 13%,86.4% 13%,88.5% 89%,86.4% 95.7%,13.6% 95.7%,11.5% 89%)}
.pack-foil::before{content:"";position:absolute;inset:-15% -35%;background:linear-gradient(115deg,transparent 30%,#fff1 39%,#fff7 43%,#fff2 46%,transparent 51%,#fff4 54%,transparent 58%);transform:translate3d(-100%,0,0);animation:packFoilSweep 9s ease-in-out infinite;animation-delay:var(--foil-delay);will-change:transform;opacity:.6}
.pack-foil::after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#fff1,transparent 34%,var(--foil-colour) 67%,transparent 84%);opacity:.13;mix-blend-mode:screen}
.pack-cover[data-rarity=mitico] .pack-foil::after{background:conic-gradient(from 25deg at 50% 40%,#e2a6ff,transparent,#89dcff,transparent,#ffe6b0,transparent,#e2a6ff);opacity:.22}
.pack-glints{position:absolute;inset:0;z-index:4;pointer-events:none}
.pack-glints::before,.pack-glints::after{content:"";position:absolute;width:9%;aspect-ratio:1;background:radial-gradient(circle,#fff 0 6%,var(--pack-ink) 22%,transparent 70%);clip-path:polygon(50% 0,58% 40%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 40%);opacity:.65}
.pack-glints::before{left:15.8%;top:64%}.pack-glints::after{right:15%;top:33.5%;width:7%}
.pack-cover[data-rarity=legendario] .pack-glints::before,.pack-cover[data-rarity=mitico] .pack-glints::before{animation:packEngravingGlint 6s ease-in-out infinite;animation-delay:var(--foil-delay)}
@keyframes packFoilSweep{0%,28%{transform:translate3d(-100%,0,0)}58%,100%{transform:translate3d(100%,0,0)}}
@keyframes packEngravingGlint{0%,35%,100%{transform:scale(.65);opacity:.35}50%{transform:scale(1.2);opacity:.9}65%{transform:scale(.8);opacity:.5}}
.pack-opening.opening .pack-foil::before,.pack-opening.opening .pack-glints::before{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.pack-card .pack-cover{transition:transform .2s ease,filter .2s ease}.pack-card:hover .pack-cover{transform:translateY(-3px) rotate(-1deg);filter:brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.pack-foil::before{animation:none;transform:translate3d(0,0,0);opacity:.25}.pack-cover .pack-glints::before{animation:none!important}.pack-card .pack-cover{transition:none}.pack-card:hover .pack-cover{transform:none}}