/* Shared site navigation and responsive game controls, 2026-10-21. */
.topbar{flex-wrap:wrap;flex-shrink:0}
.site-navigation{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%;margin-top:8px;align-items:center}
.site-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:2px solid #77618e;border-radius:12px;background:#352348;color:#fff;font-size:.94rem;font-weight:850;text-decoration:none;line-height:1.2}
.site-navigation a:hover{background:#48305e;border-color:#f5b85e}
.site-navigation a:focus-visible,#downloadBtn:focus-visible{outline:3px solid #ffd59a;outline-offset:3px}
.game-on .app{display:flex;flex-direction:column;height:max(100svh,640px);min-height:640px}
.game-on .game{height:auto;min-height:0;flex:1;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.game-on .board-wrap{min-height:180px}
.game-on .gamebar{flex-shrink:0;min-width:0;grid-template-columns:minmax(160px,236px) minmax(0,1fr) auto;gap:12px}
.game-on #backBtn{grid-column:1;grid-row:1}
.game-on .gamebar>strong{grid-column:2;grid-row:1}
.game-on .zoom-controls{grid-column:3;grid-row:1}
.game-on .game-actions{grid-column:1/-1;grid-row:2;flex-wrap:wrap;min-width:0}
@media(min-width:721px){.game-on .language-control select{width:220px;min-width:220px;max-width:220px}.game-on .stats{right:calc(clamp(18px,2.4vw,48px) + 244px)}}
.game-on .gamebar>strong{min-width:0;overflow-wrap:anywhere}
.game-on #downloadBtn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffcc80,#f3a044)!important;color:#281b3d!important;text-shadow:none!important;border:2px solid #ffdca0;font-weight:950;min-height:44px}
.download-dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;margin:auto}
.dialog-close{width:44px;height:44px}
@media(max-width:1099px){
 .game-on .gamebar{grid-template-columns:auto minmax(0,1fr);gap:8px;min-height:0}
 .game-on #backBtn{grid-column:1;grid-row:1;min-width:0;width:auto!important;min-height:44px}
 .game-on .gamebar>strong{grid-column:2;grid-row:1;width:100%;font-size:clamp(1.2rem,3.2vw,1.8rem);padding:8px 10px}
 .game-on .game-actions{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
 .game-on .game-actions .ghost{min-width:0;min-height:44px;white-space:normal}
 .game-on #downloadBtn{order:-1;min-width:0}
 .game-on .zoom-controls{grid-column:1/-1;grid-row:3;margin:0;flex-wrap:wrap}
}
@media(max-width:720px){
 .topbar,.game-on .topbar{width:100%;padding:12px;gap:0;min-height:0;align-items:center}
 .brand-stack,.game-on .brand-stack{width:100%;min-height:44px;display:block}
 .brand,.game-on .brand{min-height:44px;min-width:0;max-width:calc(100% - 140px);font-size:.94rem;gap:6px;line-height:1.15;text-align:left}
 .mark,.game-on .mark{width:32px;height:32px;flex-shrink:0;font-size:21px}
 .language-control,.game-on .language-control{position:absolute;top:12px;right:12px;left:auto;margin:0}
 .language-control select,.game-on .language-control select{min-height:44px;max-width:132px;font-size:.82rem;padding-inline:10px}
 .game-on .stats{display:none}
 .site-navigation{margin-top:8px;gap:8px}
 .site-navigation a{flex:1;min-width:0;font-size:.9rem;padding-inline:8px}
 .game-on .gamebar>strong{grid-column:1/-1;grid-row:1;font-size:1.2rem;padding:4px 6px;line-height:1.15}
 .game-on #backBtn{grid-column:1/-1;grid-row:2;justify-self:start;min-height:44px;font-size:.8rem}
 .game-on .game-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .game-on .game-actions .ghost{width:100%;min-height:44px;font-size:.83rem;padding:8px 6px}
 .game-on #downloadBtn{display:flex;order:-1;min-width:0}
 .game-on .zoom-controls{grid-row:4;grid-column:1/-1;gap:6px}
 .zoom-controls button,.zoom-controls output{min-height:44px}
 .download-dialog{width:calc(100% - 24px);padding:28px 18px 18px}
 .download-dialog h2{font-size:clamp(1.75rem,8vw,2.4rem);overflow-wrap:anywhere;padding-right:16px}
 .download-actions{grid-template-columns:1fr}
 .download-actions button{min-height:48px}
}