/* Game picker + Keyboard Ninja view (Game page). */
.game-picker{display:inline-flex;gap:4px;padding:4px;margin:0 0 14px;background:var(--surface);border:1px solid var(--line);border-radius:999px;align-self:flex-start}
.gp-btn{border:0;background:transparent;cursor:pointer;padding:7px 16px;font-size:14px;font-weight:600;color:var(--muted);border-radius:999px}
.gp-btn:hover{color:var(--ink)}
.gp-btn.on{background:var(--accent);color:#fff}
body.game-mode .game-picker{flex:none;margin:0 0 10px}

#game[data-game="ninja"] [data-game-view="words"],
#game[data-game="words"] [data-game-view="ninja"]{display:none!important}

.nj-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-height:0}
.nj-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;container-type:size}
#njCanvas{width:min(100cqw,180cqh);height:auto;aspect-ratio:900/500;border-radius:14px;box-shadow:0 18px 40px -24px rgba(20,33,61,.55);display:block}
.nj-hint{flex:none;margin:0;font-size:13px;color:var(--muted);text-align:center}
@media (max-width:700px){.game-picker{display:flex;align-self:stretch}.gp-btn{flex:1;padding:8px 4px}.nj-hint{font-size:12px}}