/* Shared language picker, compact enough for phones and keyboard accessible. */
.header{gap:18px}
.locale-control{display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;flex:0 0 auto;min-height:48px;min-width:72px;padding:0 10px;border:1px solid #776b87;border-radius:11px;color:#f7f5f0;background:#ffffff04;font:700 12px/1 Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap}
.locale-control .locale-globe{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.locale-control .locale-chevron{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
.locale-control select{position:static;width:auto;max-width:100%;min-height:48px;padding:10px 14px;border:2px solid #8e79a5;border-radius:14px;opacity:1;cursor:pointer;font-size:16px;color:#f7f5f0;background:#261e37;appearance:auto}
.locale-control:focus-within{outline:3px solid #c5f75b;outline-offset:4px}
.locale-control option{background:#fff;color:#171325}
.site-menu .locale-control{margin-left:auto}
.header .nav-cta,.header .desktop-nav a{flex-shrink:0}
.menu-primary-links strong,.menu-game-info h4,.world-info h3{overflow-wrap:break-word;hyphens:auto}
.hero h1{overflow-wrap:normal}
.hero h1>span.title-dot{color:#bd9ae7}
html[lang="de"] .hero h1,html[lang="fr"] .hero h1,html[lang="es"] .hero h1,html[lang="it"] .hero h1,html[lang="pt"] .hero h1{font-size:clamp(66px,7.4vw,106px)}
.game-layout .side .quiet{white-space:normal;overflow-wrap:break-word}
.game-context h1,.intro-copy h1,.overlay-result h2{overflow-wrap:break-word;hyphens:auto}
@media(hover:hover) and (pointer:fine){.locale-control:hover{background:#3d304b;border-color:#b49ec8}}
@media(max-width:1320px){.header .desktop-nav{display:none}.header .nav-cta{margin-left:auto}}
@media(max-width:760px){.header{gap:10px}.locale-control{min-width:62px;padding:0 8px}.locale-control .locale-globe{display:none}.menu-topbar{gap:12px}.site-menu .wordmark .brand-logo{width:195px}}
@media(max-width:700px){.header .nav-cta{display:none}.header .locale-control{margin-left:auto}.header .menu-toggle{margin-left:0}.site-menu .locale-control{min-width:48px}.site-menu .menu-topbar .wordmark .brand-logo{width:180px}.hero h1,html[lang] .hero h1{font-size:clamp(55px,13.8vw,90px);letter-spacing:-3.5px}.hero-copy>p{max-width:390px}.hero-actions .button{white-space:normal;text-align:left}.world-meta{flex-wrap:wrap}.world-meta a{margin-left:auto}}
@media(max-width:389px){.header{padding:0 16px;gap:8px}.header .wordmark .brand-logo{width:172px}.header .menu-toggle{flex-basis:44px;width:44px;height:48px;padding:10px}.locale-control{min-width:48px;padding:0 7px}.site-menu .menu-topbar .wordmark .brand-logo{width:148px}.site-menu .menu-topbar{gap:10px}.menu-close{width:44px;flex-basis:44px}.hero h1,html[lang] .hero h1{font-size:54px;letter-spacing:-3px}.hero-actions .button{font-size:12px;gap:15px;padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){.locale-control{transition:none}}
@media(max-width:700px){.process h2{overflow-wrap:anywhere;hyphens:auto}}

/* Language selection lives in the footer on the homepage and every game. */
.footer-locale{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}
.footer-language-label{font:12px/1.4 Arial,Helvetica,sans-serif;color:#b2a7c0}
.footer-locale .locale-control{min-width:72px;min-height:44px;font-size:12px}
.footer-locale .locale-globe{display:block}
body>footer{flex-wrap:wrap}
@media(max-width:700px){.header .nav-cta{display:inline-flex}.header .menu-toggle{margin-left:0}.header .wordmark .brand-logo{width:210px}.site-menu .menu-topbar .wordmark .brand-logo{width:210px}}
@media(max-width:560px){.header .nav-cta{display:none}.header .menu-toggle{margin-left:auto}}
@media(max-width:389px){.header{padding:0 20px;gap:10px}.header .wordmark .brand-logo{width:200px}.header .menu-toggle{flex-basis:48px;width:48px;padding:12px}.site-menu .menu-topbar .wordmark .brand-logo{width:200px}.menu-close{width:48px;flex-basis:48px}.footer-locale{gap:8px}}

@media(max-width:650px){.header .nav-cta{display:none}.header .menu-toggle{margin-left:auto}}