/* Shared navigation stays independent of the selected game's layout. */
@media (min-width:901px){
 html{scrollbar-gutter:stable}
 body:not(.site-info-page){display:block!important;height:auto!important;min-height:100dvh!important;overflow:visible!important;overflow-anchor:none}
 body:not(.site-info-page)>.site-header{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;max-width:1280px!important;height:64px!important;min-height:64px!important;margin:0 auto!important;padding:0 24px!important;gap:25px!important}
 body:not(.site-info-page)>.site-header .brand{font-size:21px!important}
 body:not(.site-info-page)>.site-header .brand-symbol{width:30px!important;height:30px!important;border-radius:9px!important}
 body:not(.site-info-page)>.site-header nav{gap:12px!important}
 body:not(.site-info-page)>.page{display:flow-root!important;flex:none!important;width:100%!important;max-width:1200px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:0 24px 8px!important}
 body:not(.site-info-page) #game-picker-toggle{height:30px!important;min-height:30px!important;margin:10px auto 0!important;padding:6px 16px!important;font-size:11px!important}
 body:not(.site-info-page) #game-picker-toggle[aria-expanded="false"]{margin-bottom:10px!important}
 body:not(.site-info-page) #game-picker{margin:4px auto 10px!important;gap:3px!important}
}
@media (max-width:900px){
 body:not(.site-info-page){overflow-anchor:none}
 body:not(.site-info-page)>.site-header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:1280px!important;height:auto!important;min-height:96px!important;flex:none!important;margin:0 auto!important;padding:8px 10px!important}
 body:not(.site-info-page)>.site-header .brand{font-size:18px!important;line-height:30px!important;gap:10px!important;white-space:nowrap!important}
 body:not(.site-info-page)>.site-header .brand-symbol{width:30px!important;height:30px!important;border-radius:9px!important}
 body:not(.site-info-page)>.site-header nav{display:flex!important;flex:none!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:36px!important;gap:7px!important;margin:0!important;overflow-x:auto;scrollbar-width:none}
 body:not(.site-info-page)>.site-header nav>*{flex-shrink:0}
 body:not(.site-info-page)>.site-header .guide-link{display:none!important}
 body:not(.site-info-page)>.site-header .language-control{height:32px!important;min-height:32px!important;max-width:144px!important;margin:0!important;padding:3px 5px!important;font-size:11px!important}
 body:not(.site-info-page)>.site-header .language-select{width:110px!important;max-width:110px!important;height:24px!important;min-height:24px!important;padding:1px!important;font-size:11px!important}
 body:not(.site-info-page)>.site-header .sound-button{display:inline-flex!important;width:36px!important;height:32px!important;min-height:32px!important;padding:6px!important}
 body:not(.site-info-page)>.site-header [data-sound-label]{display:none!important}
 body:not(.site-info-page)>.site-header #share-site{display:inline-flex!important;align-items:center!important;height:32px!important;padding:6px 8px!important;font-size:10px!important}
 body:not(.site-info-page)>.site-header .support-button:not([hidden]){display:inline-flex!important;min-height:32px!important;padding:3px 7px!important;font-size:10px!important}
 body:not(.site-info-page)>.page{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding-left:8px!important;padding-right:8px!important}
 body:not(.site-info-page) #game-picker-toggle{flex:none!important;height:30px!important;min-height:30px!important;margin:5px auto 0!important;padding:4px 12px!important;font-size:10px!important;line-height:20px!important}
 body:not(.site-info-page) #game-picker-toggle[aria-expanded="false"]{margin-bottom:10px!important}
 body:not(.site-info-page) #game-picker{flex:none!important;gap:3px!important;margin:4px auto 10px!important}
 body:not(.site-info-page) #game-picker .game-picker-row{gap:6px!important;padding:8px 2px 6px!important}
 body:not(.site-info-page) #game-picker [data-category="board"]{padding-top:8px!important}
 body:not(.site-info-page) #game-picker .game-tab{height:38px!important;min-height:38px!important;min-width:max-content!important;padding:2px 8px!important;gap:0!important;transform:none!important}
 body:not(.site-info-page) #game-picker .tab-label b{font-size:10px!important;line-height:1.25!important}
 body:not(.site-info-page) #game-picker .game-purpose-tag{font-size:7px!important;min-height:12px!important;padding:1px 5px 1px 10px!important;top:-9px!important}
}

