.rajika-section{padding-block:62px 56px;scroll-margin-top:10px;color:#273c30}.rajika-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.rajika-header h2{font-size:clamp(36px,5vw,55px)}.rajika-header h2 span{font-size:.45em;margin-left:16px;color:#7d8b70;font-family:system-ui;font-weight:600;letter-spacing:.05em}.rajika-header p:not(.rajika-kicker){margin:8px 0 0;color:#5c6b58}.rajika-header>a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.rajika-kicker,.lucky-overline{font:700 11px ui-monospace,monospace;letter-spacing:.18em;color:#ad8449;margin:0 0 8px}.rajika-layout{display:grid;grid-template-columns:minmax(290px, .85fr) 1.15fr;overflow:hidden;background:#233d31;border-radius:14px;box-shadow:0 14px 34px #243e2e22}.lucky-ticket{background:linear-gradient(130deg,#f3dfad,#d6b776);margin:22px;min-height:330px;border-radius:9px;position:relative;overflow:hidden;color:#253d30;box-shadow:0 8px 20px #1629204d;border:1px solid #f8e9c7;display:flex;flex-direction:column;padding:19px}.lucky-ticket:before{content:"";position:absolute;inset:7px;border:1px solid #806d4275;border-radius:4px;pointer-events:none}.ticket-top,.ticket-bottom{position:relative;z-index:2;display:flex;justify-content:space-between}.ticket-top{font-size:10px;letter-spacing:.16em;font-weight:800}.ticket-mark{position:absolute;font:900 200px/1 serif;color:#48634618;right:10px;top:48px}.ticket-art{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;position:relative}.ticket-art img{width:30%;height:130px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #46523650)}.ticket-art img:nth-child(2){width:38%;height:155px}.ticket-bottom{align-items:end}.ticket-bottom strong{font:900 17px/1.25 serif}.ticket-bottom em{font-size:40px;font-style:normal;letter-spacing:.12em}.ticket-bottom span{font-size:12px;line-height:1.6;text-align:right;color:#4f5d40}.lucky-controls{padding:42px 42px 32px;color:#edf0df}.lucky-controls h3{font:800 clamp(23px,3vw,34px) serif;margin:0 0 10px}.lucky-controls>p:not(.lucky-overline){font-size:14px;line-height:1.8;color:#cbd7c6;margin:0 0 20px}.draw-actions{display:flex;gap:10px}.draw-actions button{padding:13px 20px;border-radius:6px;border:1px solid #e9ca8a;background:#e9ca8a;color:#23392c;font-weight:800;min-width:135px;display:flex;justify-content:space-between;gap:20px}.draw-actions button+button{background:transparent;color:#f5e7c4}.draw-actions button:hover{transform:translateY(-2px);filter:brightness(1.1)}.lucky-controls .lucky-note{font-size:11px!important;color:#aabca9!important;margin:10px 0 22px!important}.draw-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #648070;padding-top:16px;gap:8px}.draw-stats b{display:block;font:600 22px Georgia,serif;color:#f1dcae}.draw-stats span{display:block;font-size:11px;color:#c8d6c6;margin-top:4px}.draw-stats b span{display:inline;color:inherit;font:inherit}.lucky-rules{font-size:12px;color:#cbd8c8;margin-top:17px}.lucky-rules summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.lucky-rules p{line-height:1.7}.lucky-rules a{text-decoration:underline}.lucky-results-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:31px}.lucky-results-head h3{font:800 25px serif;margin:0}.lucky-results-head>span{font-size:12px;color:#627362}.lucky-results{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px}.lucky-empty{grid-column:1/-1;min-height:115px;border:1px dashed #a9b8a2;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#66775f;font-size:13px;background:#f1f3e8aa}.lucky-card{padding:10px;text-align:left;background:#f8f8ef;border:1px solid #c6d1bd;border-radius:9px;min-width:0;animation:cardIn .4s ease both;box-shadow:0 4px 12px #34523616}.lucky-card:hover{transform:translateY(-3px);border-color:#9b8356}.lucky-card-top,.lucky-card-foot{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:10px;color:#74826c}.lucky-card-top b{font:900 18px Georgia,serif;color:#648069}.tier-s{background:#fff7de;border-color:#d9b66c}.tier-s .lucky-card-top b{color:#a97921}.tier-a{background:#eef3e7;border-color:#98b18b}.tier-a .lucky-card-top b{color:#47733e}.tier-b .lucky-card-top b{color:#497b8b}.lucky-card-art{height:99px;display:grid;place-items:center;background:radial-gradient(circle,#dae8ce,transparent 70%)}.lucky-card-art img{max-width:90%;max-height:88px;image-rendering:pixelated;object-fit:contain}.lucky-no-art{font-size:11px;color:#8c9784}.lucky-card-name{font-weight:800;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lucky-card-foot{margin-top:7px}.lucky-card-foot span{color:#b36f28;font-weight:800}.lucky-collection{border:1px solid #cbd5c4;border-radius:9px;background:#f9faf3c9;margin-top:20px}.lucky-collection summary{cursor:pointer;padding:15px;display:flex;justify-content:space-between;font-weight:750}.lucky-collection small{font-size:11px;color:#81907b;font-weight:400}.lucky-collection summary b{font-size:13px;color:#678068}.collection-grid{padding:0 15px 15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.collection-grid p{grid-column:1/-1;color:#6d7b6a;font-size:13px}.collection-grid .lucky-card-art{height:72px}.collection-grid .lucky-card-art img{max-height:68px}.storage-status{font-size:12px;color:#94632c}.storage-status:empty{display:none}@keyframes cardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:620px){.rajika-section{padding-block:38px}.rajika-header h2 span{display:block;font-size:15px;margin:5px 0 0}.rajika-header>a{font-size:11px}.rajika-layout{grid-template-columns:1fr}.lucky-ticket{margin:14px 14px 0;min-height:240px}.ticket-art img{height:90px}.ticket-art img:nth-child(2){height:110px}.ticket-mark{font-size:140px}.ticket-bottom em{font-size:30px}.lucky-controls{padding:24px 20px}.draw-actions button{flex:1;min-width:0}.lucky-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lucky-card{padding:8px}.lucky-card-art{height:76px}.lucky-card-art img{max-height:70px}.lucky-card-name{font-size:13px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.lucky-card{animation:none}}
/* Pack opening and card reveal */
.lucky-ticket{font:inherit;text-align:left;cursor:pointer;transition:box-shadow .25s,transform .25s}.lucky-ticket:hover{transform:translateY(-3px);box-shadow:0 12px 30px #091e2390}.ticket-invitation{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;border-top:1px solid #7e734844;margin-top:18px;padding-top:12px}.draw-actions button:disabled{opacity:.5;cursor:wait;transform:none}
#lucky-theater{--glow:#c5b786;--glow-rgb:197,183,134;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;color:#f7f0d8;background:#101e1d;overflow:auto;overscroll-behavior:contain;box-shadow:none}#lucky-theater::backdrop{background:#0c1718}body.lucky-opening{overflow:hidden}.summon-scene{min-height:100%;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,rgba(var(--glow-rgb),.12),transparent 50%),linear-gradient(160deg,#1e3530,#101d20 55%,#101a1c)}.summon-scene:before{content:"";pointer-events:none;position:absolute;inset:15px;border:1px solid #cfb77c30;z-index:-1}.summon-scene:after{content:"";pointer-events:none;position:absolute;width:620px;height:620px;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #bca77412;border-radius:50%;box-shadow:0 0 0 60px #bca77405,0 0 0 120px #bca77404;z-index:-1}.summon-stars{pointer-events:none;position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,#d8c38970 1px,transparent 1.5px),radial-gradient(circle,#a1c5a64d 1px,transparent 1.5px);background-size:133px 157px,197px 211px;background-position:34px 19px,67px 77px;mask-image:linear-gradient(transparent,#0007,transparent)}.summon-header{background:transparent!important;position:relative!important;border:0!important;display:flex;justify-content:space-between;align-items:center;padding:30px 42px;gap:16px}.summon-brand{display:flex;align-items:center;gap:11px;color:#e8d7ad;font-size:14px;letter-spacing:.07em}.summon-brand img{flex:none;object-fit:contain}.summon-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.12em;color:#a4b8a7;margin-top:4px}.summon-tools{display:flex;gap:10px}.summon-tools button{border:1px solid #afc3b02b;border-radius:5px;padding:9px 13px;background:#ffffff04;color:#d3dfcf;font-size:12px}.summon-tools button:hover{background:#ffffff12}.summon-heading{text-align:center;position:relative;z-index:2;padding:6px 20px 0}.summon-eyebrow{font:11px ui-monospace,monospace;letter-spacing:.27em;color:#c4ae79;margin:0 0 13px}.summon-heading h2{font:500 clamp(25px,3.4vw,42px)/1.4 Georgia,"Noto Serif SC","Songti SC",serif;letter-spacing:.06em;color:#f6ebd0;margin:0}.summon-heading>p:last-child{font-size:13px;color:#adbfae;min-height:20px;margin:10px 0 0}.summon-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:430px;padding:28px 24px 20px;perspective:1400px}.summon-footer{display:block!important;background:transparent!important;border:0!important;text-align:center;padding:5px 24px 30px;color:#8fa49b}.summon-footer>p{font-size:11px;letter-spacing:.04em;margin:14px 0 0}.summon-actions{display:flex;justify-content:center;gap:12px}.summon-primary,.summon-secondary{min-height:46px;border-radius:5px;padding:12px 28px;font-size:14px;font-weight:650;letter-spacing:.06em}.summon-primary{min-width:190px;background:linear-gradient(110deg,#f1dda5,#d2b071);border:1px solid #ead393;color:#21372f;box-shadow:0 4px 24px #e9c78112}.summon-primary:disabled{opacity:.55;cursor:default}.summon-secondary{background:transparent;color:#b8c8b9;border:1px solid #a9bba531}.summon-primary:not(:disabled):hover{filter:brightness(1.1)}.summon-secondary:hover{background:#ffffff09}.summon-progress{display:flex;align-items:center;justify-content:center;gap:7px;min-height:16px;margin:0 0 17px}.summon-progress span{height:5px;width:20px;background:#96ad9f30;border-radius:2px;transition:background .3s}.summon-progress span.current{background:#f0d29c;box-shadow:0 0 10px #e9c78555}.summon-progress span.done{background:#8eb695}.summon-pack{border:0;background:transparent;padding:0;position:relative;width:248px;height:350px;cursor:pointer;color:#f1deb0;filter:drop-shadow(0 26px 30px #0007);transform:rotate(-5deg);animation:pack-arrive .65s cubic-bezier(.2,.8,.2,1) both;isolation:isolate}.summon-pack:focus-visible,.summon-card:focus-visible{outline:none}.summon-card:focus-visible .summon-face{outline:2px solid #f6dc99;outline-offset:-5px}.pack-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;background:linear-gradient(115deg,#3c5747 0%,#284b3f 24%,#55715a 43%,#284a3e 62%,#15372f);border:1px solid #c4b47b;border-radius:4px;clip-path:polygon(0 0,100% 0,100% 98%,98% 100%,96% 98%,94% 100%,92% 98%,90% 100%,88% 98%,86% 100%,84% 98%,82% 100%,80% 98%,78% 100%,76% 98%,74% 100%,72% 98%,70% 100%,68% 98%,66% 100%,64% 98%,62% 100%,60% 98%,58% 100%,56% 98%,54% 100%,52% 98%,50% 100%,48% 98%,46% 100%,44% 98%,42% 100%,40% 98%,38% 100%,36% 98%,34% 100%,32% 98%,30% 100%,28% 98%,26% 100%,24% 98%,22% 100%,20% 98%,18% 100%,16% 98%,14% 100%,12% 98%,10% 100%,8% 98%,6% 100%,4% 98%,2% 100%,0 98%)}.pack-body:before{content:"";position:absolute;inset:16px 12px 24px;border:1px solid #e4ca8e60;background:repeating-linear-gradient(45deg,transparent,transparent 12px,#f8dfa906 12px,#f8dfa906 13px)}.pack-body:after{content:"";position:absolute;inset:-50% -100%;background:linear-gradient(110deg,transparent 38%,#fff4cf40 49%,transparent 60%);transform:translateX(-40%);animation:pack-sheen 2.8s ease-in-out infinite}.pack-name{font:600 36px/1.2 Georgia,"Songti SC",serif;letter-spacing:.2em;text-indent:.2em;position:relative}.pack-subtitle{font:9px ui-monospace,monospace;letter-spacing:.28em;color:#d4c393}.pack-emblem{width:106px;height:106px;display:grid;place-items:center;border:1px solid #dfc88f80;border-radius:50%;background:#122e2650;position:relative;box-shadow:0 0 0 7px #ebdca507,0 0 0 8px #dfc88f35}.pack-emblem img{width:64px;height:64px;filter:brightness(1.7) sepia(.3)}.pack-caption{font-size:11px;letter-spacing:.2em;color:#d6c9a1}.pack-count{font:10px ui-monospace,monospace;border:1px solid #d1be884d;border-radius:2px;padding:5px 11px;color:#e6d2a5}.pack-seal{position:absolute;inset:0 0 auto;height:25px;background:repeating-linear-gradient(90deg,#b3a16d,#b3a16d 2px,#c6b67d 2px,#c6b67d 4px);z-index:2;clip-path:polygon(0 15%,3% 0,6% 15%,9% 0,12% 15%,15% 0,18% 15%,21% 0,24% 15%,27% 0,30% 15%,33% 0,36% 15%,39% 0,42% 15%,45% 0,48% 15%,51% 0,54% 15%,57% 0,60% 15%,63% 0,66% 15%,69% 0,72% 15%,75% 0,78% 15%,81% 0,84% 15%,87% 0,90% 15%,93% 0,96% 15%,100% 0,100% 100%,0 100%)}.pack-beam{position:absolute;top:25px;height:2px;left:-20%;width:140%;background:#ffe8ab;box-shadow:0 0 20px 6px #fce1a5,0 0 70px 20px #e2cc8a50;opacity:0;z-index:3}.summon-pack.is-opening{animation:pack-shake .45s ease both}.is-opening .pack-seal{animation:pack-rip .65s .3s ease-in both}.is-opening .pack-body{animation:pack-fall .7s .5s ease-in both}.is-opening .pack-beam{animation:pack-light 1s .3s ease both}
.summon-reveal{--glow:#9db9a2;position:relative;display:grid;place-items:center}.summon-card{width:254px;height:357px;position:relative;border:0;padding:0;background:transparent;color:inherit;border-radius:13px;cursor:pointer;perspective:1400px;animation:reveal-arrive .5s ease both;z-index:2}.summon-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.18,.7,.12,1)}.summon-card.is-flipped .summon-card-inner{transform:rotateY(180deg)}.summon-face{position:absolute;inset:0;border-radius:var(--card-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;border:1px solid #c4b47b;box-shadow:0 18px 45px #0005}.summon-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(circle at 50% 48%,#42634c,#203f34 60%,#1c342e);color:#e4d3a4}.summon-back:before,.summon-front:before{content:"";position:absolute;inset:8px;border:1px solid #c9b77855;border-radius:8px;pointer-events:none}.back-orbit{height:150px;width:150px;border:1px solid #cdb77b77;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(from 0deg,#d6c08113 0deg 1deg,transparent 1deg 15deg);box-shadow:0 0 0 9px #e7cf8407,0 0 0 10px #ddc88725}.back-orbit img{width:73px;height:73px;filter:brightness(1.6)}.summon-back b{font:600 28px serif;letter-spacing:.28em;text-indent:.28em}.summon-back small{font:9px ui-monospace,monospace;letter-spacing:.25em;color:#b7bc9b}.summon-front{transform:rotateY(180deg);background:radial-gradient(circle at 50% 43%,#f6f2d9,#dce6cc 60%,#bccdad);color:#243c32;border:2px solid var(--glow);display:flex;flex-direction:column;padding:22px;text-align:left}.summon-front.tier-s{background:radial-gradient(circle at 50% 40%,#fff8de,#ead39f 65%,#c4a261)}.summon-front.tier-a{background:radial-gradient(circle at 50% 40%,#f6f0ff,#d3c7e4 65%,#ad9bbf)}.summon-front.tier-b{background:radial-gradient(circle at 50% 40%,#f1f8fa,#c6dde5 65%,#9fbbc6)}.reveal-card-top{display:flex;align-items:start;justify-content:space-between;position:relative;z-index:1}.reveal-card-top b{font:700 37px/1 Georgia,serif}.reveal-card-top small{font:10px ui-monospace,monospace;letter-spacing:.04em;padding-top:4px}.reveal-pet-art{height:171px;display:flex;align-items:center;justify-content:center;position:relative}.reveal-pet-art:after{content:"";position:absolute;width:100px;height:14px;bottom:17px;border-radius:50%;background:#28483224;filter:blur(8px);z-index:0}.reveal-pet-art img{width:100%;height:142px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1;filter:drop-shadow(0 8px 6px #24342130)}.reveal-pet-name{font:700 24px/1.2 Georgia,"Songti SC",serif;white-space:nowrap;letter-spacing:.03em;margin:0 0 8px}.reveal-pet-family{font-size:11px;color:#53614f;letter-spacing:.08em}.reveal-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #455a3d33;padding-top:12px;margin-top:14px;gap:6px;font-size:10px}.reveal-card-foot b{color:#7d511f}.reveal-aura{position:absolute;inset:-90px;background:radial-gradient(circle,rgba(var(--glow-rgb),.25),transparent 64%);opacity:0;pointer-events:none}.reveal-ring{position:absolute;width:340px;height:340px;border:1px solid var(--glow);border-radius:50%;opacity:0;pointer-events:none}.reveal-sparks{position:absolute;inset:0;pointer-events:none}.reveal-sparks i{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--glow);opacity:0;--distance:200px}.is-revealed .reveal-aura{animation:aura-bloom 1.4s ease both}.is-revealed .reveal-ring{animation:ring-bloom 1.5s ease-out both}.is-revealed .reveal-sparks i{animation:spark-fly 1.3s var(--delay) ease-out both}.reveal-rare .summon-card.is-flipped{filter:drop-shadow(0 0 20px rgba(var(--glow-rgb),.25))}.reveal-rare .summon-front:after{content:"";position:absolute;inset:-50% -100%;background:linear-gradient(120deg,transparent 42%,#fffce780 50%,transparent 58%);transform:translateX(-50%);pointer-events:none}.is-revealed.reveal-rare .summon-front:after{animation:rare-sheen 1.5s .45s ease both}.summon-summary{width:min(1080px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:13px;align-items:stretch}.summon-summary.single{max-width:230px}.summon-summary .lucky-card{animation:summary-card .5s both;animation-delay:calc(var(--order)*55ms);background:#e5e9d7;border:1px solid #a0b59b;padding:13px;border-radius:8px;cursor:pointer}.summon-summary .lucky-card-art{height:115px}.summon-summary .lucky-card-art img{max-height:105px}.summon-summary .lucky-card-name{font-size:16px;color:#243d32}.summon-summary .tier-s{background:linear-gradient(140deg,#f8e6b4,#d8b876);border-color:#efd698;box-shadow:0 0 20px #e9c27725}.summon-summary .tier-a{background:linear-gradient(140deg,#eee6f6,#c8badb);border-color:#d3c0ea}.summon-summary .tier-b{background:linear-gradient(140deg,#e7f0ef,#b9d2db);border-color:#b5d6e0}.summon-summary .lucky-card-top,.summon-summary .lucky-card-foot{color:#50674e}.summon-summary .lucky-card-top b{color:#516a51}.summon-summary .tier-s .lucky-card-top b{color:#8c621f}.summon-summary .tier-a .lucky-card-top b{color:#6c518a}.summon-summary .tier-b .lucky-card-top b{color:#3d6c80}.summon-summary .lucky-card-foot span{color:#85571f}.summon-summary .lucky-card:hover{transform:translateY(-5px);filter:brightness(1.04)}.mode-summary .summon-stage{min-height:260px;padding-inline:45px}.mode-summary .summon-heading{padding-top:10px}.mode-summary .summon-footer{padding-top:22px}.mode-summary .summon-scene:after{opacity:.4}
@keyframes pack-arrive{from{opacity:0;transform:translateY(38px) rotate(-12deg) scale(.88)}to{opacity:1;transform:rotate(-5deg)}}@keyframes pack-sheen{0%,15%{transform:translateX(-50%)}60%,100%{transform:translateX(50%)}}@keyframes pack-shake{0%,100%{transform:rotate(-5deg)}25%{transform:rotate(-8deg) scale(1.03)}50%{transform:rotate(0) scale(1.05)}75%{transform:rotate(-7deg)}}@keyframes pack-rip{to{transform:translate(95px,-100px) rotate(24deg);opacity:0}}@keyframes pack-fall{0%{transform:none;opacity:1}100%{transform:translateY(130px) scale(1.1);opacity:0}}@keyframes pack-light{0%{opacity:0;transform:scaleX(.2)}35%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.4)}}@keyframes reveal-arrive{from{opacity:0;transform:translateY(34px) rotate(-7deg) scale(.85)}to{opacity:1;transform:none}}@keyframes aura-bloom{0%{opacity:0;transform:scale(.6)}45%{opacity:1}100%{opacity:.65;transform:scale(1.2)}}@keyframes ring-bloom{0%{opacity:0;transform:scale(.45)}20%{opacity:.65}100%{opacity:0;transform:scale(1.7)}}@keyframes spark-fly{0%{opacity:0;transform:rotate(var(--angle)) translateX(50px)}25%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.3)}}@keyframes rare-sheen{from{transform:translateX(-45%)}to{transform:translateX(45%)}}@keyframes summary-card{from{opacity:0;transform:translateY(25px) rotateY(-15deg) scale(.92)}to{opacity:1;transform:none}}
@media(min-width:1100px){.summon-summary:not(.single){grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-height:760px) and (min-width:621px){.summon-header{padding-block:18px}.summon-stage{min-height:360px;padding-block:15px}.summon-pack{width:220px;height:310px}.summon-card{width:224px;height:315px}.summon-front{padding:18px}.reveal-pet-art{height:143px}.reveal-pet-art img{height:125px}.reveal-pet-name{font-size:22px}.reveal-card-foot{margin-top:10px;padding-top:10px}.summon-heading h2{font-size:30px}.summon-footer{padding-bottom:20px}}@media(max-width:620px){.summon-header{padding:22px 22px 18px;gap:8px}.summon-brand{font-size:11px;gap:7px}.summon-brand small{font-size:8px}.summon-brand img{width:30px;height:30px}.summon-tools{gap:6px}.summon-tools button{padding:8px 9px;font-size:11px}.summon-heading{padding-top:8px}.summon-eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:12px}.summon-heading h2{font-size:25px}.summon-heading>p:last-child{font-size:12px}.summon-stage{min-height:360px;padding:27px 20px 22px}.summon-pack{width:214px;height:303px}.pack-emblem{width:88px;height:88px}.pack-emblem img{width:53px;height:53px}.pack-body{gap:12px}.pack-name{font-size:30px}.summon-card{width:224px;height:315px}.summon-front{padding:18px}.reveal-pet-art{height:143px}.reveal-pet-art img{height:125px}.reveal-pet-name{font-size:22px}.reveal-card-foot{margin-top:10px;padding-top:10px}.summon-footer{padding:4px 20px 25px;padding-bottom:max(25px,env(safe-area-inset-bottom))}.summon-actions{gap:8px}.summon-primary,.summon-secondary{padding:12px 17px;font-size:13px}.summon-primary{min-width:155px}.summon-footer>p{font-size:10px}.summon-progress span{width:15px}.summon-progress{gap:6px;margin-bottom:14px}.mode-summary .summon-stage{padding:25px 22px 10px;align-items:start}.summon-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.summon-summary .lucky-card{padding:8px}.summon-summary .lucky-card-art{height:77px}.summon-summary .lucky-card-art img{max-height:72px}.summon-summary .lucky-card-name{font-size:12px}.summon-summary .lucky-card-top,.summon-summary .lucky-card-foot{font-size:8px}.summon-summary.single .lucky-card-art{height:170px}.summon-summary.single .lucky-card-art img{max-height:145px}.summon-summary.single .lucky-card{padding:18px}.summon-summary.single .lucky-card-name{font-size:20px}.summon-summary.single .lucky-card-top,.summon-summary.single .lucky-card-foot{font-size:11px}}
@media(prefers-reduced-motion:reduce){#lucky-theater *,#lucky-theater *:before,#lucky-theater *:after{animation:none!important;transition:none!important}.summon-pack{transform:none}.summon-scene:after,.reveal-sparks,.reveal-ring{display:none}.summon-card.is-flipped .summon-card-inner{transform:rotateY(180deg)}.lucky-ticket:hover{transform:none}}
/* Perspective, thickness and foil highlights for the pack and cards. */
.summon-stage{perspective:950px}.summon-pack,.summon-card,.summon-summary .lucky-card{touch-action:none;--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:50%}.summon-pack{filter:none;transform-style:preserve-3d}.pack-3d{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(calc(-17deg + var(--tilt-y)));transition:transform .24s ease-out;animation:pack-orbit 5s ease-in-out infinite;will-change:transform}.summon-pack:hover .pack-3d,.summon-pack.is-inspecting .pack-3d{animation-play-state:paused}.summon-pack.is-opening .pack-3d{animation:none;transform:rotateY(0)}.pack-body{transform:translateZ(11px);box-shadow:inset 0 0 24px #071b14,inset 10px 0 18px #ffffff1c,inset -10px 0 18px #0006}.pack-body:before{background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff80,transparent 30%),linear-gradient(110deg,#ffffff45,transparent 25%,transparent 75%,#0005),repeating-linear-gradient(0deg,transparent 0 3px,#fff2 4px,transparent 5px)}.pack-body:after{opacity:.42;mix-blend-mode:screen}.pack-back{position:absolute;inset:0;display:grid;place-items:center;transform:rotateY(180deg) translateZ(11px);backface-visibility:hidden;background:linear-gradient(95deg,#162f24,#54725d 35%,#1a3a2e);border:1px solid #d0bb7b;border-radius:5px;box-shadow:inset 0 0 24px #071810}.pack-back span{font:11px/2 Georgia,serif;letter-spacing:.2em;text-align:center;border:1px solid #dfc88f70;padding:45px 30px;color:#e0c789}.pack-edge{position:absolute;top:3%;height:94%;width:22px;background:linear-gradient(90deg,#102c22,#78917b,#294a39);border:1px solid #d6c48d99}.pack-edge-left{left:-11px;transform:rotateY(-90deg)}.pack-edge-right{right:-11px;transform:rotateY(90deg)}.pack-seal,.pack-beam{transform:translateZ(13px)}.summon-card{transform-style:preserve-3d}.summon-card-inner{transform:rotateX(var(--tilt-x)) rotateY(calc(-17deg + var(--tilt-y)));transition:transform .65s cubic-bezier(.18,.7,.12,1);animation:card-orbit 4.8s ease-in-out infinite;will-change:transform}.summon-card:hover .summon-card-inner,.summon-card.is-inspecting .summon-card-inner{animation-play-state:paused;transition:transform .13s ease-out}.summon-card.is-flipped .summon-card-inner{animation:none;transform:rotateX(var(--tilt-x)) rotateY(calc(180deg + var(--tilt-y)))}.summon-back{transform:translateZ(var(--card-half-depth))}.summon-front{transform:rotateY(180deg) translateZ(var(--card-half-depth))}.summon-face{box-shadow:inset 0 1px 5px #fff9,0 24px 35px #0007}.summon-back:after,.summon-front:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x) var(--light-y),#fff8 0%,transparent 38%),linear-gradient(125deg,#fff8,transparent 25%,transparent 68%,#fff5 92%);mix-blend-mode:soft-light;opacity:.75}.summon-front.tier-s:after,.summon-front.tier-a:after{background:radial-gradient(circle at var(--light-x) var(--light-y),#fff9,transparent 38%),linear-gradient(120deg,#fbb7be77,#fbdf9d55,#c2f9de55,#c9b8fd66,#ffbdd455);mix-blend-mode:screen}.summon-summary .lucky-card{position:relative;transform-style:preserve-3d;animation-fill-mode:backwards;transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .2s ease,box-shadow .2s ease;box-shadow:1px 1px 0 #9ca78d,2px 2px 0 #77856f,3px 3px 0 #566b59,0 15px 25px #0005}.summon-summary .lucky-card:hover{transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(15px);box-shadow:2px 2px 0 #9ca78d,4px 4px 0 #77856f,6px 6px 0 #566b59,0 18px 26px #0008}.summon-summary .lucky-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff99,transparent 50%),linear-gradient(115deg,#fff5,transparent 25%,transparent 70%,#ffffff55);mix-blend-mode:soft-light}.summon-pack.is-inspecting,.summon-card.is-inspecting,.summon-summary .lucky-card.is-inspecting{cursor:grabbing}.summon-pack,.summon-card{cursor:grab}.summon-footer>p{color:#bbcab9}@keyframes pack-orbit{0%,100%{transform:rotateX(-5deg) rotateY(-18deg)}50%{transform:rotateX(5deg) rotateY(18deg)}}@keyframes card-orbit{0%,100%{transform:rotateX(-5deg) rotateY(-20deg)}50%{transform:rotateX(5deg) rotateY(20deg)}}@media(prefers-reduced-motion:reduce){.pack-3d,.summon-card-inner,.summon-card.is-flipped .summon-card-inner{animation:none!important;transition:none!important}.pack-3d,.summon-card-inner{transform:none}.summon-card.is-flipped .summon-card-inner{transform:rotateY(180deg)}.summon-summary .lucky-card,.summon-summary .lucky-card:hover{transform:none}}
.summon-pack:hover .pack-3d,.summon-pack.is-inspecting .pack-3d,.summon-card:hover .summon-card-inner,.summon-card.is-inspecting .summon-card-inner{animation:none}
.reveal-rare .summon-card.is-flipped{filter:none}.reveal-rare .summon-front{box-shadow:0 0 30px rgba(var(--glow-rgb),.55),0 24px 35px #0007}.summon-card.is-flipped .summon-card-inner{animation:card-front-orbit 5s ease-in-out infinite}.summon-card.is-flipped:hover .summon-card-inner,.summon-card.is-flipped.is-inspecting .summon-card-inner{animation:none}@keyframes card-front-orbit{0%,100%{transform:rotateX(-4deg) rotateY(162deg)}50%{transform:rotateX(4deg) rotateY(198deg)}}@media(prefers-reduced-motion:reduce){.summon-card.is-flipped .summon-card-inner{animation:none!important;transform:rotateY(180deg)}}
/* Generated Rajika pouch used on the entry and the opening scene. */
.lucky-ticket{align-items:stretch;padding:20px;background:radial-gradient(ellipse at center,#658269,#314b3b 75%);border-color:#cdb582;color:#efe0bc}.lucky-ticket:before{border-color:#e1c99277}.ticket-label{position:relative;z-index:1;font:10px ui-monospace,monospace;letter-spacing:.15em;color:#ecdcaf}.ticket-pack-art{position:relative;z-index:1;display:block;flex:1;min-height:0;width:100%;height:235px;object-fit:contain;filter:drop-shadow(0 10px 9px #101b13aa)}.ticket-invitation{color:#f0ddb2;border-color:#c7b78066;margin-top:9px}.pack-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:translateZ(12px);backface-visibility:hidden;pointer-events:none;filter:drop-shadow(0 12px 12px #0008)}.pack-3d .pack-body,.pack-3d .pack-seal{display:none}.pack-3d .pack-back{left:12%;right:12%;top:3%;bottom:3%}.pack-3d .pack-edge{top:5%;height:90%}.pack-3d .pack-edge-left{left:calc(12% - 11px)}.pack-3d .pack-edge-right{right:calc(12% - 11px)}.summon-pack.is-opening .pack-image{animation:pack-image-open .7s .3s ease-in both}.summon-pack.is-opening .pack-beam{top:8%}@keyframes pack-image-open{0%{transform:translateZ(12px) scale(1);opacity:1}60%{transform:translateZ(26px) scale(1.12);opacity:1}100%{transform:translateY(135px) translateZ(26px) scale(1.16);opacity:0}}@media(max-width:620px){.lucky-ticket{min-height:260px}.ticket-pack-art{height:200px}.ticket-label{font-size:9px}}
/* Thin foil pouch: both faces follow the artwork's transparent silhouette. */
.pack-3d .pack-image-front{transform:translateZ(1px)}
.pack-3d .pack-image-back{transform:rotateY(180deg) translateZ(1px)}
.summon-pack.is-opening .pack-image-back{animation:pack-image-back-open .7s .3s ease-in both}
@keyframes pack-image-back-open{0%{transform:rotateY(180deg) translateZ(1px) scale(1);opacity:1}60%{transform:rotateY(180deg) translateZ(1px) scale(1.12);opacity:1}100%{transform:translateY(135px) rotateY(180deg) translateZ(1px) scale(1.16);opacity:0}}
/* Preserve the user's continuous turn after each drag. */
.summon-pack.has-spun .pack-3d,.summon-pack.has-spun:hover .pack-3d,.summon-pack.has-spun.is-inspecting .pack-3d{animation:none;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--spin-y,0deg));transition:transform .12s ease-out}
/* The card is a closed slab. The rim spans both faces across the full 4px depth. */
.summon-card {
  --card-radius: 13px;
  --card-half-depth: 2px;
  --card-rim-thickness: calc(2 * var(--card-half-depth) + .35px);
}
.card-depth {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  pointer-events: none;
}
.card-edge {
  position: absolute;
  background: linear-gradient(#8e774f,#d6bf8c 48%,#ac9262);
}
.card-edge-top, .card-edge-bottom, .card-edge-corner {
  left: 50%;
  width: calc(100% - 2 * var(--card-radius) + .5px);
  height: var(--card-rim-thickness);
  transform: translate(-50%,-50%) rotateX(90deg);
}
.card-edge-top { top: 0; }
.card-edge-bottom { top: 100%; }
.card-edge-left, .card-edge-right {
  top: 50%;
  width: var(--card-rim-thickness);
  height: calc(100% - 2 * var(--card-radius) + .5px);
  background: linear-gradient(90deg,#8e774f,#d6bf8c 48%,#ac9262);
  transform: translate(-50%,-50%) rotateY(90deg);
}
.card-edge-left { left: 0; }
.card-edge-right { left: 100%; }
.card-edge-corner {
  left: var(--x);
  top: var(--y);
  width: calc(var(--card-radius) * .3902 + .5px);
  transform: translate(-50%,-50%) rotateZ(var(--angle)) rotateX(90deg);
}
.summon-card.has-spun .summon-card-inner,.summon-card.has-spun:hover .summon-card-inner,.summon-card.has-spun.is-inspecting .summon-card-inner{animation:none;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--spin-y,0deg));transition:transform .12s ease-out}
.summon-card.has-spun.is-flipped .summon-card-inner,.summon-card.has-spun.is-flipped:hover .summon-card-inner{transform:rotateX(var(--tilt-x,0deg)) rotateY(calc(180deg + var(--spin-y,0deg)))}
.summon-pack.has-spun.is-opening .pack-3d{animation:none;transform:rotateY(0deg)}
@media(prefers-reduced-motion:reduce){.summon-pack.has-spun .pack-3d,.summon-card.has-spun .summon-card-inner{transition:none}}
/* A shallow foil pouch, aligned to the transparent artwork on both sides. */
.pack-3d .pack-image-front{transform:translateZ(10px)}
.pack-3d .pack-image-back{transform:rotateY(180deg) translateZ(10px)}
.pouch-rim{position:absolute;display:block;backface-visibility:visible;pointer-events:none;background:linear-gradient(90deg,#795e53 0%,#d4b59b 15%,#f9e5ca 31%,#e7c99e 42%,#b69c9b 55%,#e3c7c9 69%,#efd7a3 84%,#80665d 100%);box-shadow:inset 0 0 2px #fff9;}
.pouch-left,.pouch-right{top:2%;height:96%;width:20px;border-radius:45% 45% 40% 40% / 3% 3% 4% 4%;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#fff4 4px,#826d690f 5px,transparent 7px),linear-gradient(90deg,#806657,#dfc0a6 20%,#fff0d2 42%,#d6bbc3 62%,#f1d39d 78%,#7c5c53);}
.pouch-left{left:calc(12% - 10px);transform:rotateY(-90deg)}
.pouch-right{right:calc(12% - 10px);transform:rotateY(90deg)}
.pouch-top,.pouch-bottom{left:12%;width:76%;height:20px;background-image:repeating-linear-gradient(90deg,transparent 0 2px,#fff6 3px,#8d68652b 5px),linear-gradient(#8e6c60,#efd4b6 35%,#ffe9c7 55%,#bfa4ae 78%,#765c57)}
.pouch-top{top:calc(2% - 10px);transform:rotateX(90deg)}
.pouch-bottom{bottom:calc(2% - 10px);transform:rotateX(-90deg)}
.summon-pack.is-opening .pouch-rim{animation:pouch-rim-open .65s .35s ease-in both}
@keyframes pouch-rim-open{to{opacity:0;scale:1.1}}
/* Curved, foil-textured facets replace the flat rectangular sides. */
.pouch-facet{position:absolute;top:0;height:100%;display:block;background-image:url('rajika-pack-art.png');background-repeat:no-repeat;backface-visibility:hidden;pointer-events:none;will-change:transform}
.summon-pack.has-pouch-facets .pack-3d>:not(.pouch-facet):not(.pack-beam):not(.pouch-soft-core):not(.pack-image){visibility:hidden}
.summon-pack.is-opening .pouch-facet{animation:pouch-facet-open .65s .35s ease-in both}
@keyframes pouch-facet-open{to{opacity:0}}
.summon-pack.has-pouch-facets .pack-3d>.pouch-soft-core{visibility:visible}
.pouch-soft-core{position:absolute;top:2%;left:calc(50% - 22px);width:44px;height:96%;display:block;transform:rotateY(90deg);backface-visibility:visible;pointer-events:none;clip-path:polygon(39% 0,61% 0,64% 5%,76% 17%,91% 31%,100% 50%,91% 69%,76% 83%,64% 95%,61% 100%,39% 100%,36% 95%,24% 83%,9% 69%,0% 50%,9% 31%,24% 17%,36% 5%);background:repeating-linear-gradient(168deg,#fff2 0 2px,transparent 3px 14px,#72574c25 16px 17px),linear-gradient(90deg,#93776b,#d0aa9f 19%,#f7e5c7 39%,#c2a1ac 52%,#e7c6a2 72%,#8d7268);box-shadow:inset 0 0 9px #79564b88}
.summon-pack.is-opening .pouch-soft-core{animation:pouch-facet-open .65s .35s ease-in both}

.summon-pack.has-pouch-facets .pack-image-front{visibility:visible;transform:translateZ(.2px)}
.summon-pack.has-pouch-facets .pack-image-back{visibility:visible;transform:rotateY(180deg) translateZ(.2px)}

.pouch-facet{transition:opacity .16s ease}
.summon-pack.side-view .pouch-facet{opacity:0}
/* A six-sided foil packet: every surface uses its own matching artwork. */
.foil-pouch{--pouch-depth:28px;position:absolute;left:12%;width:76%;top:1%;height:98%;display:block;transform-style:preserve-3d;pointer-events:none}
.foil-face{position:absolute;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-repeat:no-repeat;background-size:100% 100%;background-position:center;pointer-events:none}
.foil-front,.foil-back{inset:0;width:100%;height:100%}
.foil-front{transform:translateZ(calc(var(--pouch-depth) / 2));background-image:url('rajika-pack-art.png');background-size:132% 100%}
.foil-back{transform:rotateY(180deg) translateZ(calc(var(--pouch-depth) / 2));background-image:url('pouch-textures/back.webp');border-radius:2%}
.foil-left,.foil-right{top:0;height:100%;width:var(--pouch-depth);box-shadow:inset 0 0 7px #6e405c55}
.foil-left{left:calc(var(--pouch-depth) / -2);transform:rotateY(-90deg);background-image:url('pouch-textures/left.webp')}
.foil-right{left:calc(100% - var(--pouch-depth) / 2);transform:rotateY(90deg);background-image:url('pouch-textures/right.webp')}
.foil-top,.foil-bottom{left:0;width:100%;height:var(--pouch-depth);box-shadow:inset 0 0 6px #825c5470}
.foil-top{top:calc(var(--pouch-depth) / -2);transform:rotateX(90deg);background-image:url('pouch-textures/top.webp')}
.foil-bottom{top:calc(100% - var(--pouch-depth) / 2);transform:rotateX(-90deg);background-image:url('pouch-textures/bottom.webp')}
.summon-pack.is-opening .foil-pouch{animation:foil-pouch-open .7s .35s ease-in both}
@keyframes foil-pouch-open{to{opacity:0;transform:translateY(110px) scale(1.1)}}
@media(max-width:620px){.foil-pouch{--pouch-depth:24px}}
/* Flexible pillow bag: the surface closes at the transverse heat seals. */
.pillow-pouch{position:absolute;left:12%;width:76%;top:1%;height:98%;display:block;transform-style:preserve-3d;pointer-events:none}
.pillow-patch{position:absolute;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-repeat:no-repeat;pointer-events:none;will-change:transform}
.pillow-end{position:absolute;left:0;width:100%;height:3px;display:block;backface-visibility:visible;background-size:100% 100%;pointer-events:none}
.pillow-end-top{top:0;transform:rotateX(90deg);background-image:url('pouch-textures/top.webp')}
.pillow-end-bottom{bottom:0;transform:rotateX(90deg);background-image:url('pouch-textures/bottom.webp')}
.summon-pack.is-opening .pillow-pouch{animation:foil-pouch-open .7s .35s ease-in both}
/* Keep the front artwork crisp; only the soft foil folds are curved. */
.pillow-panel{position:absolute;left:0;width:100%;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-repeat:no-repeat;pointer-events:none}
.pillow-fold{position:absolute;top:0;height:100%;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-repeat:no-repeat;pointer-events:none;clip-path:polygon(50% 0,50% 5%,0 14%,0 86%,50% 95%,50% 100%,100% 86%,100% 14%)}
.pillow-fold-left{background-image:url('pouch-textures/left.webp')}
.pillow-fold-right{background-image:url('pouch-textures/right.webp')}
.summon-pack.has-pillow-pouch.is-inspecting .pack-3d{transition:none!important}
/* One antialiased, softly tapered foil surface per side. */
.pillow-fold{width:26px;height:100%;clip-path:none;background-size:100% 100%;background-position:center;image-rendering:auto;will-change:auto}
.pillow-fold-left{left:-13px;background-image:url('pouch-textures/left-smooth.webp')}
.pillow-fold-right{left:calc(100% - 13px);background-image:url('pouch-textures/right-smooth.webp')}
.pillow-panel{will-change:auto;image-rendering:auto}
.pillow-end{height:2px}
/* The torn crimp is a separate strip above the opening. */
.pouch-tear{display:none;position:absolute;z-index:2;left:12%;top:1%;width:76%;height:12%;pointer-events:none;background:url('pouch-textures/front-mesh.webp') center top / 100% 833% no-repeat;clip-path:polygon(0 0,100% 0,100% 77%,96% 88%,92% 78%,88% 88%,84% 78%,80% 88%,76% 78%,72% 88%,68% 78%,64% 88%,60% 78%,56% 88%,52% 78%,48% 88%,44% 78%,40% 88%,36% 78%,32% 88%,28% 78%,24% 88%,20% 78%,16% 88%,12% 78%,8% 88%,4% 78%,0 88%)}
@keyframes pouch-open-film{0%,22%{clip-path:inset(0);opacity:1;transform:none}38%{clip-path:inset(12% 0 0);opacity:1;transform:none}100%{clip-path:inset(12% 0 0);opacity:0;transform:translateY(112px) scale(1.08)}}
@keyframes pouch-tear-away{0%,24%{opacity:1;transform:none}100%{opacity:0;transform:translate(22px,-100px) rotate(22deg)}}
/* Full turntable of a curved foil bag; all six printed surfaces meet. */
.summon-pack.has-turntable .pack-3d,
.summon-pack.has-turntable.has-spun .pack-3d,
.summon-pack.has-turntable.is-opening .pack-3d{transform:none!important;animation:none!important;transition:none!important}
.pouch-turn-film{position:absolute;inset:0;display:block;transform:perspective(950px) rotateX(var(--pouch-pitch,0deg));transform-origin:center;pointer-events:none;filter:drop-shadow(0 16px 12px #0006)}
.pouch-turn{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-select:none;image-rendering:auto;backface-visibility:hidden}
.summon-pack.has-turntable.is-opening .pouch-turn-film{animation:pouch-open-film .92s .12s ease-in both}
.summon-pack.has-turntable.is-opening .pouch-tear{display:block;animation:pouch-tear-away .7s .12s cubic-bezier(.2,.6,.3,1) both}
.summon-pack.has-turntable.is-opening .pack-beam{top:12%}
.pouch-turn-film{transform:rotateX(var(--pouch-pitch,0deg));filter:none}
.pouch-turn{backface-visibility:visible;-webkit-backface-visibility:visible;filter:drop-shadow(0 14px 13px #0006)}
/* A fixed soft shadow avoids recalculating a large filter on every turn frame. */
.pouch-turn-film:before{content:"";position:absolute;left:14%;right:14%;bottom:2%;height:12%;pointer-events:none;background:radial-gradient(ellipse,#0008,transparent 72%);transform:translateY(10px);z-index:0}
.pouch-turn{filter:none;z-index:1}
/* The atlas stays in place, but its animations need not compete with the draw. */
body.lucky-opening>main,body.lucky-opening>header,body.lucky-opening>footer{visibility:hidden}
body.lucky-opening>main *,body.lucky-opening>header *,body.lucky-opening>footer *{animation-play-state:paused!important}
/* The tear strip comes from the same rendered view, so it follows the new seal. */
.pouch-tear{inset:0;width:100%;height:100%;background:url('pouch-sprites/preview.webp?v=2') 0 0 / 1200% 1000% no-repeat;clip-path:polygon(0 0,100% 0,100% 14%,96% 13.7%,92% 14%,88% 13.7%,84% 14%,80% 13.7%,76% 14%,72% 13.7%,68% 14%,64% 13.7%,60% 14%,56% 13.7%,52% 14%,48% 13.7%,44% 14%,40% 13.7%,36% 14%,32% 13.7%,28% 14%,24% 13.7%,20% 14%,16% 13.7%,12% 14%,8% 13.7%,4% 14%,0 13.7%)}
@keyframes pouch-open-film{0%,22%{clip-path:inset(0);opacity:1;transform:none}38%{clip-path:inset(14% 0 0);opacity:1;transform:none}100%{clip-path:inset(14% 0 0);opacity:0;transform:translateY(112px) scale(1.08)}}
@media(max-width:620px){.summon-pack{width:226px;height:320px}}
/* Match the temporary pouch silhouette to the slimmer rendered bag. */
.pillow-pouch{left:18%;width:64%;top:8%;height:84%}
.pouch-turn-film:before{left:20%;right:20%}

/* Keep the profile readable at rest, with the same edge and foil as the front. */
.summon-card.has-spun.is-turning .summon-card-inner {
  transition: transform .42s cubic-bezier(.22,.7,.25,1);
}
.pet-card-back {
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding: 16px 16px 12px;
  color: #f8eed6;
  text-align: left;
  background: linear-gradient(145deg,#254a3f,#162e2a);
}
.pet-card-back:after { opacity: .22; }
.pet-card-back-index {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 7px;
  border-bottom: 1px solid #d5bf7e66;
  color: #e6ce93;
  font-size: 12px;
  font-weight: 650;
}
.pet-card-back-index small {
  font-size: 11px;
  letter-spacing: .04em;
  color: inherit;
}
.pet-card-back-name {
  margin-top: 8px;
  font-family: Georgia,"Songti SC",serif;
  font-size: 23px;
  line-height: 1.15;
}
.pet-card-back-alias { margin-top: 3px; color: #dfd8bd; font-size: 11px; }
.pet-card-back-traits { margin-top: 6px; color: #e6ce93; font-size: 12px; }
.pet-card-back-intro, .pet-card-back-source {
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.pet-card-back-intro { margin-top: 6px; }
.pet-card-back-source {
  display: block;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #d5bf7e66;
  color: #e9e5cf;
}
.pet-card-back-source strong { color: #e6ce93; }
.pet-card-back-source > span { display: block; margin-top: 4px; }
.pet-card-back-hint { margin-top: auto; padding-top: 8px; color: #e6ce93; font-size: 11px; }