/* Suikoden III: janelas de menu, runas inteiras e contraste do painel de progresso. */
@font-face{font-family:'Chakra Petch';src:url('../fonts/ChakraPetch-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('../fonts/ChakraPetch-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

.theme-s3 main{font-family:'Chakra Petch',Arial,sans-serif}
.theme-s3 .project-nav a,.theme-s3 .trinity-heading .identity-label,.theme-s3 .trinity-rune-item,.theme-s3 .trinity-rune-item b,.theme-s3 .trinity-route-info span,.theme-s3 .trinity-route-info strong,.theme-s3 .trinity-route-info small,.theme-s3 .detail-section h2,.theme-s3 .detail-section>.eyebrow,.theme-s3 .issue-list h3,.theme-s3 .timeline h3,.theme-s3 .stat-box>strong,.theme-s3 .stat-box h3,.theme-s3 .tech-cover::before{font-family:'Chakra Petch',Arial,sans-serif}
.theme-s3 .project-nav a{font-size:15px;font-weight:700}
.theme-s3 .trinity-heading .identity-label{font-size:15px;letter-spacing:.04em}

/* Três símbolos completos, em arquivos separados: nenhum recorte ou máscara circular. */
.theme-s3 .trinity-runes{max-width:970px;gap:2px;padding:3px;border:2px solid #67818b;background:#0e1d25;box-shadow:inset 0 0 0 2px #a5bec4,0 13px 26px #0009}
.theme-s3 .trinity-rune-item{min-height:154px;gap:5px;background:linear-gradient(#1c2b33,#0b151c);color:#f5faf9;border-top:3px solid #627f8b;font-size:16px;font-weight:700}
.theme-s3 .trinity-rune-item>span:last-child{width:100%;text-align:center;line-height:1.18}
.theme-s3 .trinity-rune-item b{color:#fff;font-size:23px;font-weight:700;text-align:center}
.theme-s3 .trinity-rune-icon{display:block;width:86px;height:86px;flex:none;object-fit:contain;background:none!important;border:0!important;border-radius:0;box-shadow:none!important;filter:drop-shadow(0 0 7px #2d83936b)}
.theme-s3 .rune-fire .trinity-rune-icon,.theme-s3 .rune-water .trinity-rune-icon,.theme-s3 .rune-lightning .trinity-rune-icon{background:none!important}

/* Retrato em janela cinza; identificação em barra escura, como o HUD original. */
.theme-s3 .trinity-route{border:3px solid #627d86;background:#101b23;box-shadow:inset 0 0 0 2px #a7b9bd,0 15px 25px #000a}
.theme-s3 .trinity-route:hover{background:#182a34;box-shadow:inset 0 0 0 2px #bbd1d4,0 20px 31px #000b}
.theme-s3 .trinity-portrait{border:2px solid #1b313c;background-image:repeating-linear-gradient(0deg,#899397 0 37px,#77848a 38px,#77848a 39px);box-shadow:inset 0 0 0 4px #aeb7b9}
.theme-s3 .trinity-portrait::before{background:linear-gradient(90deg,#17303f38,transparent 18%,transparent 82%,#17303f38)}
.theme-s3 .trinity-route-info{grid-template-columns:1fr auto;grid-template-rows:auto auto;min-height:106px;padding:11px 14px 12px;background:repeating-linear-gradient(0deg,#172730 0 27px,#101b24 28px,#101b24 29px);border-top:3px solid #85a5ae;box-shadow:inset 0 0 0 1px #071118;color:#fff}
.theme-s3 .trinity-route-info span{color:#a9d8e5;font-size:14px;letter-spacing:.025em}
.theme-s3 .trinity-route-info strong{color:#fff;font-size:37px;line-height:1;text-shadow:1px 2px 0 #0008}
.theme-s3 .trinity-route-info small{color:#e8f0f0;font-size:14px;font-weight:700;white-space:normal}

/* Esta regra precisa vencer a antiga definição de fundo com seletor mais forte. */
body.theme-s3 .detail-section#traducao{background:#0c171eea;border:3px solid #8aaab5;box-shadow:inset 0 0 0 4px #253d48,inset 0 0 0 7px #b5c8cb,0 19px 32px #000a;color:#f4f8f6}
body.theme-s3 .detail-section#traducao>.eyebrow{color:#b6e3e9;font-size:15px;letter-spacing:.04em}
body.theme-s3 .detail-section#traducao>h2{color:#fff;font-size:36px;text-shadow:0 2px 5px #000}
body.theme-s3 .detail-section#traducao .stats-grid{gap:0;border:2px solid #7796a0;background:#dfe5e6}
body.theme-s3 .detail-section#traducao .stat-box{display:grid;grid-template-columns:115px 1fr;grid-template-rows:auto 1fr auto;gap:4px 17px;min-height:154px;padding:18px 20px;border:1px solid #91a9ae;background:#f4f6f4;box-shadow:none;color:#142a34}
body.theme-s3 .detail-section#traducao .stat-box::before{display:none}
body.theme-s3 .detail-section#traducao .stat-box>strong{grid-column:1;grid-row:1/3;align-self:center;margin:0;color:#173d4d;font-size:38px;line-height:1.05;font-weight:700}
body.theme-s3 .detail-section#traducao .stat-box h3{grid-column:2;grid-row:1;align-self:end;margin:0;color:#12252e;font-size:18px;line-height:1.15;font-weight:700}
body.theme-s3 .detail-section#traducao .stat-box p{grid-column:2;grid-row:2;min-height:0;margin:0;color:#263e47;font-size:14px;line-height:1.45}
body.theme-s3 .detail-section#traducao .stat-box .progress-track,body.theme-s3 .detail-section#traducao .stat-box .stat-rule{grid-column:1/-1;grid-row:3;margin-top:5px;background:#adc0c2}
body.theme-s3 .detail-section#traducao .stat-box .progress-track i{background:#31798d}
body.theme-s3 .detail-section#traducao .context-note{margin-top:18px;padding:12px 14px;border-left:3px solid #a9cfda;background:#1b3039;color:#f1f8f7;font-size:14px!important;line-height:1.5}

.theme-s3 .detail-section h2{font-size:34px}
.theme-s3 .tech-cover::before{font-size:21px}
@media(max-width:960px){.theme-s3 .trinity-route-info strong{font-size:31px}.theme-s3 .trinity-route-info small{font-size:12px}body.theme-s3 .detail-section#traducao .stat-box{grid-template-columns:100px 1fr;padding:15px}body.theme-s3 .detail-section#traducao .stat-box h3{font-size:16px}}
@media(max-width:650px){.theme-s3 .trinity-rune-item{min-height:112px;gap:12px;justify-content:center}.theme-s3 .trinity-rune-icon{width:72px;height:72px}.theme-s3 .trinity-rune-item>span:last-child{width:180px}.theme-s3 .trinity-rune-item b{font-size:21px}.theme-s3 .trinity-route-info strong{font-size:34px}.theme-s3 .trinity-route-info small{font-size:12px}body.theme-s3 .detail-section#traducao>h2{font-size:29px}body.theme-s3 .detail-section#traducao .stats-grid{grid-template-columns:1fr}body.theme-s3 .detail-section#traducao .stat-box{grid-template-columns:90px 1fr;min-height:120px;padding:13px}body.theme-s3 .detail-section#traducao .stat-box>strong{font-size:29px}body.theme-s3 .detail-section#traducao .stat-box h3{font-size:16px}body.theme-s3 .detail-section#traducao .stat-box p{font-size:12px}}
