/* Dedicated entrance layout: independent of the main page's breakpoints. */
html{min-height:100%;background:#030d20}
body.welcome-page{margin:0;min-height:100svh;display:flex;align-items:flex-end;justify-content:center;padding:0 24px 5svh;background:#030d20 url('assets/winter-harbor-v2.png') center center/cover no-repeat fixed;overflow-x:hidden}
.welcome-page:before{display:none}
.welcome-page .welcome-content{position:relative;width:min(820px,100%);margin:0;text-align:center;padding:24px 32px;background:radial-gradient(ellipse at center,rgba(2,10,28,.94),rgba(2,10,28,.68) 60%,transparent 78%);box-sizing:border-box}
.welcome-page .eyebrow{font:600 clamp(11px,1.1vw,16px)/1.6 var(--title);letter-spacing:2px;color:#e8c782;margin:0 0 12px}
.welcome-page h2{font-family:var(--title);font-size:clamp(23px,2.3vw,36px);font-weight:600;line-height:1.25;color:#fff0cb;margin:0 0 24px;text-shadow:0 3px 8px #000}
.welcome-page h2 span{display:block;font-size:clamp(14px,1.1vw,18px);line-height:1.6;color:#cfdbeb;letter-spacing:1.5px;margin-top:9px}
.welcome-page .language-choices{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px}
.welcome-page .language-choices .rune-button{display:flex;min-width:250px;min-height:68px;gap:18px;box-sizing:border-box;padding:8px 22px;font-family:var(--display);font-size:22px}
.welcome-page .language-choices img{display:block;flex:0 0 42px;width:42px!important;height:28px!important;object-fit:cover;border:1px solid #e7d2a188;box-shadow:0 2px 7px #0008}
@media(min-aspect-ratio:2/1){body.welcome-page{background-size:100% auto;background-position:center 38%;padding-bottom:3svh}.welcome-page .welcome-content{padding:15px 30px}.welcome-page h2{font-size:26px;margin-bottom:16px}}
@media(max-width:600px){body.welcome-page{min-height:100svh;padding:0 16px 5svh;background-size:auto 100svh;background-position:center top}.welcome-page .welcome-content{padding:20px 8px}.welcome-page .eyebrow{font-size:10px;letter-spacing:1px}.welcome-page h2{font-size:24px}.welcome-page .language-choices{flex-direction:column;gap:14px}.welcome-page .language-choices .rune-button{width:260px;min-width:0;min-height:62px;font-size:20px}}
@media(max-height:560px) and (min-width:601px){body.welcome-page{padding-bottom:12px}.welcome-page .eyebrow{display:none}.welcome-page h2{font-size:20px;margin-bottom:12px}.welcome-page h2 span{font-size:13px;margin-top:3px}.welcome-page .language-choices .rune-button{min-height:54px;font-size:18px}}
/* Keep the full landscape visible above the portrait language controls. */
@media(max-width:700px) and (orientation:portrait){
 body.welcome-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100svh;height:auto;background-size:100% auto;background-position:center top;background-attachment:scroll;background-color:#030d20;padding:calc(100vw * .61) 16px 90px;box-sizing:border-box}
 .welcome-page .welcome-content{width:100%;margin:0;padding:22px 8px;background:radial-gradient(ellipse,#031024e8,transparent 80%)}
 .welcome-page h2{font-size:24px;line-height:1.4;margin-bottom:24px}
 .welcome-page h2 span{font-size:14px}
 .welcome-page .language-choices{gap:18px}
 .welcome-page .language-choices .rune-button{width:min(290px,100%);min-height:64px}
}
@media(max-width:700px) and (orientation:portrait){
 body.welcome-page{isolation:isolate;background-image:none!important;background-color:#030d20;justify-content:flex-end;padding:50svh 16px 80px;min-height:100svh}
 body.welcome-page:before{content:'';display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;background:#030d20 url('assets/winter-harbor-portrait.png') center center/cover no-repeat;opacity:1}
 .welcome-page .welcome-content{padding:25px 8px;background:radial-gradient(ellipse,#031024d9,transparent 80%)}
}