/* Shared navigation and heading typography: menu, checkers and solitaire. */
html body #app .game-switcher,html body .sol-footer #games{--game-icon-fill:#122219;display:flex;align-items:center;gap:8px;width:fit-content;padding:5px;border:1px solid #baa16b45;border-radius:18px;background:#102017f5}
html body #app .game-switcher button,html body .sol-footer #games a{display:flex;align-items:center;justify-content:center;gap:9px;min-width:110px;min-height:46px;padding:6px 14px;border:1px solid transparent!important;border-radius:12px;background:transparent!important;color:#bfc5af!important;font:400 14px 'Golos Text',sans-serif;text-decoration:none;transition:background .15s,color .15s;touch-action:manipulation}
html body #app .game-switcher svg,html body .sol-footer #games svg{width:34px;height:32px;flex-shrink:0}
html body #app .game-switcher button[aria-pressed=true],html body .sol-footer #games a[aria-current]{--game-icon-fill:#32432b;background:#32432b!important;color:#f1d99b!important;border-color:#bda46a70!important}
html body #app .game-switcher button:hover,html body .sol-footer #games a:hover{background:#263d2c!important;color:#fff0cc!important}
html body #app .game-switcher button:focus-visible,html body .sol-footer #games a:focus-visible{outline:2px solid #e2c884;outline-offset:3px}
html body #checkers header .back,html body .sol-back{font:400 14px 'Golos Text',system-ui,sans-serif;color:#d8c79e;text-decoration:none;letter-spacing:normal;white-space:nowrap}
html body #checkers header .brand,html body .sol-heading h1{font:500 28px 'Literata',Georgia,serif;letter-spacing:.02em}
html body .sol-panel-heading h2{font:500 25px/1.35 'Literata',Georgia,serif}
html body .sol-panel-heading p,html body .sol-help{font:400 13px/1.5 'Golos Text',system-ui,sans-serif}
html body .sol-controls button{font:400 14px 'Golos Text',system-ui,sans-serif;min-height:44px}
html body .sol-panel #sol-menu{font:500 16px 'Literata',Georgia,serif;min-height:44px}
@media(max-width:900px){html body #checkers header .back,html body .sol-back{font-size:12px}html body #checkers header .brand,html body .sol-heading h1{font-size:24px}html body .sol-panel-heading h2{font-size:22px}html body .sol-controls button{font-size:13px}}
@media(max-width:400px){html body #app .game-switcher,html body .sol-footer #games{max-width:100%;gap:4px}html body #app .game-switcher button,html body .sol-footer #games a{min-width:0;padding-inline:8px;gap:6px}html body #app .game-switcher svg,html body .sol-footer #games svg{width:28px;height:28px}}
@media(max-width:370px){html body #checkers header .brand,html body .sol-heading h1{font-size:21px}}

/* Same subtle card corners as the shop, including drag and flight copies. */
.game .card,body .card.flight,body .flat-flight{border-radius:var(--card-radius,2% / 1.333333%)}