.pack-price{color:var(--gold);font-size:14px}.pack-open-actions{display:grid;gap:8px;margin-top:14px}.pack-open-actions .btn{width:100%;padding:12px 8px;font-size:10px;gap:6px}.pack-open-actions .quick-open{border-color:transparent;color:var(--muted);padding:8px}.pack-open-actions .quick-open:hover{border-color:#49503e;color:var(--ink)}.opening-summary.instant .reveal-card{animation:none}.opening-summary.instant .reveal-card svg{transition:none}dialog:has(.opening-theater){background:radial-gradient(ellipse at 50% 48%,#293725 0,#121a14 55%,#0e140f 100%);width:min(760px,94vw);padding:30px 40px;border-color:#657451;overflow-x:hidden}.opening-theater{--reveal-color:#a6b49a;text-align:center;isolation:isolate}.opening-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-right:8px}.opening-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.opening-counter{font-size:9px;letter-spacing:2px;color:var(--muted)}.opening-title{font-size:34px;margin-top:22px}.opening-subtitle{font-size:11px;color:var(--muted);margin:9px 0 0;line-height:1.7}.opening-stage{height:320px;position:relative;display:grid;place-items:center;margin-top:10px;perspective:1200px}.ritual-card{width:166px;height:266px;border:0;padding:0;background:none;position:relative;z-index:2;perspective:1200px;filter:drop-shadow(0 20px 20px #0009);cursor:pointer;animation:ritual-arrival .5s ease-out both}.ritual-card:disabled{cursor:default}.ritual-flipper{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.2,.7,.2,1)}.ritual-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px}.ritual-face svg{width:100%;height:100%;display:block}.ritual-front{transform:rotateY(180deg);box-shadow:0 0 18px color-mix(in srgb,var(--reveal-color) 20%,transparent)}.ritual-back:after{content:'';position:absolute;inset:2px;border-radius:7px;background:linear-gradient(110deg,transparent 30%,#e8edbc18 45%,transparent 60%);background-size:300% 100%;animation:card-sheen 3s ease-in-out infinite}.revealed .ritual-flipper{transform:rotateY(180deg)}.reveal-halo{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--reveal-color) 22%,transparent),transparent 68%);opacity:.3;transition:opacity .6s,transform .8s;pointer-events:none}.reveal-ring{position:absolute;height:246px;width:246px;border:1px solid #82976b24;border-radius:50%;transition:border-color .6s,transform 1s;transform:rotateX(23deg) rotateZ(-22deg)}.reveal-ring:before{content:'✧';position:absolute;top:0;left:50%;color:#b5c48b88;font:20px Georgia}.reveal-ring.second{height:290px;width:290px;border-style:dashed;opacity:.45;transform:rotateX(23deg) rotateZ(30deg)}.charging .reveal-halo{opacity:1;transform:scale(calc(1.1 + var(--power)*.15))}.charging .ritual-card{animation:ritual-charge .18s ease-in-out infinite alternate}.charging .reveal-ring{border-color:var(--reveal-color);transform:rotateZ(160deg) scale(1.1)}.revealed .reveal-halo{opacity:1;transform:scale(calc(1.2 + var(--power)*.12))}.revealed .reveal-ring{border-color:color-mix(in srgb,var(--reveal-color) 45%,transparent);transform:rotateZ(30deg) scale(1.08)}.revealed.rarity-2 .ritual-card,.revealed.rarity-3 .ritual-card{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--reveal-color) 35%,transparent))}.revealed.rarity-3 .ritual-front{box-shadow:0 0 28px #ddbb7250,0 0 70px #ddbb7220}.opening-result{height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.opening-result p{font-size:11px;color:var(--muted);line-height:1.7}.opening-result h3{font-size:28px}.ritual-rarity{color:var(--reveal-color);font-size:9px;text-transform:uppercase;letter-spacing:3px}.opening-track{display:flex;justify-content:center;align-items:center;gap:16px;font-size:18px;color:#58634f;height:28px}.opening-track .seen{color:var(--pip-color)}.opening-track .current{color:var(--gold);transform:scale(1.3)}.opening-theater .modal-actions{margin-top:15px;gap:10px}.opening-theater .modal-actions .btn.primary{min-width:210px}.skip-opening{color:var(--muted);border-color:#3c4736}.opening-saved{font-size:9px;color:#6e7b65;margin-top:16px}.opening-particles{position:absolute;inset:0;pointer-events:none}.opening-particles i{position:absolute;left:50%;top:50%;width:3px;height:3px;background:var(--reveal-color);box-shadow:0 0 8px var(--reveal-color);border-radius:50%;opacity:0}.revealed .opening-particles i{animation:ritual-spark 1.7s var(--delay) ease-out both}.rarity-0 .opening-particles i:nth-child(n+7){display:none}.rarity-1 .opening-particles i:nth-child(n+13){display:none}.rarity-3 .opening-particles i{width:4px;height:4px}.opening-intro{padding:20px 0}.opening-intro h2{margin-top:25px;font-size:38px}.seal-stage{height:330px;display:grid;place-items:center;position:relative;overflow:hidden}.seal-pack{width:136px;height:210px;border:1px solid #b5a76c;background:linear-gradient(120deg,#31402b,#152219 60%,#52633b);display:flex;flex-direction:column;justify-content:center;gap:20px;align-items:center;color:var(--gold);box-shadow:inset 0 0 0 8px #19251a,inset 0 0 0 9px #8a97554d;position:relative;z-index:2;animation:seal-break 1.25s both}.seal-pack span{font:15px Georgia;letter-spacing:4px}.seal-pack b{font:70px Georgia}.seal-pack small{font:15px Georgia;letter-spacing:5px}.seal-pack:before{content:'';position:absolute;top:17px;left:0;right:0;height:1px;background:var(--gold);box-shadow:0 0 15px #eddf9e;animation:seal-tear 1.25s both}.seal-orbit{position:absolute;width:270px;height:270px;border:1px dashed #d4bf8540;border-radius:50%;animation:seal-orbit 1.25s ease-in both}.seal-light{position:absolute;width:2px;height:2px;box-shadow:0 0 80px 30px #d4bf8520;border-radius:50%;animation:seal-bloom 1.25s ease-in both}.opening-intro>.btn{position:relative;z-index:3}@keyframes ritual-arrival{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ritual-charge{from{transform:translate(-1px,0) rotate(-.5deg)}to{transform:translate(1px,-1px) rotate(.5deg)}}@keyframes card-sheen{0%,40%{background-position:100% 0}90%,100%{background-position:0 0}}@keyframes ritual-spark{0%{opacity:0;transform:rotate(var(--angle)) translateX(50px) scale(.4)}20%{opacity:.9}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.2)}}@keyframes seal-break{0%{transform:scale(.85) rotate(-7deg);opacity:0}25%{opacity:1}65%{transform:scale(1) rotate(0);opacity:1}100%{transform:scale(1.15) translateY(15px);opacity:0}}@keyframes seal-tear{0%,40%{clip-path:inset(0 100% 0 0)}75%,100%{clip-path:inset(-20px -20px -20px -20px)}}@keyframes seal-orbit{from{transform:rotate(-30deg) scale(.8);opacity:0}65%{opacity:1}to{transform:rotate(70deg) scale(1.3);opacity:0}}@keyframes seal-bloom{0%,50%{opacity:0}80%{opacity:1;transform:scale(2)}100%{opacity:0;transform:scale(4)}}@media(max-width:720px){.pack-open-actions .btn{font-size:9px;padding:12px 6px}.pack-open-actions .quick-open{padding:7px 0}dialog:has(.opening-theater){padding:32px 18px 20px}.opening-heading{gap:10px;padding:0}.opening-heading .eyebrow{font-size:8px;letter-spacing:1px}.opening-heading .eyebrow:before{width:12px}.opening-counter{font-size:8px;letter-spacing:1px}.opening-title{font-size:28px;margin-top:22px}.opening-subtitle{font-size:10px}.opening-stage{height:285px}.ritual-card{width:148px;height:237px}.reveal-ring{width:210px;height:210px}.reveal-ring.second{width:255px;height:255px}.opening-theater .modal-actions{flex-direction:column}.opening-theater .modal-actions .btn{width:100%}.opening-result h3{font-size:25px}.opening-intro h2{font-size:32px}.seal-stage{height:290px}}@media(prefers-reduced-motion:reduce){.opening-theater *,.opening-summary *{animation:none!important;transition:none!important}.opening-particles{display:none}.ritual-card{transform:none}.seal-pack{opacity:1}}
@media(max-height:780px){dialog:has(.opening-theater){padding-top:24px;padding-bottom:20px}.opening-title{font-size:29px;margin-top:14px}.opening-stage{height:246px;margin-top:4px}.ritual-card{width:136px;height:218px}.reveal-ring{width:206px;height:206px}.reveal-ring.second{width:238px;height:238px}.opening-result{height:80px}.opening-result h3{font-size:25px}.opening-theater .modal-actions{margin-top:10px}.opening-saved{margin-top:10px}.seal-stage{height:270px}}