/* Suikoden III: os três percursos, as três runas e a interface do jogo. */
body.theme-s3{--bg:#141d24;--surface:#243239;--accent:#d5b786;--muted:#d2d7d3;--line:#a6b3b47a}
.theme-s3 main::before{background-color:#1b242b;background-image:linear-gradient(#14202bd1,#14202bcb),url('../scenes/grasslands-original.png');background-size:cover,contain;background-position:center,center;background-repeat:no-repeat}
.theme-s3 .project-hero{background:#24303b;border-bottom:4px ridge #b7956d}
.theme-s3 .project-art{inset:0;opacity:1;transform:none;box-shadow:none}
.theme-s3 .project-art>img{object-fit:cover;object-position:62% 43%}
.theme-s3 .project-art::after{background:linear-gradient(90deg,#111b25f5 0%,#14212bd7 33%,#17232b48 66%),linear-gradient(0deg,#13202be8,transparent 40%)}
.theme-s3 .project-hero::before{background:linear-gradient(90deg,#121b2499,transparent 78%)}
.theme-s3 .project-title{font:700 clamp(67px,6.5vw,104px)/.96 'Cormorant Garamond',Georgia,serif;color:#f3e7d0;letter-spacing:-.02em;text-shadow:0 3px 9px #10151b,0 11px 30px #0009}
.theme-s3 .project-title span{color:#edc998;font-size:1em;text-shadow:0 2px 6px #10151b}
.theme-s3 .project-tagline{font:500 clamp(20px,2.1vw,28px)/1.25 'Cormorant Garamond',Georgia,serif;color:#f4e8d3;max-width:560px}
.theme-s3 .project-hero-copy>.btn{background:linear-gradient(#dce5e5,#aabfc7);color:#172a33;border:2px solid #eef2ec;box-shadow:inset 0 0 0 2px #6f8b9980,0 7px 17px #0008;font-weight:800}
.theme-s3 .project-hero-copy>.btn:hover{background:#f0e1be}

/* A paisagem segue pela página; o quadro é uma peça de interface sobre ela. */
.theme-s3 .identity-s3{position:relative;min-height:0;padding:68px 0 82px;background:linear-gradient(180deg,#14212ace,#1a2730cf 70%,#17242edc);box-shadow:none;border-block:1px solid #c1a0718a}
.theme-s3 .identity-s3::before{background:linear-gradient(90deg,#15212ac9,#15212a54 55%,#15212aa8);z-index:0}
.theme-s3 .identity-s3>.shell{position:relative;z-index:1}
.theme-s3 .trinity-heading{max-width:790px;margin:0 auto 28px;text-align:center}
.theme-s3 .trinity-heading .identity-label{color:#e4c999;font:800 12px 'Manrope',sans-serif;letter-spacing:.18em}
.theme-s3 .trinity-heading h2{font:600 clamp(54px,5.7vw,82px)/.97 'Cormorant Garamond',Georgia,serif;color:#f2e6d0;margin:16px 0 16px}
.theme-s3 .trinity-heading h2 em{color:#e9c38c;font-style:italic}
.theme-s3 .trinity-heading p{font:500 18px/1.6 'Manrope',sans-serif;color:#e4e5dc;max-width:720px;margin:0 auto}

/* Os símbolos ficam fora dos retratos e não fixam um portador. */
.theme-s3 .trinity-runes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:930px;margin:35px auto 32px;padding:7px;border:2px solid #92aab2;background:#839aa1;box-shadow:inset 0 0 0 3px #d7e2dd,0 12px 24px #07101591}
.theme-s3 .trinity-rune-item{display:flex;align-items:center;justify-content:center;gap:15px;min-height:99px;background:linear-gradient(145deg,#f2eee3,#cdd5d2);color:#273740;font:700 13px/1.35 'Manrope',sans-serif;text-align:left}
.theme-s3 .trinity-rune-item b{font:700 22px/1.15 'Cormorant Garamond',Georgia,serif;color:#283940}
.theme-s3 .trinity-rune-icon{display:block;width:77px;height:77px;flex:none;border-radius:50%;border:3px double #566976;background-color:#f6f5ee;background-image:url('../games/s3-runes-reference.jpg');background-repeat:no-repeat;background-size:447px 447px;box-shadow:0 3px 7px #0005;transition:transform .5s ease}
.theme-s3 .rune-fire .trinity-rune-icon{background-position:-366px -73px;border-color:#ad6c4b}
.theme-s3 .rune-water .trinity-rune-icon{background-position:-276px -73px;border-color:#5d88a7}
.theme-s3 .rune-lightning .trinity-rune-icon{background-position:-181px -73px;border-color:#5e957b}
.theme-s3 .trinity-rune-item:hover .trinity-rune-icon{transform:rotate(-8deg) scale(1.07)}

/* Retratos da arte de personagem, em janelas separadas dos nomes. */
.theme-s3 .trinity-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1160px;margin:auto;padding:0;background:transparent;border:0;backdrop-filter:none}
.theme-s3 .trinity-route{position:relative;display:flex;flex-direction:column;justify-content:flex-start;height:425px;padding:6px;clip-path:none;background:#a9bdc4;border:2px solid #d6dfd8;box-shadow:inset 0 0 0 3px #718c98,0 18px 30px #050a0d91;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.theme-s3 .trinity-route:hover{transform:translateY(-6px);background:#b7cbd1;box-shadow:inset 0 0 0 3px #718c98,0 25px 36px #050a0db3}
.theme-s3 .trinity-portrait{height:305px;flex:none;background-color:#d4d6d4;background-image:url('../games/s3-trio-art.jpg');background-repeat:no-repeat;background-size:auto 760px;border:1px solid #7b929c;box-shadow:inset 0 0 0 3px #d8e1dd;position:relative}
.theme-s3 .trinity-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1a2a320e,transparent 45%);pointer-events:none}
.theme-s3 .route-hugo .trinity-portrait{background-position:50% -221px}
.theme-s3 .route-chris .trinity-portrait{background-position:calc(50% + 140px) -407px}
.theme-s3 .route-geddoe .trinity-portrait{background-position:calc(50% - 113px) -164px}
.theme-s3 .trinity-route-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;padding:11px 13px 7px;min-height:106px;background:linear-gradient(#172d38,#223b46);border-top:3px solid #6e8a99;color:#fff}
.theme-s3 .trinity-route-info::before{content:'';position:absolute;bottom:9px;right:11px;width:26px;height:26px;border:2px solid #c3d4d19c;transform:rotate(45deg);opacity:.45}
.theme-s3 .trinity-route-info span{grid-column:1/-1;align-self:auto;width:auto;padding:0;background:none;color:#e2c58e;font:800 11px/1.2 'Manrope',sans-serif;letter-spacing:.14em}
.theme-s3 .trinity-route-info strong{color:#f9f7ed;font:700 42px/.95 'Cormorant Garamond',Georgia,serif;text-shadow:0 2px 6px #0006;text-transform:none}
.theme-s3 .trinity-route-info small{align-self:end;color:#d7e1df;font:700 12px/1.25 'Manrope',sans-serif;text-align:right;margin-right:28px}
.theme-s3 .trinity-art-note{max-width:900px;margin:17px auto 0;font:500 11px 'Manrope',sans-serif;color:#ced4cf;text-align:center}

/* Telas e listas seguem o contraste do menu de equipamento do jogo. */
.theme-s3 .project-nav{background:#172b36ed;border-block:2px solid #89a3ae;box-shadow:0 7px 16px #0812188c}
.theme-s3 .project-nav a{color:#e1e7e4;font:800 13px 'Manrope',sans-serif;letter-spacing:.015em}
.theme-s3 .project-nav a:hover,.theme-s3 .project-nav a[aria-current=location]{color:#ffe2b1;border-color:#d9b682}
.theme-s3 .detail-layout{gap:42px}
.theme-s3 .detail-section{background:linear-gradient(135deg,#1c303ae8,#14252eea);border:2px solid #8fa7ad;box-shadow:inset 0 0 0 3px #d6e5e326,0 16px 30px #06101685;backdrop-filter:none;padding:32px 36px;margin-block:25px}
.theme-s3 .detail-section>.eyebrow{color:#d9bb8a;font-size:12px;letter-spacing:.14em}
.theme-s3 .detail-section h2{color:#f3eee1;font:700 35px/1.15 'Manrope',sans-serif;letter-spacing:-.035em}
.theme-s3 .detail-section>.lead{font-size:18px;color:#ecf0ea;line-height:1.65}
.theme-s3 .detail-section>p{font-size:15px;color:#d9e2df;line-height:1.7}
.theme-s3 #traducao{padding:31px;background:linear-gradient(#dbe3e1,#bacbd0);border:6px ridge #72909c;box-shadow:inset 0 0 0 4px #eef1e8,0 20px 35px #050c10a3;color:#25343c}
.theme-s3 #traducao>.eyebrow,.theme-s3 #traducao h2{color:#2b4652}
.theme-s3 #traducao .stat-box{background:#f3f3ec;border:2px solid #9eafb2;box-shadow:inset 0 0 0 3px #d9e2e1;color:#243841;padding:20px}
.theme-s3 #traducao .stat-box>strong{color:#2a5360;font:800 38px 'Manrope',sans-serif}
.theme-s3 #traducao .stat-box h3{font:800 14px 'Manrope',sans-serif;color:#263e48}
.theme-s3 #traducao .stat-box p{font-size:13px;color:#42545b}
.theme-s3 #traducao .progress-track{height:5px;background:#869ca280}
.theme-s3 #traducao .progress-track i{background:linear-gradient(90deg,#336072,#86a7ac)}
.theme-s3 #traducao .context-note{font-size:14px!important;color:#344850}
.theme-s3 .issue-list article,.theme-s3 .install-steps li{border-top:1px solid #a9bdba83}
.theme-s3 .issue-list h3,.theme-s3 .install-steps h3,.theme-s3 .timeline h3{color:#f0e5d0;font-size:17px}
.theme-s3 .issue-list p,.theme-s3 .install-steps p,.theme-s3 .timeline p{color:#d9e2df;font-size:14px;line-height:1.65}
.theme-s3 .download-panel{background:linear-gradient(#304550,#172b36);border:2px solid #9aafb2;box-shadow:inset 0 0 0 4px #dde7e426}
.theme-s3 .download-panel p,.theme-s3 .download-seal{color:#d8e0da}
.theme-s3 .tech-card{background:#e6ebe7;border:6px ridge #829ba3;color:#263842;box-shadow:0 13px 25px #0610178a,inset 0 0 0 3px #f4f5ea}
.theme-s3 .tech-cover{height:91px;background:linear-gradient(#253e4b,#192f3b);border-bottom:2px solid #9fb4b7}
.theme-s3 .tech-cover::before{content:'TRINITY SIGHT';left:19px;top:23px;color:#f0e3c4;font:700 23px 'Cinzel Decorative',Georgia,serif}
.theme-s3 .tech-cover>span{bottom:8px;color:#cedbd5;font-size:11px}
.theme-s3 .tech-content h2{font:700 30px/1.05 'Cormorant Garamond',Georgia,serif;color:#233943}
.theme-s3 .tech-content dt,.theme-s3 .tech-content dd,.theme-s3 .tech-credit,.theme-s3 .tech-credit b{font-size:12px;color:#354b54}
.theme-s3 .tech-content dl>div,.theme-s3 .tech-credit{border-color:#8fa7aa}
.theme-s3 .hash-details summary{color:#345867}
.theme-s3 .related{background:#162a34e0;border:2px solid #8ba3a6}

@media(max-width:960px){.theme-s3 .trinity-routes{gap:10px}.theme-s3 .trinity-route{height:390px}.theme-s3 .trinity-portrait{height:270px;background-size:auto 720px}.theme-s3 .route-hugo .trinity-portrait{background-position:50% -209px}.theme-s3 .route-chris .trinity-portrait{background-position:calc(50% + 134px) -385px}.theme-s3 .route-geddoe .trinity-portrait{background-position:calc(50% - 107px) -155px}.theme-s3 .trinity-route-info strong{font-size:35px}.theme-s3 .trinity-route-info small{font-size:10px}.theme-s3 .trinity-rune-item{gap:8px}.theme-s3 .trinity-rune-item b{font-size:19px}}
@media(max-width:650px){.theme-s3 main::before{background-image:linear-gradient(#14202bd9,#14202bd5),url('../scenes/grasslands-portrait.png');background-size:cover,cover}.theme-s3 .project-title{font-size:62px!important}.theme-s3 .project-art>img{object-position:72% 47%}.theme-s3 .identity-s3{padding:52px 0 60px}.theme-s3 .trinity-heading{text-align:left!important;margin-bottom:20px}.theme-s3 .trinity-heading h2{font-size:50px}.theme-s3 .trinity-heading p{font-size:16px}.theme-s3 .trinity-runes{grid-template-columns:1fr;gap:1px;margin:24px auto}.theme-s3 .trinity-rune-item{justify-content:flex-start;padding:4px 16px;min-height:82px}.theme-s3 .trinity-rune-icon{width:72px;height:72px}.theme-s3 .trinity-routes{grid-template-columns:1fr;gap:18px}.theme-s3 .trinity-route{height:370px;padding:5px}.theme-s3 .trinity-portrait{height:255px;background-size:auto 720px}.theme-s3 .route-hugo .trinity-portrait{background-position:50% -209px}.theme-s3 .route-chris .trinity-portrait{background-position:calc(50% + 134px) -385px}.theme-s3 .route-geddoe .trinity-portrait{background-position:calc(50% - 107px) -155px}.theme-s3 .trinity-route-info{min-height:103px}.theme-s3 .trinity-route-info strong{font-size:39px}.theme-s3 .trinity-route-info small{font-size:12px}.theme-s3 .detail-section{padding:23px 18px}.theme-s3 .detail-section h2{font-size:30px}.theme-s3 #traducao{padding:20px 14px}.theme-s3 #traducao .stat-box{padding:15px 11px}.theme-s3 #traducao .stat-box>strong{font-size:28px}.theme-s3 #traducao .stat-box h3{font-size:12px}.theme-s3 #traducao .stat-box p{font-size:12px}.theme-s3 .tech-content h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.theme-s3 .trinity-route,.theme-s3 .trinity-rune-icon{transition:none}}
body.theme-s3.motion-paused .trinity-route,body.theme-s3.motion-paused .trinity-rune-icon{transition:none}