/* Suikoden III — revisão da leitura e da interface, a partir do menu original. */
body.theme-s3{--bg:#11191d;--surface:#1b292e;--accent:#96d3dc;--muted:#e5eceb;--line:#90adb1}
.theme-s3 .project-hero-copy{max-width:750px}
.theme-s3 .project-tagline{font:600 clamp(18px,1.55vw,22px)/1.35 Arial,Helvetica,sans-serif;max-width:710px;text-wrap:balance;color:#fff;text-shadow:0 2px 8px #000}
.theme-s3 .project-art::after{background:linear-gradient(90deg,#101a20f7 0%,#14212ad9 35%,#17232b46 72%),linear-gradient(0deg,#13202be0,transparent 42%)}

/* A seleção de personagens usa a mesma gramática do menu: barras escuras,
   placas claras e linhas azuis. O cenário continua visível atrás. */
.theme-s3 .identity-s3{background:linear-gradient(180deg,#10191dbd,#17242bbd 68%,#101a20d8)}
.theme-s3 .trinity-heading{max-width:910px}
.theme-s3 .trinity-heading .identity-label{display:inline-block;padding:9px 20px;border-top:2px solid #76a8b2;border-bottom:2px solid #76a8b2;background:#07131acc;color:#f3f9f7;font:800 14px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.11em}
.theme-s3 .trinity-heading h2{font:700 clamp(48px,5vw,74px)/1.03 Georgia,serif;color:#fff7e8;text-shadow:0 3px 10px #000b}
.theme-s3 .trinity-heading h2 em{color:#cbe9ed}
.theme-s3 .trinity-heading p{color:#f4f8f6;font:500 18px/1.55 Arial,Helvetica,sans-serif;text-shadow:0 2px 7px #000}
.theme-s3 .trinity-runes{max-width:970px;gap:4px;padding:5px;border:2px solid #9fb8bd;background:#1b3039;box-shadow:inset 0 0 0 2px #dae6e4,0 14px 26px #0009}
.theme-s3 .trinity-rune-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:160px;padding:11px 8px;background:linear-gradient(#f7f8f5,#d9e0e0);color:#1b272b;font:800 14px/1.3 Arial,Helvetica,sans-serif;text-align:center}
.theme-s3 .trinity-rune-item>span:last-child{display:block;width:100%;text-align:center}
.theme-s3 .trinity-rune-item b{display:block;margin-top:2px;color:#12232b;font:800 21px/1.2 Arial,Helvetica,sans-serif;text-align:center}
.theme-s3 .trinity-rune-icon{width:76px;height:76px;box-shadow:0 2px 5px #0006}
.theme-s3 .trinity-routes{gap:13px;max-width:1150px}
.theme-s3 .trinity-route{display:flex;flex-direction:column;justify-content:flex-start;height:430px;padding:4px;border:2px solid #adbdc0;background:#152a34;box-shadow:inset 0 0 0 2px #496979,0 18px 30px #000a}
.theme-s3 .trinity-route:hover{background:#254550;box-shadow:inset 0 0 0 2px #7ca9b4,0 24px 36px #000b}
.theme-s3 .trinity-portrait{height:309px;flex:1;overflow:hidden;position:relative;border:1px solid #152a34;background-image:linear-gradient(0deg,#43565e,#899ba0 78%,#b8c4c4);box-shadow:inset 0 0 0 3px #aebfc1}
.theme-s3 .trinity-portrait::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#1f384622 40px 41px);pointer-events:none}
.theme-s3 .trinity-portrait::after{background:linear-gradient(0deg,#10212f55,transparent 32%)}
.theme-s3 .trinity-portrait img{position:absolute;z-index:1;top:8px;left:50%;width:auto;height:650px;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 8px 11px #07141bb3)}
.theme-s3 .route-chris .trinity-portrait img{height:640px}
.theme-s3 .route-geddoe .trinity-portrait img{height:660px}
.theme-s3 .trinity-route-info{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;gap:3px 12px;min-height:105px;padding:11px 16px 10px;background:linear-gradient(#f8f8f5,#dbe2e2);border-top:3px solid #7ea5af;color:#142329;box-shadow:inset 0 0 0 2px #fff}
.theme-s3 .trinity-route-info::before{display:none}
.theme-s3 .trinity-route-info span{color:#285666;font:800 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.045em}
.theme-s3 .trinity-route-info strong{color:#101e24;font:800 34px/1 Arial,Helvetica,sans-serif;text-shadow:none}
.theme-s3 .trinity-route-info small{color:#243d46;font:700 14px/1.2 Arial,Helvetica,sans-serif;margin:0;text-align:right}
.theme-s3 .trinity-art-note{color:#edf4f3;font:500 12px/1.5 Arial,Helvetica,sans-serif;text-shadow:0 2px 5px #000}

/* Conteúdo da página: textos claros sobre barras sólidas, estatísticas em lista. */
.theme-s3 .project-nav{background:#0b171df2;border-block-color:#789da9}
.theme-s3 .project-nav a{color:#f4f7f5;font:800 14px Arial,Helvetica,sans-serif}
.theme-s3 .detail-section{background:#101e26ec;border:2px solid #91aeb5;box-shadow:inset 0 0 0 2px #3760758a,0 16px 30px #0009}
.theme-s3 .detail-section h2{color:#fff;font:800 32px/1.18 Arial,Helvetica,sans-serif;letter-spacing:-.01em}
.theme-s3 .detail-section>.lead,.theme-s3 .detail-section>p,.theme-s3 .issue-list p,.theme-s3 .install-steps p,.theme-s3 .timeline p{color:#f1f6f4}
.theme-s3 #traducao{background:#e8eded;border:5px solid #86a6b1;box-shadow:inset 0 0 0 3px #fff,0 16px 32px #000a}
.theme-s3 #traducao .stat-box{background:#fff;border:1px solid #819fa9;box-shadow:none}
.theme-s3 #traducao .stat-box>strong{color:#164759}
.theme-s3 #traducao .stat-box h3,.theme-s3 #traducao .stat-box p{color:#172e38}
.theme-s3 #traducao .context-note{color:#1a3540}
.theme-s3 .tech-card{border:4px solid #8caab4;background:#eef2f0;box-shadow:inset 0 0 0 2px #fff,0 13px 25px #0008}
.theme-s3 .tech-cover::before{font:800 23px Arial,Helvetica,sans-serif;letter-spacing:.06em}

@media(min-width:1050px){.theme-s3 .project-tagline{white-space:nowrap;text-wrap:nowrap}}
@media(max-width:960px){.theme-s3 .trinity-route{height:390px}.theme-s3 .trinity-portrait{height:270px}.theme-s3 .trinity-portrait img{height:590px}.theme-s3 .route-chris .trinity-portrait img{height:580px}.theme-s3 .route-geddoe .trinity-portrait img{height:600px}.theme-s3 .trinity-route-info{min-height:106px;padding:9px}.theme-s3 .trinity-route-info strong{font-size:29px}.theme-s3 .trinity-route-info small{font-size:12px}}
@media(max-width:650px){.theme-s3 .project-tagline{font-size:20px;max-width:100%;white-space:normal}.theme-s3 .trinity-heading{text-align:center!important}.theme-s3 .trinity-heading .identity-label{font-size:12px}.theme-s3 .trinity-heading h2{font-size:47px}.theme-s3 .trinity-runes{grid-template-columns:1fr}.theme-s3 .trinity-rune-item{min-height:115px;flex-direction:row;justify-content:center;gap:17px}.theme-s3 .trinity-rune-item>span:last-child{width:175px}.theme-s3 .trinity-route{height:410px}.theme-s3 .trinity-portrait{height:300px}.theme-s3 .trinity-portrait img{height:650px}.theme-s3 .route-chris .trinity-portrait img{height:640px}.theme-s3 .route-geddoe .trinity-portrait img{height:660px}.theme-s3 .trinity-route-info{min-height:103px}.theme-s3 .trinity-route-info strong{font-size:34px}.theme-s3 .trinity-route-info small{font-size:13px}}