/* Shared game switcher. Game-specific styles and controls remain independent. */
.games-header{position:relative;z-index:2;box-sizing:border-box;width:min(1480px,100% - 24px);height:52px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}
.games-brand{color:#f3fff8;text-decoration:none;font-family:Georgia,serif;font-weight:700;font-size:18px;white-space:nowrap}
.games-nav{display:flex;align-items:center;gap:4px;padding:3px;border:0;border-radius:999px;box-shadow:none;background:#052e26;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;flex-shrink:0}
.games-nav a{display:flex;gap:6px;align-items:center;justify-content:center;min-height:32px;padding:0 13px;color:#d4e8df;font-size:12px;font-weight:650;text-decoration:none;border:0;border-radius:999px;box-shadow:none;white-space:nowrap}
.games-nav .game-favicon{display:block;width:18px;height:18px;object-fit:contain;flex:none}
.games-nav a[aria-current=page]{color:#073d32;background:#d0eddf}
.games-nav a[href="/sudoku/"]{background:#f5ce33;color:#25343a;font-weight:750}
.games-nav a:hover{background:#ffffff17}.games-nav a[aria-current=page]:hover{background:#d0eddf}.games-nav a[href="/sudoku/"]:hover{background:#ffe068}
.games-nav a:focus-visible,.games-brand:focus-visible{outline:3px solid #f5d54d;outline-offset:3px}
.integration-mahjong .desktop-game-layout{min-height:calc(100svh - 68px)}
.integration-mahjong .game-frame{height:calc(100svh - 68px)}
.integration-sudoku .games-header{width:100%;height:48px;padding:0 max(12px,calc((100vw - 720px)/2));background:#fff0b0;border-bottom:1px solid #e6cf7b;gap:10px}
.integration-sudoku .games-brand{font-size:16px;color:#25343a}
.integration-sudoku .games-nav{background:#fff9dc}
.integration-sudoku .games-nav a{color:#57573f}
.integration-sudoku .games-nav a[href="/sudoku/"]{color:#25343a}
.integration-sudoku .games-nav a:not([aria-current=page]):hover{background:#f5edce}
.integration-sudoku .games-nav a:focus-visible,.integration-sudoku .games-brand:focus-visible{outline-color:#a9441e}
.integration-sudoku .sudoku-play-section{display:flow-root;min-height:calc(100svh - 48px);padding-bottom:20px;background:#f6f3e9}
.integration-sudoku .site-header{margin-top:14px;padding-bottom:12px}
.integration-sudoku footer{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
.integration-sudoku footer a{font:11px ui-sans-serif,system-ui,sans-serif;color:#626b60;text-decoration:underline;text-underline-offset:3px}
.game-switch-dialog{width:min(430px,calc(100% - 32px));padding:26px;border:1px solid #b1c5b9;border-radius:12px;color:#193e31;background:#fffdf4;font-family:ui-sans-serif,system-ui,sans-serif;box-shadow:0 20px 70px #001b2966}
.game-switch-dialog::backdrop{background:#001b29a6}.game-switch-dialog h2{margin:0 0 12px;font-size:23px}.game-switch-dialog p{line-height:1.65;font-size:14px}.game-switch-dialog>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.game-switch-dialog button,.game-switch-dialog a{border:0;border-radius:6px;padding:12px 16px;font:600 14px ui-sans-serif,system-ui,sans-serif;background:#e7ece5;color:#193e31;text-decoration:none;cursor:pointer}.game-switch-dialog a{background:#f5d54d}
@media(max-width:760px){.games-header{height:46px;width:calc(100% - 16px);gap:6px}.games-brand{font-size:14px}.games-nav a{min-height:32px;padding:0 9px;font-size:11px}.integration-mahjong .game-frame{height:auto;min-height:calc(100svh - 62px)}.page-shell .site-header{flex-wrap:wrap;padding:12px 16px;gap:10px}}
@media(max-width:520px){.integration-sudoku .games-header{padding:0 10px;height:44px}.integration-sudoku .games-brand{font-size:12px}.integration-sudoku .site-header{margin-top:5px;padding-bottom:5px}.integration-sudoku .games-nav a{padding:0 8px;font-size:11px}.integration-sudoku .game-card{padding-top:10px;padding-bottom:10px}.integration-sudoku .sudoku-play-section{min-height:calc(100svh - 44px);padding-bottom:14px}}
@media(max-width:350px){.games-brand{font-size:11px}.games-nav a{padding:0 5px;font-size:10px}.games-nav .game-favicon{width:16px;height:16px}.games-nav a{gap:4px}.integration-sudoku .games-header{gap:6px}.integration-sudoku .games-brand{font-size:11px}.integration-sudoku .games-nav a{font-size:10px;padding:0 6px}}
@media(orientation:landscape) and (max-width:1024px) and (max-height:600px){.games-header{height:40px}.games-nav{padding:2px}.games-nav a{min-height:28px}.integration-mahjong .desktop-game-layout{min-height:calc(100dvh - 40px)}.integration-mahjong .game-frame{min-height:0;height:calc(100svh - 40px);height:calc(100dvh - 40px)}}