/* One header geometry for the collection and every game. Loaded last. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
body .topbar.playroom-header .topbar-inner{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;max-width:1320px;margin:0 auto;padding:10px 28px;gap:16px;min-height:64px}
body .topbar.playroom-header .brand{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;flex:none;width:auto;height:44px;min-height:44px;gap:10px;margin:0;padding:0;font-size:24px;font-weight:900;letter-spacing:1px;line-height:1;color:#f4f2ec;text-decoration:none;white-space:nowrap}
body .topbar.playroom-header .brand .home-wordmark{display:inline;color:inherit}
body .topbar.playroom-header .brand .home-wordmark>span{display:inline;color:#d4e2b0}
body .topbar.playroom-header .brand .playroom-logo{display:block;flex:none;width:44px;height:44px;object-fit:contain}
body .topbar.playroom-header .game-menu,body .topbar.playroom-header .home-header-space{display:none!important}
body .topbar.playroom-header :is(.home-game-picker,.mobile-game-picker){display:flex;justify-content:center;min-width:0;width:100%;margin:0;padding:0}
body .topbar.playroom-header :is(.home-game-picker,.mobile-game-picker) select{box-sizing:border-box;display:block;width:100%;max-width:300px;height:44px;min-height:44px;margin:0;padding:8px 24px 8px 10px;border:1px solid #8aa18b;border-radius:6px;background:#203e31;color:#f4f2ec;font-family:inherit;font-size:14px;line-height:20px}
body .topbar.playroom-header :is(.progress-toggle,.sound-toggle){box-sizing:border-box;position:static;inset:auto;align-self:center;width:auto;height:44px;min-height:44px;margin:0;padding:8px 10px;font-family:inherit;font-size:12px;line-height:20px;white-space:nowrap}
@media(max-width:650px){
 body .topbar.playroom-header .topbar-inner{padding:6px 8px;gap:5px;min-height:56px}
 body .topbar.playroom-header .brand{width:40px;gap:0}
 body .topbar.playroom-header .brand .home-wordmark{display:none}
 body .topbar.playroom-header .brand .playroom-logo{width:40px;height:40px}
 body .topbar.playroom-header :is(.home-game-picker,.mobile-game-picker) select{max-width:none;padding-inline:4px;font-size:12px}
 body .topbar.playroom-header :is(.progress-toggle,.sound-toggle){padding-inline:5px;font-size:10px}
}

/* Language utility row keeps the approved header geometry identical on every page. */
.language-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:1320px;margin:0 auto;padding:8px 28px 0;color:#52654a;font-size:12px}.language-bar select{box-sizing:border-box;max-width:150px;min-height:36px;padding:5px 24px 5px 9px;border:1px solid #bdcbb1;border-radius:6px;background:#fffef7;color:#294b36;font:inherit}.language-bar select:focus-visible{outline:3px solid #b58d35;outline-offset:2px}.language-notice{box-sizing:border-box;max-width:1320px;margin:6px auto 0;padding:0 28px;color:#647759;font-size:12px;line-height:1.7}.language-notice[hidden]{display:none!important}html:lang(zh) body{font-family:system-ui,-apple-system,"PingFang SC","PingFang TC","Microsoft YaHei",sans-serif}html:lang(zh) .home-intro h1{line-height:1.4;letter-spacing:0}html:lang(zh) .home-eyebrow{letter-spacing:1px}html:lang(zh) .game-card p{line-height:1.75}html:lang(zh) .home-about p{line-height:1.85}@media(max-width:650px){.language-bar{padding:6px 14px 0;font-size:11px}.language-notice{padding:0 14px;font-size:11px}.language-bar select{min-height:36px}html:lang(zh) .home-intro h1{font-size:28px}html:lang(zh) .home-intro>p:last-child{line-height:1.9}}

html:lang(zh) :is(h1,h2,h3){font-family:inherit}.game-play>span[data-i18n]{font-size:inherit;font-weight:inherit}

/* Language belongs to the shared header, with no separate utility row. */
body .topbar.playroom-header .topbar-inner{grid-template-columns:auto minmax(0,1fr) auto auto auto}
body .topbar.playroom-header .language-bar{display:flex;align-items:center;width:auto;max-width:none;margin:0;padding:0;color:#f4f2ec}
body .topbar.playroom-header .language-bar label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .topbar.playroom-header .language-bar select{box-sizing:border-box;width:88px;max-width:none;min-height:44px;height:44px;margin:0;padding:8px 22px 8px 8px;border:1px solid #8aa18b;border-radius:6px;background:#203e31;color:#f4f2ec;font-family:inherit;font-size:12px;line-height:20px}
@media(max-width:650px){
 body .topbar.playroom-header .topbar-inner{grid-template-columns:40px minmax(0,1fr) 44px 44px 78px;gap:5px}
 body .topbar.playroom-header .language-bar select{width:78px;padding-inline:4px;font-size:11px}
 body .topbar.playroom-header :is(.progress-toggle,.sound-toggle){display:grid;place-items:center;width:44px;padding:0;font-size:0;line-height:0}
 body .topbar.playroom-header :is(.progress-toggle,.sound-toggle)::before{content:'';display:block;width:22px;height:22px;background:center/contain no-repeat}
 body .topbar.playroom-header .progress-toggle::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f2ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3v17h17M8 16v-5m5 5V6m5 10V9'/%3E%3C/svg%3E")}
 body .topbar.playroom-header .sound-toggle::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f2ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5m4 4c2 2 2 4 0 6m3-9c4 4 4 8 0 12'/%3E%3C/svg%3E")}
 body .topbar.playroom-header .sound-toggle[aria-pressed=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f2ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5m5 4 5 6m0-6-5 6'/%3E%3C/svg%3E")}
}

@media(max-width:650px){body .topbar.playroom-header .sound-toggle[aria-pressed=true]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183021' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5m4 4c2 2 2 4 0 6m3-9c4 4 4 8 0 12'/%3E%3C/svg%3E")}}