/* Four stable rows with content-sized buttons and a slim, warm scrollbar. */
body:not(.site-info-page) #game-picker{overflow-anchor:none}
body:not(.site-info-page) #game-picker .game-picker-row{
 --picker-button-height:41px;
 display:flex;flex-wrap:nowrap;align-items:flex-start;
 height:62px;min-height:62px;flex:none;
 padding:12px 2px 6px;gap:8px;
 border:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
 scrollbar-width:auto;scrollbar-color:auto;
}
body:not(.site-info-page) #game-picker .game-tab{
 flex:0 0 auto;width:max-content;min-width:max-content;max-width:none;
 height:var(--picker-button-height);min-height:var(--picker-button-height);
 padding:2px 12px;gap:6px;transform:none;
 transition:background .18s,border-color .18s;
}
body:not(.site-info-page) #game-picker .game-purpose-tag{left:0;transform:none;max-width:100%;min-height:14px;top:-11px;font-size:8px;padding:1px 6px 1px 11px}
@media(min-width:901px){
 body:not(.site-info-page) #game-picker .tab-icon{height:22px}
 body:not(.site-info-page) #game-picker .tab-icon svg{width:22px;height:22px}
}
body:not(.site-info-page) #game-picker .purpose-special{--tag-paper:#f8e2be;--tag-edge:#d7af73;--tag-ink:#805523}
body:not(.site-info-page) #game-picker .game-picker-row::-webkit-scrollbar{width:3px;height:3px}
body:not(.site-info-page) #game-picker .game-picker-row::-webkit-scrollbar-track{background:#f1e8dc;border-radius:999px}
body:not(.site-info-page) #game-picker .game-picker-row::-webkit-scrollbar-thumb{background:#c9a47d;border-radius:999px}
body:not(.site-info-page) #game-picker .game-picker-row::-webkit-scrollbar-thumb:hover{background:#b7895a}
body:not(.site-info-page) #game-picker .game-picker-row::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports not selector(::-webkit-scrollbar){
 body:not(.site-info-page) #game-picker .game-picker-row{scrollbar-width:thin;scrollbar-color:#c9a47d #f1e8dc}
}
@media(max-width:900px){
 body:not(.site-info-page) #game-picker .game-picker-row{--picker-button-height:27px;height:46px;min-height:46px}
 body:not(.site-info-page) #game-picker .tab-icon{display:grid;position:absolute;inset:0;place-items:center;width:auto;height:auto;opacity:.16;pointer-events:none;z-index:0}
 body:not(.site-info-page) #game-picker .tab-icon svg{width:18px;height:18px;max-width:none;transform:rotate(-10deg);filter:blur(.3px)}
 body:not(.site-info-page) #game-picker .tab-label{position:relative;z-index:1;text-shadow:0 1px 2px var(--paper),0 0 4px var(--paper)}
}

/* A fourth row for quizzes; preserve label width while reducing button height. */
body:not(.site-info-page) #game-picker .purpose-quiz{--tag-paper:#e8ddf4;--tag-edge:#c3a6dd;--tag-ink:#77548e}
.art-host{display:block;width:100%;min-width:0;margin:18px 0 0}
.art-host[hidden]{display:none}
body.art-view .playground{display:none}
/* Override the older compact-screen fixed heights as well. */
body:not(.site-info-page) #game-picker .game-tab{height:var(--picker-button-height)!important;min-height:var(--picker-button-height)!important}
@media(max-width:900px){body:not(.site-info-page) #game-picker .game-picker-row{height:48px;min-height:48px;padding-top:12px!important}}