/* V3.6 SILVER AWAKENING — real-time CSS animations, no replacement artwork */
/* Landing image: silver light sweep, aligned with the title and the original clickable hotspots */
.cinematic-hero{overflow:hidden}
.cinematic-hero::before{content:"";position:absolute;z-index:1;pointer-events:none;left:15%;top:10%;width:70%;height:22%;background:linear-gradient(108deg,transparent 32%,#f5fbff00 43%,#f5fbff65 49%,#d3e8ff20 52%,transparent 64%);mix-blend-mode:screen;filter:blur(9px);transform:translateX(-140%) skewX(-14deg);animation:silverTitleSweep 7.5s ease-in-out infinite}
.cinematic-hero::after{content:"";position:absolute;pointer-events:none;z-index:1;left:10%;right:10%;top:49.8%;height:8%;background:linear-gradient(108deg,transparent 18%,#e8f6ff00 30%,#e8f6ff65 49%,#e8f6ff00 64%,transparent 77%);mix-blend-mode:screen;filter:blur(9px);transform:translateX(-145%);animation:silverButtonSweep 6.3s ease-in-out infinite}
.hotspot-begin,.hotspot-unlock,.hotspot-top{box-shadow:inset 0 0 12px #e8f6ff16,0 0 12px #d4eaff16;animation:hotspotSilverPulse 3s ease-in-out infinite alternate}
.hotspot-begin:hover,.hotspot-unlock:hover,.hotspot-top:hover{box-shadow:inset 0 0 24px #e8f6ff55,0 0 22px #d4eaff80}
.primary{position:relative;overflow:hidden;animation:primarySilverBreath 3.4s ease-in-out infinite alternate}
.primary::after{content:"";position:absolute;pointer-events:none;inset:0;width:55%;background:linear-gradient(105deg,transparent,#ffffffaa,transparent);transform:translateX(-210%) skewX(-20deg);animation:primarySilverSweep 5s ease-in-out infinite}
/* Identity reveal: animated perimeter and silver light passing over the original illustrated card */
#result .identity-card{isolation:isolate;overflow:hidden;animation:identitySilverBreath 3.8s ease-in-out infinite alternate}
#result .identity-card::before{content:"";position:absolute;z-index:2;pointer-events:none;top:0;bottom:0;left:-85%;width:45%;background:linear-gradient(105deg,transparent,#f2f9ff09 25%,#f4faff48 50%,#f2f9ff09 75%,transparent);mix-blend-mode:screen;transform:skewX(-19deg);animation:identitySilverSweep 6.8s ease-in-out infinite}
#result .identity-card::after{content:"◇";position:absolute;top:auto;bottom:-11px;left:calc(50% - 7px);color:var(--identity-glow);font-size:15px;animation:identityGlyphPulse 2.8s ease-in-out infinite alternate}
#result .identity-art{animation:identityArtBreath 4.2s ease-in-out infinite alternate;filter:drop-shadow(0 0 9px #e8f6ff66)}
#result .identity-card h2{text-shadow:0 0 12px #dceeff66,0 0 30px #a5d5ff35}
/* Six living gates: brighter fire and moving reflections, without shifting their alignment */
#chamber .living-scene{box-shadow:0 0 85px #4d91d34d,inset 0 0 38px #a9dcff21}
#chamber .living-flame{opacity:1;filter:drop-shadow(0 0 14px var(--c)) drop-shadow(0 0 25px var(--c));animation-duration:.92s}
#chamber .living-flame::before{filter:blur(3px);animation-duration:1.1s}
#chamber .living-flame::after{opacity:.93;filter:blur(10px)}
#chamber .living-scene::after{content:"";position:absolute;inset:10% 0 0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 8% 26% at 7.6% 43%,#168dff35,transparent),radial-gradient(ellipse 8% 26% at 23.5% 43%,#ffad2235,transparent),radial-gradient(ellipse 8% 26% at 35.3% 43%,#00eaff35,transparent),radial-gradient(ellipse 8% 26% at 65.4% 43%,#a542ff35,transparent),radial-gradient(ellipse 8% 26% at 80.6% 43%,#ff9e2835,transparent),radial-gradient(ellipse 8% 26% at 94.2% 43%,#ff356b35,transparent);mix-blend-mode:screen;animation:gateAura 2.2s ease-in-out infinite alternate}
/* Concentric rings within the center mirror */
#chamber .living-mirror{opacity:.85;filter:blur(7px);box-shadow:0 0 25px 10px #e2f6ff55,0 0 75px 20px #93caff50;animation:livingMirrorStrong 2.6s ease-in-out infinite alternate}
#chamber .living-mirror::before,#chamber .living-mirror::after{content:"";position:absolute;inset:9% -28%;border-radius:50%;border:2px solid #e4f7ff90;box-shadow:0 0 15px #a4d8ff,inset 0 0 19px #a4d8ff80;animation:mirrorRing 2.8s ease-out infinite}
#chamber .living-mirror::after{animation-delay:1.4s}
/* Reward key: intensified identity-colored aura, fire and animated spark-like flecks */
#keyReward{--key-aura:#c2e9ff;position:relative;isolation:isolate;overflow:hidden}
#keyReward[data-key="seeker"],#keyReward[data-key="guardian"]{--key-aura:#ffbf6b}
#keyReward[data-key="architect"]{--key-aura:#79f4ef}
#keyReward[data-key="enigma"]{--key-aura:#b59aff}
#keyReward[data-key="transformer"]{--key-aura:#ff8db2}
#keyReward::before{content:"";position:absolute;pointer-events:none;z-index:-1;left:50%;top:19%;width:min(90vw,550px);height:580px;transform:translateX(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--key-aura) 32%,transparent),transparent 66%);filter:blur(26px);animation:keyAuraBreath 2s ease-in-out infinite alternate}
#keyReward #keyArt{position:relative;z-index:1;animation:keyFloat 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 16px var(--key-aura)) drop-shadow(0 0 38px color-mix(in srgb,var(--key-aura) 65%,transparent))}
#keyReward h2,#keyReward h3{text-shadow:0 0 17px var(--key-aura),0 0 36px color-mix(in srgb,var(--key-aura) 45%,transparent)}
#keyReward .key-fire{position:absolute;pointer-events:none;z-index:0;left:50%;top:22%;width:min(85vw,420px);height:460px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--key-aura) 55%,transparent),transparent 63%);filter:blur(21px);mix-blend-mode:screen;animation:keyFireDance 1.2s ease-in-out infinite alternate}
@keyframes silverTitleSweep{0%,12%{transform:translateX(-140%) skewX(-14deg);opacity:0}25%{opacity:.95}47%,100%{transform:translateX(140%) skewX(-14deg);opacity:0}}
@keyframes silverButtonSweep{0%,22%{transform:translateX(-145%);opacity:0}35%{opacity:1}62%,100%{transform:translateX(145%);opacity:0}}
@keyframes hotspotSilverPulse{from{box-shadow:inset 0 0 5px #e8f6ff10,0 0 8px #d4eaff15}to{box-shadow:inset 0 0 20px #e8f6ff4d,0 0 20px #d4eaff6d}}
@keyframes primarySilverBreath{to{box-shadow:0 0 32px #d4eaff88}}
@keyframes primarySilverSweep{0%,45%{transform:translateX(-210%) skewX(-20deg)}75%,100%{transform:translateX(310%) skewX(-20deg)}}
@keyframes identitySilverBreath{to{box-shadow:0 0 48px #d8eeff77,inset 0 0 28px #c5e8ff27}}
@keyframes identitySilverSweep{0%,28%{left:-85%}68%,100%{left:140%}}
@keyframes identityGlyphPulse{to{filter:drop-shadow(0 0 10px #e4f6ff)}}
@keyframes identityArtBreath{to{filter:drop-shadow(0 0 23px #e8f6ffcc);transform:scale(1.014)}}
@keyframes gateAura{from{opacity:.35}to{opacity:.85}}
@keyframes livingMirrorStrong{from{opacity:.32;transform:scale(.84)}to{opacity:1;transform:scale(1.22)}}
@keyframes mirrorRing{0%{transform:scale(.5);opacity:0}20%{opacity:.8}100%{transform:scale(1.7);opacity:0}}
@keyframes keyAuraBreath{to{opacity:.6;transform:translateX(-50%) scale(1.15)}}
@keyframes keyFloat{to{transform:translateY(-9px) scale(1.025)}}
@keyframes keyFireDance{from{opacity:.35;transform:translateX(-50%) scale(.88,1.03) skewX(-3deg)}to{opacity:.95;transform:translateX(-50%) scale(1.1,.94) skewX(3deg)}}
@media(max-width:650px){#chamber .living-mirror{filter:blur(3px)}#chamber .living-mirror::before,#chamber .living-mirror::after{border-width:1px}#chamber .living-flame{filter:drop-shadow(0 0 5px var(--c)) drop-shadow(0 0 9px var(--c))}#keyReward .key-fire{height:360px}}
@media(prefers-reduced-motion:reduce){.cinematic-hero::before,.cinematic-hero::after,.hotspot-begin,.hotspot-unlock,.hotspot-top,.primary,.primary::after,#result .identity-card,#result .identity-card::before,#result .identity-card::after,#result .identity-art,#chamber .living-scene::after,#chamber .living-mirror,#chamber .living-mirror::before,#chamber .living-mirror::after,#keyReward::before,#keyReward #keyArt,#keyReward .key-fire{animation:none!important}}