/* Edição 08 — banners originais em destaque; paisagens apenas no plano de fundo. */
body.theme-s3{--scene:url('../scenes/grasslands-original.png');--scene-mobile:url('../scenes/grasslands-portrait.png');--scene-veil:#180f13d2}
body.theme-s5{--scene:url('../scenes/falena-original.png');--scene-mobile:url('../scenes/falena-portrait.png');--scene-veil:#160d18d5}
body.theme-radiata{--scene:url('../scenes/radiata-original.png');--scene-mobile:url('../scenes/radiata-portrait.png');--scene-veil:#21171cd0}
body.theme-colonization{--scene:url('../scenes/colonization-original.png');--scene-mobile:url('../scenes/colonization-portrait.png');--scene-veil:#1e1916cf}
body.theme-s3 main,body.theme-s5 main,body.theme-radiata main,body.theme-colonization main{position:relative;isolation:isolate}
body.theme-s3 main::before,body.theme-s5 main::before,body.theme-radiata main::before,body.theme-colonization main::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background-color:var(--bg);background-image:linear-gradient(var(--scene-veil),var(--scene-veil)),var(--scene);background-size:cover,contain;background-position:center,center;background-repeat:no-repeat}
.world-particles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.72}
body.theme-s3 .project-hero{background:#180f13}
body.theme-s5 .project-hero{background:#160d18}
body.theme-radiata .project-hero{background:#21171c}
body.theme-colonization .project-hero{background-color:#1e1916;background-image:linear-gradient(#1e1916cb,#1e1916d9),var(--scene);background-size:cover,cover;background-position:center}
body.theme-s3 .project-art,body.theme-s5 .project-art,body.theme-radiata .project-art,body.theme-colonization .project-art{display:block}
body.theme-s3 .project-hero::before,body.theme-s5 .project-hero::before,body.theme-radiata .project-hero::before,body.theme-colonization .project-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;mask-image:none;background:linear-gradient(90deg,#110d18df,#110d186b 55%,transparent)}
body.theme-s3 .world-scene,body.theme-s5 .world-scene,body.theme-radiata .world-scene{display:none}
body.theme-s3 .identity-s3{background:linear-gradient(#251a18d9,#1c1517e0),var(--scene) center/cover}
body.theme-s5 .identity-s5{background:linear-gradient(#35141edf,#1b0e18e2),var(--scene) center/cover}
body.theme-radiata .identity-radiata{background:linear-gradient(#3a2220dc,#251819e0),var(--scene) center/cover}
body.theme-colonization .identity-colonization{background:linear-gradient(#281c17dc,#281c17e0),var(--scene) center/cover}
body.theme-s3 .identity-s3::before,body.theme-s5 .identity-s5::before,body.theme-radiata .identity-radiata::before{background:linear-gradient(90deg,#1d1217a6,#1d121748 72%,#1d12176c);z-index:0}
body.theme-s3 .project-nav,body.theme-s5 .project-nav,body.theme-radiata .project-nav,body.theme-colonization .project-nav{background:#160f17dc;backdrop-filter:blur(12px)}
body.theme-s3 .detail-section,body.theme-s5 .detail-section,body.theme-radiata .detail-section,body.theme-colonization .detail-section{background:#120f18bb;backdrop-filter:blur(10px);padding:30px 34px;margin-block:25px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
body.theme-s3 .detail-section#traducao,body.theme-s5 .detail-section#traducao,body.theme-radiata .detail-section#traducao,body.theme-colonization .detail-section#traducao{background:color-mix(in srgb,var(--bg) 70%,transparent)}
body.theme-s3 .related,body.theme-s5 .related,body.theme-radiata .related,body.theme-colonization .related{background:#120f18af;backdrop-filter:blur(9px);padding:35px;margin-bottom:50px}
/* Trinity Sight — três percursos legíveis, sem reutilizar a capa e sem medalhão sobre os rostos. */
.identity-s3{min-height:520px}
.identity-s3 .trinity-heading{margin-bottom:60px}
.identity-s3 .trinity-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:transparent;border:0;padding:0;backdrop-filter:none}
.identity-s3 .trinity-route{height:165px;clip-path:none;background:#281817d9;border:1px solid #e2b47588;padding:18px 20px;transition:transform .25s,background .25s}
.identity-s3 .trinity-route:hover{transform:translateY(-5px);background:#42251cde}
.identity-s3 .trinity-route::before{content:'';position:absolute;inset:6px;border:1px solid #e2b4754d;pointer-events:none}
.identity-s3 .trinity-route span{background:none;padding:0;color:#dfb88b}
.identity-s3 .trinity-route strong{font-size:clamp(30px,3.2vw,47px);color:#f6e7c6}
.identity-s3 .trinity-route small{font:700 12px var(--body);color:#e8c9a6;letter-spacing:.04em}
.identity-s3 .trinity-core{display:none}
.theme-s3 .tech-cover{height:110px;background:linear-gradient(130deg,#523021,#241a19)}
.theme-s3 .tech-cover>img{display:none}
.theme-s3 .tech-cover::before{content:'TRINITY SIGHT';position:absolute;left:20px;top:26px;font:700 22px 'Cinzel Decorative',Georgia,serif;letter-spacing:.06em;color:#edce97}
.theme-s3 .tech-cover>span{bottom:14px}
/* Falena — a ilustração da Runa do Sol continua isolada como peça central. */
.identity-s5{min-height:490px}
.theme-s5 .falena-layout{grid-template-columns:350px 1fr}
.theme-s5 .sun-rune-emblem{filter:drop-shadow(0 0 30px #ffb96057)}
.theme-s5 .tech-cover>img{object-position:50% 25%;filter:saturate(.75)}
.theme-s5 .stat-box{background:#2b1927e8}
/* Radiata — papel envelhecido, sombra diagonal e títulos de fantasia vistos nos menus do jogo. */
.theme-radiata .project-title,.theme-radiata .identity-radiata h2,.theme-radiata .detail-section h2,.theme-radiata .tech-content h2{font-family:'MedievalSharp',Georgia,serif;font-weight:400;letter-spacing:.01em}
.theme-radiata .project-title,.theme-radiata .project-title span{font-style:normal}
.theme-radiata .identity-radiata{min-height:520px;border-bottom:3px solid #b87e55}
.theme-radiata .radiata-layout{display:grid;grid-template-columns:430px 1fr;gap:70px;align-items:center}
.radiata-menu{position:relative;padding:20px 22px 26px;color:#3d2e20;background:linear-gradient(130deg,#ead5a6 0%,#b89765 13%,#f1ddb0 30%,#d0ae7d 100%);box-shadow:0 14px 0 #2719176e,0 25px 55px #0008,inset 0 0 0 6px #8f6749,inset 0 0 0 9px #f7e1b3;transform:rotate(-1deg)}
.radiata-menu::before{content:'';position:absolute;inset:10px;background:linear-gradient(147deg,transparent 43%,#6543241c 44% 48%,transparent 49% 71%,#6c46251b 72% 75%,transparent 76%);pointer-events:none}
.radiata-menu-title{position:relative;font:400 37px 'MedievalSharp',Georgia,serif;color:#422d1d;margin:12px 10px 16px;border-bottom:2px solid #6e5039;padding-bottom:12px}
.radiata-menu-title small{display:block;font:700 11px var(--body);letter-spacing:.16em;margin-top:3px;color:#795338}
.radiata-menu-row{position:relative;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin:4px 8px;padding:10px 12px;border-bottom:1px solid #79563b78;font:400 21px 'MedievalSharp',Georgia,serif}
.radiata-menu-row b{font:700 13px var(--body);color:#7b5940}
.radiata-menu-row small{font:700 10px var(--body);color:#85694e}
.radiata-menu-row.current{background:#a25330;color:#fff2d5;box-shadow:3px 3px 0 #6434206b}
.radiata-menu-row.current b,.radiata-menu-row.current small{color:#ffe7bb}
.theme-radiata .radiata-copy{max-width:590px}
.theme-radiata .radiata-copy h2{font-size:clamp(43px,4vw,61px);font-style:normal}
.theme-radiata .radiata-copy p{color:#f0ddc6}
.theme-radiata .tech-card{background:linear-gradient(139deg,#f2dfb4,#c7a773);color:#3b2d21;border:7px solid #7d5236;box-shadow:8px 10px 0 #140c0aa0,inset 0 0 0 3px #f8e9c7}
.theme-radiata .tech-cover{height:105px;background:linear-gradient(145deg,#e7cc99,#bf9861)}
.theme-radiata .tech-cover img{display:none}
.theme-radiata .tech-cover::before{content:'';position:absolute;inset:0;background:linear-gradient(151deg,transparent 38%,#72502d25 39% 46%,transparent 47%)}
.theme-radiata .tech-cover>span{color:#4e3423;font-family:'MedievalSharp',Georgia,serif;font-size:20px;letter-spacing:.03em;text-shadow:none;bottom:22px}
.theme-radiata .tech-content h2,.theme-radiata .tech-content dd,.theme-radiata .tech-content dt,.theme-radiata .tech-credit{color:#493421}
.theme-radiata .tech-content dl>div{border-color:#7b5a3c6b}
.theme-radiata .tech-credit{border-color:#7b5a3c6b}
.theme-radiata #traducao{background:linear-gradient(135deg,#d7ba88,#f1dcac 48%,#c8a571);border-color:#805638;border-radius:1px;box-shadow:7px 10px 0 #130d0aa8,inset 0 0 0 4px #f9e4b3}
.theme-radiata #traducao .stat-box{background:#f4e0b5;border:2px solid #9e704b;border-radius:0;box-shadow:inset 0 0 0 3px #f9eac7}
.theme-radiata #traducao .stat-box h3,.theme-radiata #traducao h2{font-family:'MedievalSharp',Georgia,serif}
/* Colonization — caderno de couro e tinta sobre a enseada, sem a capa repetida. */
.theme-colonization .project-title,.theme-colonization .detail-section h2,.theme-colonization .tech-content h2{font-family:'IM Fell English',Georgia,serif;font-weight:400}
.theme-colonization .project-hero{min-height:560px}
.theme-colonization .identity-colonization{padding-block:90px 115px}
.colony-journal{max-width:1090px;border:16px solid #473020;border-radius:28px 15px 20px 35px;padding:12px;background:repeating-linear-gradient(90deg,#5d3e29 0 12px,#6c4c31 13px 15px);box-shadow:0 7px 0 #24150d,0 22px 0 #392417,0 55px 90px #000b,inset 0 0 0 2px #b08b5a;transform:rotate(-.6deg)}
.colony-journal::before{content:'';position:absolute;inset:-12px 25px auto;height:14px;background:repeating-linear-gradient(90deg,#b39164 0 2px,#dbc19a 3px 5px);border-radius:3px 3px 0 0}
.colony-journal::after{content:'';position:absolute;left:14px;right:14px;bottom:-16px;height:17px;background:repeating-linear-gradient(0deg,#d9bd91 0 2px,#8d6e4b 3px 4px);border-radius:0 0 13px 13px;z-index:-1}
.journal-page{min-height:460px;box-shadow:inset 0 0 25px #75523370,2px 0 2px #5e3c245e}
.journal-left{background:radial-gradient(circle at 28% 35%,#fff0cfbb,transparent 58%),linear-gradient(110deg,#b99872,#e8d2a8 20%,#f3dfb7 85%,#c9a77b)}
.journal-right{background:repeating-linear-gradient(0deg,transparent 0 31px,#855e3d25 32px 33px),linear-gradient(90deg,#c8a67c,#f0dcb4 20%,#dfc599)}
.journal-page h2{font:italic 400 clamp(53px,5vw,79px)/.98 'IM Fell English',Georgia,serif;letter-spacing:-.045em;color:#513523}
.identity-colonization .journal-script{font:italic 24px/1.43 'IM Fell English',Georgia,serif;color:#694b34}
.journal-right h3{font:italic 400 43px 'IM Fell English',Georgia,serif;color:#573925}
.journal-right p{font:20px/1.62 'IM Fell English',Georgia,serif;color:#4c3828}
.journal-signature{font:italic 27px 'IM Fell English',Georgia,serif;color:#6a3e29}
.journal-date,.journal-kicker{font-family:'IM Fell English',Georgia,serif;font-size:13px;font-weight:400;letter-spacing:.13em}
.theme-colonization .tech-cover>img{display:none}
.theme-colonization .tech-cover{background:#d9bc8c}
.theme-colonization .tech-cover::before{content:'REGISTRO DE BORDO';position:absolute;inset:20px;font:italic 23px 'IM Fell English',Georgia,serif;color:#62432c}
.theme-colonization .tech-cover>span{color:#62432c;bottom:10px}
.theme-colonization .tech-card{background:#e5cfaa;color:#463527;border:6px solid #725037;box-shadow:6px 8px 0 #1a100aa0}
.theme-colonization .tech-content h2,.theme-colonization .tech-content dt,.theme-colonization .tech-content dd,.theme-colonization .tech-credit{color:#503a27}
.theme-colonization .tech-content dl>div,.theme-colonization .tech-credit{border-color:#8b6749}
@media(max-width:900px){.theme-radiata .radiata-layout{grid-template-columns:1fr;gap:35px}.radiata-menu{max-width:540px}.theme-s5 .falena-layout{grid-template-columns:280px 1fr}}
@media(max-width:650px){body.theme-s3 main::before,body.theme-s5 main::before,body.theme-radiata main::before,body.theme-colonization main::before{background-size:cover,contain;background-position:center,center 42%}.identity-s3 .trinity-heading{margin-bottom:30px}.identity-s3 .trinity-routes{grid-template-columns:1fr;gap:7px}.identity-s3 .trinity-route{height:95px;padding:12px 18px;display:grid;grid-template-columns:1fr auto;align-items:center}.identity-s3 .trinity-route span{grid-column:1/-1}.identity-s3 .trinity-route strong{font-size:26px}.identity-s3 .trinity-route small{text-align:right}.theme-s5 .falena-layout{display:flex;flex-direction:column-reverse}.theme-radiata .radiata-layout{display:flex;flex-direction:column-reverse}.radiata-menu{width:100%;padding:15px}.radiata-menu-title{font-size:30px}.radiata-menu-row{font-size:18px}.theme-radiata .radiata-copy h2{font-size:42px}.colony-journal{transform:none}.journal-page{min-height:0}.journal-left{min-height:270px}.journal-right{min-height:355px}.journal-page h2{font-size:56px}.journal-right p{font-size:18px}body.theme-s3 .detail-section,body.theme-s5 .detail-section,body.theme-radiata .detail-section,body.theme-colonization .detail-section{padding:23px 17px}}
@media(prefers-reduced-motion:reduce){.identity-s3 .trinity-route{transition:none}}
.motion-paused .identity-s3 .trinity-route{transition:none}
/* Retratos próprios mantêm a paisagem na tela estreita sem achatá-la. */
@media(max-width:650px){
 body.theme-s3 main::before,body.theme-s5 main::before,body.theme-radiata main::before,body.theme-colonization main::before{background-image:linear-gradient(var(--scene-veil),var(--scene-veil)),var(--scene-mobile);background-size:cover,cover;background-position:center,center}
 .project-back,.project-nav a,.project-meta>span:not(.badge),.project-meta .badge{font-size:11px}
 .project-hero-copy .eyebrow,.detail-section>.eyebrow,.identity-s3 .eyebrow{font-size:11px}
 .project-tagline,.detail-section>p,.detail-section>.lead,.download-panel p,.timeline p,.issue-list p,.stat-box p{font-size:15px;line-height:1.6}
 .stat-box h3,.issue-list h3,.install-steps h3{font-size:14px}
 .context-note{font-size:14px!important}
 .tech-content dt,.tech-content dd,.tech-credit,.tech-credit b,.related-links a{font-size:13px}
 .theme-s3 .detail-section h2,.theme-s5 .detail-section h2{font-size:30px}
 .theme-radiata .detail-section h2,.theme-colonization .detail-section h2{font-size:37px}
}