/* Série 1: six visible characters, three concealed surprises. Local preview. */
body:not(.in-finale) #caption{display:block;font:11px/1.5 'DM Sans',sans-serif;letter-spacing:.04em;margin-top:12px;max-width:290px;color:#596561}
body[data-region="amethyste"]:not(.in-finale) #caption{color:#6d3d82;letter-spacing:.10em;font-size:10px}
.stone-choices{grid-template-columns:repeat(6,minmax(0,1fr))}
.ritual-tail .pieces-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ritual-tail .pieces-grid .piece-image{height:390px;background:radial-gradient(ellipse at 50% 60%,#ffffff80,#ede4d9)}
.ritual-tail .pieces-grid .piece-image img{object-fit:contain;filter:none}
.ritual-tail .piece-secret .piece-image{background:radial-gradient(ellipse,#293039,#10141a)}
.piece-5 .piece-number{background:#654678;color:#fff3df}
@media(max-width:800px){

 .ritual-tail .pieces-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.ritual-tail .pieces-grid .piece-image{height:230px}.ritual-tail .piece-caption h3{font-size:19px}.ritual-tail .piece-caption p,.ritual-tail .piece-caption button,.secret-caption{font-size:11px}.ritual-tail .piece-number{font-size:8px;padding:5px}
 .piece-secret:last-child{grid-column:1 / -1!important;max-width:calc(50% - 6px);width:100%;justify-self:center}
 .stone-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ritual-observe .stone-choices img{height:60px}.stone-choices span{font-size:11px}
 body:not(.in-finale) #caption{font-size:10px;max-width:210px}
}
@media(max-width:380px){.ritual-tail .pieces-grid .piece-image{height:200px}.ritual-tail .piece-caption h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.secrets-shared{text-align:center;max-width:650px;margin:30px auto 0}.secrets-shared h3{font:500 27px/1.2 "Space Grotesk",sans-serif}.secrets-shared p{font:15px/1.7 "DM Sans",sans-serif}
@media(min-width:801px){#eon-hero .visual{inset:0;width:100%;height:100%}#eon-hero .visual img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none;transform:none}}

/* Keep all six characters visible on taller desktop windows, with a continuous studio backdrop. */
@media (min-width:801px) and (max-aspect-ratio:1672/941){
 #eon-hero .visual{background:#080e17}
 #eon-hero .visual::before{content:"";position:absolute;inset:-24px;background:url("assets/hero-desktop-v3.png") center/cover;filter:blur(24px);opacity:.45;z-index:-1}
 #eon-hero .visual img{position:absolute;top:50%;height:auto;transform:translateY(-50%);object-fit:contain;mask-image:linear-gradient(180deg,transparent,black 12%,black 88%,transparent)}
}