/* Native animated stage props; banner illustrations provide atmosphere. */
#collection-dialog.recruit-dialog706{width:min(720px,calc(100% - 20px));max-height:calc(100dvh - 24px);padding:12px;background:#faf7f1;color:#27242b;border:1px solid #dbc9c6;overflow:auto}
#collection-dialog .summon-opening706{padding:0!important;text-align:center;background:#faf7f1!important}
#collection-dialog .summon-opening706 h2{color:#29242d!important;font-size:clamp(22px,5vw,32px)!important;line-height:1.15;margin:18px 12px 10px!important}
.summon-opening706>.eyebrow{color:#a12c47!important;margin:8px 12px 12px!important;font-size:11px;letter-spacing:.12em}
.summon-opening706 .recruit-signal517{color:#5d4c63!important;font-size:14px;min-height:24px;margin:8px 12px!important}
.summon-opening706 .recruit-saved517{color:#685e65!important;font-size:12px;margin:12px!important;line-height:1.5}
.summon-scene706{position:relative;isolation:isolate;height:clamp(240px,48vw,350px);overflow:hidden;border-radius:15px;background:#131d36;contain:paint;perspective:800px;--summon-accent:#e84c65;--summon-power:1}
.summon-backdrop706{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24;filter:saturate(.7);transform:scale(1.08);animation:summon-camera706 5s ease-out both}
.summon-sky706{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,transparent,#090d25d9),linear-gradient(0deg,#090d25bf,transparent 65%)}
.summon-ground706{position:absolute;left:-20%;bottom:-32%;width:140%;height:64%;background:repeating-linear-gradient(90deg,#b4d5ed20 0 1px,transparent 1px 52px),repeating-linear-gradient(0deg,#b4d5ed20 0 1px,transparent 1px 35px);transform:rotateX(65deg);border-top:1px solid var(--summon-accent)}
.summon-halo706{position:absolute;width:220px;height:220px;left:calc(50% - 110px);top:calc(50% - 110px);border:1px solid var(--summon-accent);border-radius:50%;opacity:.3;box-shadow:0 0 60px color-mix(in srgb,var(--summon-accent) 24%,transparent),inset 0 0 50px #ffffff0a;transform:rotateX(65deg) translateY(100px)}
.summon-prop706{position:absolute;width:112px;height:112px;left:calc(50% - 56px);top:calc(50% - 56px);z-index:3;filter:drop-shadow(0 16px 12px #0008);animation:summon-enter706 .8s cubic-bezier(.2,.8,.3,1.15) both}
.summon-prop706>i{position:absolute;display:block;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .65s,box-shadow .6s}
.prop-core706{width:28px;height:28px;border-radius:50%;left:42px;top:42px;background:#fff5d9;box-shadow:0 0 22px var(--summon-accent);z-index:4}
.ball706 .prop-back706,.ball706 .prop-front706,.capsule706 .prop-back706,.capsule706 .prop-front706{inset:0;border-radius:50%;background:linear-gradient(155deg,#f9f6ed,#b9c8d5);border:4px solid #26304b}
.ball706 .prop-lid706{inset:0 0 50%;border:4px solid #26304b;border-radius:70px 70px 0 0;background:linear-gradient(135deg,#ff8796,#d81742 70%);z-index:2;transform-origin:bottom center}
.ball706 .prop-front706{top:48%;border-radius:0 0 70px 70px;border-top:7px solid #26304b;z-index:2}
.ball706 .prop-core706{border:5px solid #26304b;background:#fdf6e8}
.capsule706{width:96px;height:126px;left:calc(50% - 48px);top:calc(50% - 63px);transform:rotate(-12deg)}
.capsule706 .prop-back706{border-radius:48px;background:#efffff}
.capsule706 .prop-lid706{inset:0 0 48%;border-radius:48px 48px 6px 6px;border:4px solid #123a55;background:linear-gradient(135deg,#95fff0,#20b6bf);z-index:2}
.capsule706 .prop-front706{top:50%;border-radius:4px 4px 48px 48px;border:4px solid #123a55}
.capsule706 .prop-core706{left:34px;top:50px;border:4px solid #28667a;background:#fff2a2}
.gate706{width:142px;height:172px;left:calc(50% - 71px);top:calc(50% - 78px)}
.gate706 .prop-back706{inset:-12px;border-radius:90px 90px 5px 5px;background:repeating-linear-gradient(0deg,#615e5b 0 22px,#373b44 23px 26px);border:4px solid #a39d85;box-shadow:0 0 0 8px #292d36}
.gate706 .prop-lid706,.gate706 .prop-front706{top:0;bottom:0;width:50%;background:linear-gradient(90deg,#171e29,#3f4650);border:2px solid #beac75;z-index:2}
.gate706 .prop-lid706{left:0;border-radius:70px 0 0 0;transform-origin:left}.gate706 .prop-front706{right:0;border-radius:0 70px 0 0;transform-origin:right}
.gate706 .prop-core706{left:67px;top:14px;width:8px;height:145px;border-radius:0;z-index:1;background:#fff3c9}
.summon-rune706{position:absolute;color:#ead69b;font-size:19px;z-index:3;top:29px;left:28px;text-shadow:0 0 8px #ffc85b}.summon-rune706:nth-of-type(2){left:59px;top:9px}.summon-rune706:nth-of-type(3){left:94px;top:29px}.summon-rune706:nth-of-type(4){top:89px}.summon-rune706:nth-of-type(5){left:94px;top:89px}
.chest706{width:148px;height:104px;left:calc(50% - 74px)}
.chest706 .prop-back706{inset:5px 0 0;background:#241917;border:4px solid #e7b658;border-radius:20px 20px 8px 8px}
.chest706 .prop-front706{inset:47px 0 0;background:repeating-linear-gradient(90deg,#96572d 0 27px,#c18b43 28px 33px);border:5px solid #dbab52;border-radius:0 0 8px 8px;z-index:3}
.chest706 .prop-lid706{inset:0 0 52px;background:linear-gradient(#af6e37,#5a3324);border:5px solid #edc46f;border-radius:25px 25px 0 0;z-index:4;transform-origin:center bottom}
.chest706 .prop-core706{left:62px;top:43px;border-radius:4px;background:#f1cb68;border:3px solid #643f2c;z-index:5}
.energy706 .prop-back706,.energy706 .prop-front706{inset:4px;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#89d7ff 14%,#1b75eb80 48%,transparent 70%);box-shadow:0 0 35px #65aaff}
.energy706 .prop-lid706{inset:-12px;border:3px solid #91d3ff;border-radius:25% 60% 25% 60%;transform:rotate(45deg)}
.energy706 .prop-front706{inset:24px;background:#e4f8ff}
.seal706 .prop-back706{inset:8px;background:radial-gradient(circle,#0b0720,#2f177d);border:3px solid #a187ff;border-radius:50%;box-shadow:inset 0 0 24px #8564ff,0 0 28px #6a42c9}
.seal706 .prop-lid706,.seal706 .prop-front706{inset:-5px;border:2px solid #d3b8ff;transform:rotate(45deg)}
.seal706 .prop-front706{transform:rotate(15deg);inset:10px}
.summon-paper706{width:23px;height:57px;background:#eee2c6;color:#6d3257;border:1px solid #b18e83;left:45px;top:28px;z-index:5;font:700 19px/50px serif;transform:rotate(calc(var(--i)*90deg)) translateY(-70px);transform-origin:center}
.flame706 .prop-back706,.flame706 .prop-lid706,.flame706 .prop-front706{inset:0 8px;border-radius:75% 15% 60% 45%;transform:rotate(-35deg);background:linear-gradient(135deg,#fff2b9,#ffb126 35%,#e63c20 80%);box-shadow:0 0 40px #ff672c80;transform-origin:50% 85%}
.flame706 .prop-lid706{inset:30px 30px 3px;background:#ffe899;transform:rotate(12deg)}.flame706 .prop-front706{inset:63px 40px 0;background:#fffbea;transform:rotate(-10deg)}.flame706 .prop-core706{top:73px;left:45px;width:22px;height:28px;background:#fff5c4}
.summon-orbit706{position:absolute;inset:0;z-index:2}.summon-mote706{position:absolute;left:50%;top:50%;width:5px;height:14px;background:var(--summon-accent);box-shadow:0 0 9px var(--summon-accent);opacity:.3;transform:rotate(calc(var(--i)*30deg)) translateY(-125px);border-radius:3px}
[data-theme=companions] .summon-mote706{border-radius:0;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);width:15px;height:15px}
[data-theme=shonen] .summon-mote706{width:16px;height:13px;background:#7c828b;border-radius:35% 10% 30% 20%;box-shadow:none}
[data-theme=fire-force] .summon-mote706{width:5px;height:17px;border-radius:80% 10% 80% 10%;background:#ffbb56}
[data-theme=pirates]{background:linear-gradient(#1f6685,#12344e 62%,#745039 62%,#30271f)}
[data-theme=pirates] .summon-ground706{bottom:-22%;background:repeating-linear-gradient(90deg,#c3935444 0 2px,transparent 2px 45px);border-color:#bb925e}
[data-theme=middle-earth] .summon-ground706{background:repeating-linear-gradient(90deg,#97998c22 0 2px,transparent 2px 80px)}
.summon-beam706{position:absolute;inset:0 20%;background:linear-gradient(90deg,transparent,var(--summon-accent),#fff9e8,var(--summon-accent),transparent);opacity:0;transform:scaleX(.03);z-index:4;mix-blend-mode:screen;transition:opacity .6s,transform .8s}
.summon-wave706{position:absolute;width:140px;height:140px;left:calc(50% - 70px);top:calc(50% - 70px);border:2px solid var(--summon-accent);border-radius:50%;opacity:0;z-index:5}
.summon-rank706{position:absolute;top:20px;left:0;right:0;color:#fff0c9;font-size:34px;opacity:0;z-index:6;transition:opacity .4s;text-shadow:0 0 20px var(--summon-accent)}
[data-phase=gather] .summon-prop706{animation:summon-gather706 .6s ease-in-out infinite alternate}
[data-phase=gather] .summon-mote706{animation:summon-motes706 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-80ms)}
[data-phase=rarity] .summon-rank706,[data-phase=open] .summon-rank706{opacity:1}
[data-phase=rarity] .summon-halo706{opacity:1;box-shadow:0 0 70px var(--summon-accent)}
[data-phase=rarity] .summon-prop706{animation:summon-anticipate706 .5s ease-out both}
[data-phase=open] .summon-beam706{opacity:.8;transform:scaleX(1)}
[data-phase=open] .summon-wave706{animation:summon-wave706 .95s ease-out both}
[data-phase=open] .summon-mote706{animation:summon-release706 .85s ease-out both}
[data-phase=open] .ball706 .prop-lid706,[data-phase=open] .capsule706 .prop-lid706{transform:translateY(-66px) rotate(-18deg);opacity:.65}
[data-phase=open] .ball706 .prop-front706,[data-phase=open] .capsule706 .prop-front706{transform:translateY(47px) rotate(10deg);opacity:.65}
[data-phase=open] .prop-core706{box-shadow:0 0 55px 20px var(--summon-accent);opacity:.85}
[data-phase=open] .gate706 .prop-lid706{transform:rotateY(-80deg)}[data-phase=open] .gate706 .prop-front706{transform:rotateY(80deg)}
[data-phase=open] .chest706 .prop-lid706{transform:translateY(-26px) rotateX(65deg)}
[data-phase=open] .energy706{animation:summon-burst706 .9s ease-out both}
[data-phase=open] .seal706 .prop-lid706{transform:rotate(135deg) scale(1.9);opacity:0}[data-phase=open] .seal706 .prop-front706{transform:rotate(-75deg) scale(1.7);opacity:0}
[data-phase=open] .summon-paper706{transform:rotate(calc(var(--i)*90deg + 30deg)) translateY(-150px);opacity:0}
[data-phase=open] .flame706 .prop-back706{transform:translateX(-65px) rotate(-65deg);opacity:.4}[data-phase=open] .flame706 .prop-lid706{transform:translateX(65px) rotate(50deg);opacity:.4}
.summon-opening706.rarity-common{--summon-rank:#c9deed}.summon-opening706.rarity-rare{--summon-rank:#7fd7ff}.summon-opening706.rarity-epic{--summon-rank:#d5a4ff}.summon-opening706.rarity-legendary{--summon-rank:#ffe39a}
.summon-opening706 .summon-rank706{color:var(--summon-rank)}.rarity-legendary .summon-rank706{font-size:45px}.rarity-epic .summon-wave706,.rarity-legendary .summon-wave706{border-width:4px}
#collection-dialog .summon-result706 .recruit-hero526{border-top:3px solid var(--summon-accent);border-radius:12px;background:linear-gradient(135deg,#f5eae0,#fffcf8);padding:14px 10px;animation:summon-result706 .65s ease-out both}
#collection-dialog .summon-result706 .recruit-hero526>canvas{animation:summon-trainer706 .7s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 8px 8px #28203930)}
.summon-origin706{font-size:11px;letter-spacing:.08em;color:#713344;margin:8px 0 12px;text-align:center;line-height:1.5}
@keyframes summon-enter706{0%{opacity:0;translate:0 -80px;rotate:-15deg}65%{translate:0 12px;rotate:4deg}100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes summon-camera706{to{transform:scale(1)}}
@keyframes summon-gather706{to{translate:0 -10px;filter:drop-shadow(0 0 20px var(--summon-accent))}}
@keyframes summon-motes706{to{transform:rotate(calc(var(--i)*30deg + 18deg)) translateY(-85px);opacity:.8}}
@keyframes summon-anticipate706{to{scale:.9;filter:drop-shadow(0 0 24px var(--summon-accent))}}
@keyframes summon-wave706{from{opacity:.9;scale:.6}to{opacity:0;scale:3.5}}
@keyframes summon-release706{from{opacity:1;transform:rotate(calc(var(--i)*30deg)) translateY(-70px)}to{opacity:0;transform:rotate(calc(var(--i)*30deg + 15deg)) translateY(-230px)}}
@keyframes summon-burst706{to{scale:2;opacity:0;filter:blur(5px)}}
@keyframes summon-result706{from{opacity:.25;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes summon-trainer706{from{opacity:0;translate:0 30px;scale:.9}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:360px){#collection-dialog.recruit-dialog706{padding:8px;width:calc(100% - 12px)}.summon-scene706{height:240px}.summon-halo706{width:190px;height:190px;left:calc(50% - 95px);top:calc(50% - 95px)}}
@media(prefers-reduced-motion:reduce){.summon-opening706 *,.summon-result706 *{animation:none!important;transition:none!important}.summon-opening706 .summon-beam706{display:none}}
/* Result readability and native sprite proportions override earlier dark hero rules. */
#collection-dialog.recruit-dialog706 .summon-result706 .recruit-hero526{min-height:200px;grid-template-columns:150px minmax(0,1fr);gap:12px;color:#29242d!important}
#collection-dialog.recruit-dialog706 .summon-result706 .recruit-identity526 h2{color:#29242d!important;font-size:clamp(27px,6vw,42px)!important;line-height:1.12!important}
#collection-dialog.recruit-dialog706 .summon-result706 .recruit-identity526 .eyebrow{color:#81334e!important;font-size:10px!important;line-height:1.5}
#collection-dialog.recruit-dialog706 .summon-result706 .recruit-identity526 .muted{color:#645561!important}
#collection-dialog.recruit-dialog706 .summon-result706 .recruit-hero526>canvas{width:150px!important;height:150px!important;max-width:150px!important;aspect-ratio:1;align-self:center;object-fit:contain}
#collection-dialog.recruit-dialog706 .summon-result706 .arrival-mark595{color:#81334e0d!important}
#collection-dialog.recruit-dialog706 .summon-result706 .arrival-summary683{margin:12px 0;padding:12px;font-size:12px}
#collection-dialog.recruit-dialog706 .summon-result706 .arrival-summary683 strong{font-size:14px}
[data-phase=rarity] .summon-halo706{scale:var(--summon-power)}
@media(max-width:480px){#collection-dialog.recruit-dialog706 .summon-result706 .recruit-hero526{grid-template-columns:110px minmax(0,1fr);min-height:180px;padding:12px 8px}#collection-dialog.recruit-dialog706 .summon-result706 .recruit-hero526>canvas{width:110px!important;height:110px!important;max-width:110px!important}#collection-dialog.recruit-dialog706 .summon-result706 .recruit-identity526 h2{font-size:27px!important}}
/* Rarity choreography shares the saved receipt clock; no extra reveal or timer. */
.summon-crest710{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}.summon-crest710 i{position:absolute;left:calc(50% - 2px);top:calc(50% - 100px);width:4px;height:25px;background:var(--summon-accent);transform-origin:2px 100px;transform:rotate(calc(var(--ray)*360deg/var(--rays)));box-shadow:0 0 15px var(--summon-accent)}
[data-phase=rarity] .summon-crest710,[data-phase=open] .summon-crest710{opacity:.8}.summon-crest710[data-rarity=epic] i{width:12px;height:32px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.summon-crest710[data-rarity=legendary] i{background:#ffe3a2;height:42px;animation:crest-breathe710 .7s ease-in-out infinite alternate}.summon-crest710[data-rarity=legendary]{filter:drop-shadow(0 0 8px #efbd61)}
@keyframes crest-breathe710{to{opacity:.4}}
@media(prefers-reduced-motion:reduce){.summon-crest710,.summon-crest710 i{animation:none!important;transition:none!important}}
/*725: distinct props for the three new worlds, within the saved receipt timeline. */
[data-theme=toon-club] .capsule706 .prop-lid706{background:repeating-linear-gradient(135deg,#d955a0 0 14px,#f6a6d5 14px 28px);border-color:#593953}
[data-theme=toon-club] .capsule706 .prop-front706{background:#fff1b8;border-color:#593953}
[data-theme=toon-club] .capsule706 .prop-core706{background:#fff;border-color:#b63070;box-shadow:0 0 22px #ff98d7}
[data-theme=shangrila] .gate706 .prop-back706{border-radius:50%;background:radial-gradient(ellipse,#123b55 30%,#43dec977 60%,#a2fff5 64%,#176986 70%);border:3px solid #a4ffef;box-shadow:0 0 0 5px #143b57,0 0 35px #5fffe680}
[data-theme=shangrila] .gate706 .prop-lid706,[data-theme=shangrila] .gate706 .prop-front706{background:linear-gradient(90deg,#0b2535ee,#52e9d666);border-color:#8cfce4;border-radius:70px}
[data-theme=shangrila] .gate706 .prop-core706{background:#b6fff2;box-shadow:0 0 30px #5fffe6}
[data-theme=hero-association] .energy706 .prop-back706{background:radial-gradient(circle,#fff0aa 0 16%,#eac444 20%,#1c2c38 28%,#f5c55a 31%,transparent 65%);box-shadow:0 0 32px #ffc25e}
[data-theme=hero-association] .energy706 .prop-front706{background:#fff2bb;clip-path:polygon(50% 0,61% 35%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,39% 35%);border-radius:0}
[data-theme=hero-association] .energy706 .prop-lid706{border-color:#a9edaa}