.opening-page{background:radial-gradient(circle at 50% 32%,#e7e9ff 0,#f5f7fb 42%);min-height:100vh}.opening-header .page-logo{margin:0 0 20px}.opening-header{text-align:left;padding:48px 0 44px;position:relative}.opening-header h1{margin:18px 0}.opening-description{max-width:720px;color:var(--muted);text-align:left;margin:0;font-size:16px;line-height:1.6}.opening-description p{color:var(--ink);margin:0 0 8px;font-weight:800}.opening-description ul{margin:0;padding-left:22px}.opening-description li+li{margin-top:3px}.opening-balance{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-end;padding:14px 18px;display:flex;position:absolute;bottom:45px;right:0}.opening-balance span{color:var(--muted);letter-spacing:1px;font-size:8px;font-weight:900}.opening-balance strong{color:var(--blue);margin-top:4px;font-size:16px}.pack-stage{width:min(1540px,100% - 32px);padding:25px 0 80px}.set-picker{justify-content:center;align-items:center;gap:12px;margin:0 auto 28px;display:flex}.set-picker label{letter-spacing:1.3px;color:var(--muted);font-size:9px;font-weight:900}.set-picker select{border:1px solid var(--line);min-width:250px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:0 38px 0 14px;font-size:11px;font-weight:850}.set-picker select:disabled{opacity:.55;cursor:not-allowed}.pull-grid{perspective:1400px;grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.pull-slot{aspect-ratio:2/3;position:relative}.pull-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.25,1);position:relative}.pull-slot.revealed .pull-inner{transform:rotateY(180deg)}.card-back,.pull-face{backface-visibility:hidden;border-radius:17px;position:absolute;inset:0;overflow:hidden}.card-back{color:#fff;background:linear-gradient(145deg,#6974ff,#3b46cf);border:8px solid #fff;place-items:center;display:grid;box-shadow:0 18px 35px #3946d42b}.card-back:before{content:"";border:1px solid #fff6;border-radius:10px;position:absolute;inset:13px}.card-back>img{z-index:1;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 14px 22px #11194a55);width:68%;height:auto;position:relative}.pull-face{border:1px solid var(--line);background:#fff;flex-direction:column;padding:10px;display:flex;transform:rotateY(180deg);box-shadow:0 20px 42px #18202f1c}.pull-image{background:#eceef3;border-radius:11px;flex:none;width:100%;height:calc(100% - 68px);overflow:hidden}.pull-image img{object-fit:contain;width:100%;height:100%}.pull-face .pull-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;margin:8px 3px 1px;padding:1px 0 3px;font-size:17px;font-weight:900;line-height:1.35;display:block;overflow:hidden}.pull-face small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:1px 3px 0;font-size:10px;font-weight:800;line-height:1.35;display:block;overflow:hidden}.new-card-tag{color:#168347;letter-spacing:.8px;background:#dcfce7;border-radius:999px;margin:0;padding:4px 7px;font-size:8px;font-weight:950;line-height:1;position:absolute;bottom:10px;right:12px;box-shadow:0 2px 8px #1683471f}.pull-slot.waiting .card-back{animation:.42s ease-in-out infinite alternate cardSuspense}.pull-slot.pull-4.waiting .card-back{animation-duration:.28s;box-shadow:0 0 35px #5865f255}.pull-slot.pull-5.waiting .card-back{animation-duration:.16s;box-shadow:0 0 55px #8b5cf688}.pack-action{text-align:center;margin-top:46px}.pack-action button{cursor:pointer}.pack-action button:disabled{opacity:.5;cursor:not-allowed}.pack-action p{color:var(--muted);font-size:10px;font-weight:750}.pull-slot.rarity-legendaire.revealed .pull-face{animation:1.15s ease-out both legendaryReveal}.pull-slot.rarity-secret.revealed:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#fff 0 8%,#a78bfa99 18%,#5865f255 38%,#0000 68%);border-radius:50%;animation:1.65s cubic-bezier(.16,.75,.3,1) both secretBurst;position:absolute;inset:-28%}.pull-slot.rarity-secret.revealed .pull-face{animation:1.65s ease-out both secretReveal}@keyframes cardSuspense{0%{transform:translateY(0)rotate(-.5deg)}to{transform:translateY(-8px)rotate(.5deg)}}@keyframes legendaryReveal{0%{filter:brightness();box-shadow:0 20px 42px #18202f1c}35%{filter:brightness(1.2)saturate(1.16);box-shadow:0 0 28px #f5c84caa,0 20px 42px #18202f1c}to{filter:brightness();box-shadow:0 20px 42px #18202f1c}}@keyframes secretReveal{0%{filter:brightness();box-shadow:0 20px 42px #18202f1c}18%{filter:brightness(1.65)saturate(1.45);box-shadow:0 0 18px #fff,0 0 55px #8b5cf6,0 20px 42px #18202f1c}48%{filter:brightness(1.15)saturate(1.3);box-shadow:0 0 45px #5865f2cc,0 20px 42px #18202f1c}to{filter:brightness();box-shadow:0 20px 42px #18202f1c}}@keyframes secretBurst{0%{opacity:0;transform:scale(.2)rotate(0)}20%{opacity:1}65%{opacity:.75;transform:scale(1.12)rotate(12deg)}to{opacity:0;transform:scale(1.35)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.pull-slot.rarity-legendaire.revealed .pull-face,.pull-slot.rarity-secret.revealed .pull-face,.pull-slot.rarity-secret.revealed:before{animation:none}}@media (max-width:1100px){.pack-stage{width:min(1000px,100% - 32px)}.opening-balance{align-items:flex-start;width:max-content;margin:25px 0 0;position:static}.pull-grid{grid-template-columns:repeat(3,1fr)}.pull-slot:nth-child(4){grid-column:1/2}.pull-slot:nth-child(5){grid-column:2/3}}@media (max-width:600px){.opening-header{padding-top:48px}.set-picker{flex-direction:column;align-items:stretch}.set-picker select{width:100%;min-width:0}.pull-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pull-slot:nth-child(4),.pull-slot:nth-child(5){grid-column:auto}.pull-slot:nth-child(5){grid-column:1/3;justify-self:center;width:calc(50% - 6px)}.pull-face{padding:7px}.pull-image{height:calc(100% - 55px)}.pull-face .pull-name{padding-bottom:2px;font-size:13px;line-height:1.35}.pull-face small{font-size:8px}}.opening-controls{min-height:58px;position:relative}.opening-inline-balance{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-end;padding:10px 14px;display:flex;position:absolute;top:0;right:0}.opening-inline-balance span{color:var(--muted);letter-spacing:1px;font-size:8px;font-weight:900}.opening-inline-balance strong{color:var(--blue);margin-top:3px;font-size:14px}@media (max-width:1100px){.opening-controls{flex-direction:column;align-items:center;display:flex}.opening-inline-balance{order:-1;align-items:center;margin-bottom:22px;position:static}}