/* Escenarios del juego: una luz y un paisaje para cada parte del viaje. */
html{scroll-padding-top:28px}
main>section:not(.hero){position:relative;isolation:isolate;background-color:#101b24;background-image:none;min-height:min(850px,100svh);padding:80px 0;overflow:hidden;color:#f7edda;--glow:196,217,228;--landscape:url('assets/bg-aldenbrock.webp')}
main>section:not(.hero)::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--landscape) center/cover no-repeat;opacity:1}
main>section:not(.hero)::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 20%,rgba(var(--glow),.26),transparent 65%),linear-gradient(180deg,#08141dcc,#08141da8 48%,#08141de6);pointer-events:none}
#historia{--landscape:url('assets/bg-aldenbrock.webp');--glow:189,148,87;display:flex;flex-direction:column;justify-content:center}
#companeros{--landscape:url('assets/bg-ciudadela.webp');--glow:115,184,188}
#escenas{--landscape:url('assets/bg-arena.webp');--glow:196,217,228;transition:background-color .25s}
#escenas[data-scene=forja]{--landscape:url('assets/bg-forja.webp');--glow:168,64,72}
#escenas[data-scene=bestiario]{--landscape:url('assets/bg-biblioteca.webp');--glow:189,148,87}
#escenas[data-scene=mapa]{--landscape:url('assets/bg-aldenbrock.webp');--glow:115,184,188}
#descargar{--landscape:url('assets/bg-forja.webp');--glow:168,64,72}
#jugar{--landscape:url('assets/bg-teatro.webp');--glow:189,148,87}
#como-jugar{--landscape:url('assets/bg-jardin.webp');--glow:196,217,228;color:#253638}
#como-jugar::after{background:radial-gradient(ellipse at top right,#e0f1ff55,transparent 65%),linear-gradient(180deg,#f7f3e5c9,#f7f3e5aa 45%,#f7f3e5e6)}
#versiones{--landscape:url('assets/bg-biblioteca.webp');--glow:81,127,189}
#feedback{--landscape:url('assets/bg-muelle.webp');--glow:83,95,114}
.download-art{display:none}
.eyebrow.dark{color:#edcc8b}#como-jugar .eyebrow.dark{color:#47686c}
.intro-grid{gap:64px;align-items:center}.intro-text{background:#0c1d28c9;border:1px solid #e7cb974d;padding:32px;border-radius:8px;box-shadow:0 20px 60px #0003}
.genre-line{color:#ead4ae;border-color:#d7b85a66}.location-caption{margin-top:64px;border:0;box-shadow:none;overflow:visible;min-height:0;background:transparent}.location-caption .village-caption{position:static;background:none;padding:0;display:block}.location-caption .village-caption span{font-size:28px}.location-caption .village-caption p{font-size:18px;color:#f2dfbc;margin-top:4px}
.section-heading{margin-bottom:36px}.section-heading>p{color:#ede4d6}
.hero-actions{max-width:720px;gap:16px}.hero-actions .button{font-size:18px;padding:16px 20px}.button-opinion{background:#263745e6;color:#ffedca;border:2px solid #ccb38a;box-shadow:0 5px 0 #101e29}.button-opinion:hover{background:#394d5c;transform:translateY(-2px)}.hero-actions .text-link{flex-basis:100%;margin-top:4px}
.character-copy{background:#0b1b27c9;padding:20px;border:1px solid #dcfaff33;border-top:0;border-radius:0 0 8px 8px}.character-stage{background:linear-gradient(0deg,#112632b3,transparent);border-radius:8px 8px 0 0}.character-copy>p:last-child{color:#f0e6d8;font-size:19px}.character-role{color:#c4e6e6}
.scene-carousel{max-width:1120px}.scene-viewport{overflow:hidden;border:1px solid #ead4ae88;border-radius:10px;background:#0c1922d9;box-shadow:0 24px 70px #0005}
.scene-track{display:flex;transition:transform .45s ease;align-items:stretch;outline-offset:-5px!important}
.scene-card{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:0;align-items:center;margin:0!important;width:100%;padding:26px}
.scene-card .screenshot-button{width:100%;border-radius:5px;overflow:hidden;box-shadow:0 8px 25px #0004}.scene-card .screenshot-button img{width:100%;height:auto;aspect-ratio:1178/663;object-fit:contain}
.scene-card .scene-description{padding:20px 0 20px 30px}.scene-description h3{font-size:32px;line-height:1.13}.scene-card .scene-description>p:not(.eyebrow){color:#efe3cf;font-size:19px;line-height:1.6}.scene-card .eyebrow{font-size:13px;margin-bottom:18px}.scene-tag{color:#dac9ad;font-size:14px;border-color:#c9ac7655}
.scene-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px}.scene-arrow{background:#102431d9;color:#ffe0a0;border:1px solid #d7b85a88;border-radius:50%;width:54px;height:54px;font-size:28px;flex-shrink:0}.scene-arrow:hover{background:#29414d}.scene-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.scene-tabs button{border:1px solid #f5d7a155;border-radius:30px;padding:9px 18px;background:#102431d9;color:#f5e8ce;font-size:18px}.scene-tabs button[aria-pressed=true]{background:#edcc8b;color:#162b35;border-color:#edcc8b}.scene-status{text-align:center;font-size:16px;color:#f5d7a1;margin-top:12px}
.download-grid{display:block}.download-intro{max-width:900px;margin-bottom:36px}.download-intro h2{font-size:clamp(32px,4vw,52px)}.download-intro>p:not(.eyebrow){font-size:21px;margin-top:18px}.download-intro .download-note{font-size:18px!important}.download-intro .text-link{display:inline-flex;margin-top:16px}.platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.platform{padding:24px 20px;background:#0c1e2cdd;border:1px solid #f1b2b35c;border-radius:8px;margin:0;display:flex;flex-direction:column}.platform-top{gap:13px;align-items:flex-start;margin-bottom:22px}.platform-top svg{width:28px;min-width:28px;height:28px}.platform-top h3{font-size:28px}.platform-top p{font-size:15px;line-height:1.5;margin-top:9px}.platform-top h3 small{display:block;font-size:15px}.platform .button{font-size:17px;padding:12px 10px;min-height:56px;gap:6px;width:100%;justify-content:center;margin-top:auto}.platform-web{border-color:#c4d9e488}.installation{margin-top:32px}.installation summary{font-size:20px;padding:18px 0}.installation details>p{color:#eee4d7}.installation details{border-color:#ead4ae44}
.web-launch{background:#07141ddd;box-shadow:0 24px 70px #0004;border-radius:10px}.game-placeholder{background:linear-gradient(#08172480,#081724a8),url('assets/bg-teatro.webp') center/cover}.web-section h2{max-width:900px}
.help-panel{background:#f8f6e9df;border:1px solid #829ba677;border-radius:8px;padding:26px 30px;margin-top:18px;box-shadow:0 10px 40px #30464b15}.manual-grid{gap:26px 40px}.hint{background:#e6eddf}.help-panel p{color:#314b4d}.versions-section details{background:#0b1b28df;border:1px solid #bcddff44;border-radius:8px;padding:24px 30px;margin-top:18px}.versions-section details p{color:#e5dece}
.feedback-section .creator-grid{align-items:center;gap:64px}.feedback-section .creator-grid>div:last-child{background:#0a1b2bd9;border:1px solid #c3cfdf66;padding:34px;border-radius:8px}.feedback-section .creator-grid>div:last-child>p{color:#f1e7d7;font-size:22px}.creator-signature{color:#f5d7a1}.creator-signature small{color:#c3cfdf}.feedback-cta{background:#edcc8b;color:#142b37;box-shadow:0 5px 0 #ad8446;font-size:19px!important}.feedback-cta:hover{background:#ffe2a8}
@media(min-width:1600px){main>section:not(.hero){padding:100px 0}}
@media(max-width:1100px){.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-card{grid-template-columns:1.3fr 1fr;padding:20px}.scene-card .scene-description{padding-left:24px}.scene-description h3{font-size:28px}.scene-card .scene-description>p:not(.eyebrow){font-size:18px}}
@media(max-width:800px){.intro-grid{grid-template-columns:1fr;gap:30px}.scene-card{grid-template-columns:1fr;padding:20px;align-content:start}.scene-card .scene-description{padding:24px 0 0}.scene-card .scene-description h3{font-size:30px}.scene-card .scene-description>p:not(.eyebrow){font-size:18px}.feedback-section .creator-grid{gap:30px}}
@media(max-width:650px){main>section:not(.hero){padding:60px 0;min-height:100svh}.hero-actions{gap:15px}.hero-actions .button{font-size:18px;min-height:58px}.hero{min-height:1320px}.hero-copy{padding-bottom:470px}.intro-text{padding:24px}.location-caption{margin-top:32px}.scene-card{padding:16px}.scene-controls{gap:12px}.scene-arrow{width:44px;height:44px}.scene-tabs{gap:6px}.scene-tabs button{font-size:15px;padding:8px 11px}.scene-description h3{font-size:28px}.platforms{gap:14px}.platform{padding:20px 14px}.platform-top{display:block}.platform-top svg{margin-bottom:12px}.platform-top h3{font-size:26px}.platform-top p{font-size:14px}.platform .button{font-size:16px;line-height:1.25}.download-intro>p:not(.eyebrow){font-size:19px}.help-panel{padding:22px 20px}.versions-section details{padding:22px 20px}.feedback-section .creator-grid>div:last-child{padding:24px}.feedback-section .creator-grid>div:last-child>p{font-size:20px}.feedback-cta{font-size:17px!important}.scene-status{margin-top:10px}}
@media(max-width:380px){.platforms{grid-template-columns:1fr}.platform-top{display:flex}.platform-top h3 small{display:inline}.hero-actions .button{width:100%;justify-content:center}.hero{min-height:1440px}}
@media(prefers-reduced-motion:reduce){.scene-track{transition:none}.button-opinion:hover{transform:none}}
#escenas .section-heading>p{color:#f0e5d3}
#descargar .download-intro>p{max-width:65ch}
#historia .intro-text p{color:#f0e5d3}
#descargar .installation{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
#descargar .installation details{min-width:0}
#descargar .installation summary{line-height:1.4}
@media(max-width:650px){#descargar .installation{grid-template-columns:1fr}}
/* Pantallas completas, dorado y carátulas en profundidad. */
:root{--gold:#f2c94c;--type-small:1rem;--type-body:1.25rem}
html{scroll-snap-type:y mandatory;scroll-padding-top:0;scroll-behavior:smooth}
main>section{scroll-snap-align:start;scroll-snap-stop:always}
main>section:not(.hero){min-height:100svh;padding:clamp(36px,6svh,68px) 0;display:flex;flex-direction:column;justify-content:center;gap:0}
main>section:not(.hero)::before{background-size:cover;background-position:center}
.hero{min-height:100svh;height:auto;display:flex;align-items:center}
.hero-copy{padding-top:150px;padding-bottom:100px;width:min(1240px,calc(100% - 104px))}
.hero-people{height:76%;bottom:35px}
.hero h1{font-size:clamp(64px,7vw,126px)}
.hero-bottom{font-size:16px;bottom:24px;letter-spacing:.5px}.hero-bottom .location{font-size:16px}.hero-bottom .scroll-link{font-size:16px}
.button-gold,.feedback-cta{background:linear-gradient(180deg,#ffdf70,#f2c94c);color:#192c35;border:1px solid #ffeaa1;box-shadow:0 4px 0 #b18a20,0 10px 25px #0003}
.button-gold:hover,.feedback-cta:hover{background:linear-gradient(180deg,#ffe992,#ffd65d);box-shadow:0 5px 0 #b18a20,0 12px 30px #0004}
.site-header nav .nav-play{background:linear-gradient(180deg,#ffdf70,#f2c94c);color:#192c35;border:1px solid #ffeaa1}
.button-outline,.button-opinion{border-color:#f2c94c}
.eyebrow,.hero .eyebrow,.scene-card .eyebrow{font-size:16px;letter-spacing:1px}
.hero-meta,.character-role,.carousel-hint,.scene-tag{font-size:17px}
.character-role{min-height:44px;line-height:1.4}.character-copy>p:last-child{font-size:20px;line-height:1.5}
.platform-top p{font-size:17px;color:#eadfcb;line-height:1.5}.platform-top h3 small{font-size:16px;color:#eadfcb}
.platform .button,.hero-actions .button{font-size:20px;line-height:1.3}
.section-heading>p,.web-note,#web-status,.installation details>p,.versions-section details p,.versions-section li{font-size:20px;line-height:1.6}
.intro-text p,.manual-grid p{font-size:20px;line-height:1.6}
.footer-grid p,.footer-grid>div,.creator-signature small{font-size:17px;color:#ddd6c7}
.audio-toggle,.audio-settings,.audio-settings button,.audio-settings p{font-size:16px}
.audio-settings{min-width:260px}.audio-settings label{font-size:17px}
.lightbox-top h2{font-size:24px}.lightbox-top button,.lightbox-bottom button,.lightbox-bottom p{font-size:17px}
#historia .intro-grid{gap:48px}.location-caption{margin-top:36px}
#companeros .character-stage{height:clamp(250px,32svh,350px)}
#companeros .character-stage img{height:100%}.character-copy{padding:18px}
.section-heading{margin-bottom:28px}
#escenas .section-heading h2{font-size:clamp(32px,3.1vw,50px)}
#escenas .section-heading h2 br{display:none}
.scene-carousel{width:min(1440px,calc(100% - 64px));max-width:1440px}
.scene-viewport{overflow:visible;background:none;border:0;box-shadow:none;border-radius:0;perspective:1400px}
.scene-track{display:block;position:relative;height:clamp(210px,min(48svh,39vw),540px);transform:none!important;transition:none;perspective:1400px;touch-action:pan-y}
.scene-card{position:absolute;top:50%;left:50%;width:min(74%,960px);display:block;padding:0;margin:0!important;transform:translate(-50%,-50%);transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .65s,opacity .65s;transform-style:preserve-3d;backface-visibility:hidden}
.scene-card .screenshot-button{border:2px solid #f4d36c99;box-shadow:0 22px 50px #0008;border-radius:9px;background:#08141d;display:block;cursor:pointer;overflow:hidden;width:100%;padding:0}
.scene-card .screenshot-button img{aspect-ratio:1178/663;object-fit:contain;width:100%;height:auto}
.scene-card[data-position=active]{z-index:4;opacity:1;filter:none;transform:translate(-50%,-50%)}
.scene-card[data-position=previous]{z-index:3;opacity:.82;filter:brightness(.7);transform:translate(-105%,-50%) scale(.74) rotateY(28deg)}
.scene-card[data-position=next]{z-index:3;opacity:.82;filter:brightness(.7);transform:translate(5%,-50%) scale(.74) rotateY(-28deg)}
.scene-card[data-position=back]{z-index:1;opacity:.5;filter:brightness(.5);transform:translate(-50%,-61%) scale(.62)}
.scene-card:not([data-position=active]):hover{filter:brightness(1);opacity:1}
.scene-captions{width:min(960px,74%);margin:20px auto 0;min-height:96px}
.scene-captions .scene-description{display:grid;grid-template-columns:1fr 1.5fr;gap:16px 28px;padding:20px 24px;background:#091927e6;border:1px solid #d7b85a55;border-radius:8px;align-items:center}
.scene-captions .scene-description .eyebrow,.scene-captions .scene-tag{display:none}
.scene-captions h3{font-size:28px;line-height:1.2}.scene-captions .scene-description>p:not(.eyebrow){font-size:19px;line-height:1.5;margin:0;color:#f4e8d5}
#descargar .download-intro{margin-bottom:28px}#descargar .download-intro>p:not(.eyebrow){margin-top:16px;line-height:1.5}
#descargar .installation{margin-top:24px}.installation summary{padding:16px 0;font-size:20px}
#jugar .section-lead{margin:16px 0 20px;font-size:20px}#jugar .web-launch{padding:18px 24px}
#jugar .web-toolbar{margin:14px 0;gap:16px}#jugar #web-status{margin-bottom:14px;font-size:18px}
#jugar .game-shell{max-width:min(980px,74svh);aspect-ratio:16/9;margin:auto}
#jugar .web-note{margin:14px 0;font-size:18px;line-height:1.5}#jugar .web-launch>summary{font-size:22px;padding:0}
#jugar .game-shell:fullscreen{max-width:none;width:100%;height:100%;aspect-ratio:auto}
#como-jugar .help-panel{padding:24px 30px}
@media(max-width:1100px){.hero-copy{padding-top:190px}.hero-people{height:55%;opacity:.8}.scene-captions{width:80%}.platform .button{font-size:18px}}
@media(max-width:800px){.scene-captions .scene-description{grid-template-columns:1fr;gap:10px}.scene-captions h3{font-size:26px}.scene-captions{min-height:150px}.hero-people{height:44%}.hero-copy{padding-bottom:300px}.intro-text p,.manual-grid p{font-size:19px}}
@media(max-width:650px){
 main>section:not(.hero){padding:44px 0;min-height:100svh}
 .hero{min-height:100svh}.hero-copy{width:calc(100% - 36px);padding-top:160px;padding-bottom:360px}.hero h1{font-size:clamp(42px,12vw,78px)}
 .hero-people{height:300px;bottom:42px}.hero-bottom{font-size:16px;bottom:20px}.hero-bottom .location{font-size:16px;letter-spacing:0}
 .hero-line{font-size:28px}.hero-description{font-size:20px}.hero-actions .button{font-size:18px}.hero-meta{font-size:17px}.hero .eyebrow{font-size:16px}
 .scene-carousel{width:calc(100% - 24px)}.scene-track{height:clamp(200px,52vw,340px)}.scene-card{width:82%}
 .scene-card[data-position=previous]{transform:translate(-84%,-50%) scale(.73) rotateY(30deg)}.scene-card[data-position=next]{transform:translate(-16%,-50%) scale(.73) rotateY(-30deg)}
 .scene-captions{width:94%;margin-top:18px;min-height:160px}.scene-captions .scene-description{padding:20px}.scene-captions .scene-description>p:not(.eyebrow){font-size:18px}.scene-captions h3{font-size:26px}
 .section-heading>p{font-size:18px}.character-role{font-size:17px}.platform-top p{font-size:16px}.platform .button{font-size:17px}.carousel-hint{font-size:17px}
 #jugar .web-launch{padding:18px}#jugar .game-shell{max-width:100%}.web-toolbar .button{font-size:18px}#jugar .web-note,#jugar #web-status{font-size:18px}
 .footer-grid>div{font-size:17px}.lightbox-top button,.lightbox-bottom button,.lightbox-bottom p{font-size:16px}.lightbox-top h2{font-size:20px}
 .site-header nav a{display:block}.site-header nav{font-size:17px}.site-header nav .nav-play{font-size:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-card{transition:none}}
.scene-track{height:clamp(210px,min(55svh,39vw),560px)}
.scene-card{width:min(74%,960px,95svh)}
.scene-captions{width:min(74%,960px,95svh)}
#jugar .game-shell{max-width:min(900px,58svh)}
@media(max-width:650px){.scene-track{height:clamp(200px,52vw,340px)}.scene-card{width:82%}.scene-captions{width:94%}#jugar .game-shell{max-width:100%}}
.genre-line{font-size:18px;line-height:1.6;display:flex;flex-wrap:wrap;gap:10px 18px;letter-spacing:0}
.game-placeholder span{font-size:18px;line-height:1.5}
.site-header .language-toggle{font-size:16px}
/* Ayuda: luz atenuada y lectura fuera del desplazamiento por pantallas. */
#como-jugar{color:#e5ddc9;--glow:115,184,188}
#como-jugar::after{background:radial-gradient(ellipse at top right,#73b8bc1a,transparent 65%),linear-gradient(180deg,#14272cdb,#14272cc4 45%,#14272ceb)}
#como-jugar .eyebrow,#como-jugar .eyebrow.dark{color:#dbc278}
#como-jugar .section-lead{max-width:65ch;color:#d2d7c9;font-size:22px}
.help-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:100%;max-width:1080px;margin-top:30px}
.help-link-card{padding:32px;background:#192a2eed;border:1px solid #c4d9e455;border-radius:10px;display:flex;flex-direction:column;gap:18px;box-shadow:0 16px 40px #0002}
.help-link-card h3{font-size:34px;color:#eadfc7}.help-link-card>p:not(.reading-label){font-size:21px;line-height:1.6;color:#d4d8ce;margin:0}.help-link-card .reading-label{font-size:17px;letter-spacing:.4px;color:#becfc8;margin:0}.help-link-card .spoiler-label{color:#dfbc77}.help-link-card .button{align-self:flex-start;margin-top:auto;font-size:20px;line-height:1.4}
@media(max-width:650px){#como-jugar .section-lead{font-size:20px}.help-links{grid-template-columns:1fr;gap:20px;margin-top:20px}.help-link-card{padding:24px;gap:14px}.help-link-card h3{font-size:30px}.help-link-card>p:not(.reading-label){font-size:19px}.help-link-card .button{font-size:18px}}