/* V21.1 SCENE SHIFT — deliberately distinct musical + visual worlds.
   Summon: cold celestial observatory; Evolution: golden living sanctuary.
   Neither scene changes saved data or RNG. */
:root{--v211-astral:#8ce7e9;--v211-evolution:#efdfae}
/* The summon destination: turquoise astral sky instead of the home palette. */
body:has(.v18-gacha-page){background:#051d2d}
.v18-gacha-page{background:linear-gradient(180deg,#051420,#092b38 24%,#031420 73%,#080d1a)!important}
.v18-summon-hero{background:#092132!important;box-shadow:inset 0 -30px 50px #041724!important}
.v18-summon-art{background:linear-gradient(180deg,rgba(0,18,32,.19),rgba(0,33,39,.08) 45%,rgba(1,14,31,.87)),url('assets/astral_observatory.webp') center 42% / cover no-repeat!important}
.v18-summon-art:before{background:linear-gradient(90deg,#031322a1 0%,#0317245a 47%,transparent 78%),linear-gradient(0deg,#031522dd 0%,transparent 46%)!important}
.v18-summon-art:after{background:radial-gradient(ellipse at 74% 30%,#89efef5c,transparent 35%),repeating-linear-gradient(90deg,transparent 0 30%,#bbebdf18 30% 30.15%,transparent 30.15% 60%)!important;mix-blend-mode:screen;opacity:.85}
.v18-summon-heading h1{color:#e2fbf2!important;text-shadow:0 5px 19px #01101b,0 0 22px #3bd5da5c!important}
.v18-summon-heading p{color:#e5f7f8!important}
.v18-summon-heading:before{content:'✧ ASTRAL OBSERVATORY  /  星界の召喚殿';display:block;color:#b8edec;font:800 10px Georgia,serif;letter-spacing:.10em;white-space:normal;text-shadow:0 2px 9px #001e28;padding:5px 0;margin-bottom:8px}
.v18-gacha-page .v18-draw-actions button{box-shadow:0 8px 26px #007a8570}
/* The summon interaction: an engraved suspended relic, rather than a jelly bead. */
#gacha-root .sg-ready{background:#061926!important}
#gacha-root .sg-ready .sg-backdrop{background:linear-gradient(180deg,#02162480 0%,#06263239 30%,#061826dd 95%),url('assets/astral_observatory.webp') center 47% / cover no-repeat!important}
#gacha-root .sg-ready .sg-backdrop:after{background:radial-gradient(ellipse at 49% 37%,#45e8ed4c,transparent 43%),radial-gradient(#e6efda66 1px,transparent 2px)!important;background-size:auto,27px 34px!important}
#gacha-root .sg-orbit{border-color:#b5ddc490;box-shadow:0 0 30px #51d2cf35,inset 0 0 40px #6fcbc825}
#gacha-root .sg-orbit-a{border-style:double;border-width:6px}
#gacha-root .sg-orbit-b{border-style:dotted;border-width:2px}
#gacha-root .sg-crystal{border:0;border-radius:0;clip-path:polygon(50% 0%,86% 20%,100% 55%,50% 100%,0% 55%,14% 20%);background:linear-gradient(145deg,#f5f4db 0%,#c1f1e5 12%,#287a9c 23%,#09294e 48%,#253c84 59%,#56c0cb 75%,#e1d1a3 100%);box-shadow:none;filter:drop-shadow(0 0 19px #9cecff);transform:rotate(-7deg);animation:v211-crystal-pulse 2.4s ease-in-out infinite alternate;position:relative}
#gacha-root .sg-crystal:before{content:'';position:absolute;inset:4%;clip-path:polygon(50% 0%,86% 20%,100% 55%,50% 100%,0% 55%,14% 20%);background:linear-gradient(104deg,transparent 0 28%,#a8edfa77 28% 30%,transparent 30% 58%,#fff4bf99 58% 60%,transparent 60%);opacity:.8}
#gacha-root .sg-crystal:after{content:'✧ ᚱ ✧';font:700 15px Georgia,serif;letter-spacing:.25em;color:#e9fff3;position:absolute;top:38%;left:0;right:0;opacity:.88;text-shadow:0 0 8px #fff8ce}
#gacha-root .sg-inner{font-size:42px;color:#e7fff9;text-shadow:0 0 11px #e9ffdb,0 0 28px #6bc2f8;transform:rotate(7deg)}
#gacha-root .sg-grab{filter:drop-shadow(0 0 25px #6de7fb85)}
#gacha-root .sg-pullzone.charged .sg-crystal{filter:drop-shadow(0 0 45px #ffdcb6);background:linear-gradient(130deg,#fff8e6,#d5f5eb 24%,#a5cee9 38%,#f7d890 67%,#c3a36a 90%)}
#gacha-root .sg-top span{color:#d3f4f0}
#gacha-root .sg-orbit-caption{color:#bcf4f0}
#gacha-root .sg-callout h2{color:#fff9de}
#gacha-root .sg-access{background:linear-gradient(130deg,#c8fff1,#e4cea1)!important;box-shadow:0 0 28px #65e2cb66!important}
@keyframes v211-crystal-pulse{to{filter:drop-shadow(0 0 34px #d0eee5);transform:rotate(-6deg) scale(1.035)}}
/* Single continuous summoned theater. Switching realms never changes the draw. */
#gacha-root .v21-scene{background:#061826!important}
#gacha-root .v21-background{background:linear-gradient(180deg,#001b2d7d 0%,#12374e1a 32%,#020c1bb8 95%),url('assets/astral_observatory.webp') center 43% / cover no-repeat!important;filter:saturate(.96) contrast(1.16)!important}
#gacha-root .v21-mist{background:radial-gradient(ellipse at 50% 40%,#55e6db30,transparent 57%),linear-gradient(4deg,#b6e3c81b,transparent 70%)}
#gacha-root .v21-lightwell{background:linear-gradient(180deg,#a9f2df4b,#91dcde11 58%,transparent)}
#gacha-root .v21-back-ring{border-color:#88d9d085;box-shadow:inset 0 0 25px #6beed04a,0 0 35px #3abfb44c}
#gacha-root .v21-inner-ring{border-color:#dfdbb37c}
#gacha-root .v21-hud{color:#defcf4}
#gacha-root .v21-theater-tag{color:#cce9da}
/* Evolution is an entirely different realm: open, bright, verdant and ceremonial. */
.v20-evo-veil{background:#0d3540!important;color:#fdf9df!important}
.v20-evo-veil .v20-evo-bg{background:linear-gradient(180deg,#06292c6a 0%,#073a3091 36%,#09202ac9 100%),url('assets/evolution_grove.webp') center 47% / cover no-repeat!important;filter:brightness(.90) saturate(1.02)!important}
.v20-evo-veil .v20-evo-haze{background:radial-gradient(ellipse at 52% 29%,#dcf5aa2d,transparent 62%),radial-gradient(ellipse at 52% 70%,#36c5a327,transparent 74%)!important}
.v20-evo-veil .v20-evo-top span{color:#fff5cd}
.v20-evo-veil .v20-evo-top b{color:#cbfff1;font-size:12px}
.v20-evo-veil .v20-evo-orbit{top:8%!important;height:54%!important;overflow:visible}
.v20-evo-veil .v20-evo-orbit img{height:100%!important;width:min(98vw,520px)!important;object-fit:contain!important;object-position:center center!important;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 94%,transparent)!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 94%,transparent)!important;max-width:100%}
.v20-evo-veil .v20-evo-halo{border-color:#f9d99393!important;box-shadow:0 0 28px #86eacc51,inset 0 0 14px #fbe7a045!important}
.v20-evo-veil .v20-evo-lightning{color:#f9f3d2!important;text-shadow:0 0 18px #bcefc8!important}
.v20-evo-veil .v20-evo-narrative{background:linear-gradient(180deg,transparent,#051e21c9 12%,#042128f2 75%,#051b21dc);border-top:1px solid #c6e5ba44;left:0!important;right:0!important;padding:12px 15px 7px;bottom:calc(76px + env(safe-area-inset-bottom))!important;text-shadow:0 3px 10px #07131b!important}
.v20-evo-veil .v20-evo-ornament{color:#e4edbc}
.v20-evo-veil .v20-evo-title b{color:#fff3c7!important}
.v20-evo-veil .v20-evo-newname{color:#eaffdc!important}
.v20-evo-veil .v20-evo-stats b{color:#b9ffd7!important}
.v20-evo-veil .v20-evo-controls{bottom:calc(8px + env(safe-area-inset-bottom))!important}
.v20-evo-veil .v20-evo-controls button{background:#0c3441e6!important;color:#fef7da!important;border-color:#e8d4a179!important}
.v20-evo-veil .v20-evo-controls .v20-evo-finish{background:linear-gradient(120deg,#d1f0c4,#f2d69c)!important;color:#162d32!important}
.v20-evo-veil[data-phase="complete"] .v20-evo-after{opacity:1!important;filter:brightness(1) contrast(1.03) drop-shadow(0 14px 15px #04221a)!important;animation:v211-evo-idle 5.4s ease-in-out infinite alternate!important}
.v20-evo-veil[data-phase="complete"] .v20-evo-orbit{top:7%!important;height:55%!important}
.v20-evo-veil[data-phase="complete"] .v20-evo-halo{opacity:.27!important}
@keyframes v211-evo-idle{from{transform:scale(.92) translateY(0)}to{transform:scale(.94) translateY(-4px)}}
@media(max-height:740px){.v20-evo-veil .v20-evo-orbit,.v20-evo-veil[data-phase="complete"] .v20-evo-orbit{top:8%!important;height:47%!important}.v20-evo-veil .v20-evo-narrative{bottom:calc(66px + env(safe-area-inset-bottom))!important;padding:7px 12px}.v20-evo-veil .v20-evo-title b{font-size:27px!important}}
@media(max-width:350px){.v20-evo-veil .v20-evo-top b{font-size:10px}.v20-evo-veil .v20-evo-orbit{top:10%!important}.v20-evo-veil .v20-evo-narrative{padding:8px 7px}}
@media(prefers-reduced-motion:reduce){.sg-ready .sg-crystal{animation:none!important}}