/* Compact mode control in the reference white/purple frame. */
.game-mode-button{min-height:29px;padding:5px 10px;border-radius:9px;border-color:#ebd7f7;background:#faf5ff;color:#9f3ada;font-size:11px;white-space:nowrap;box-shadow:none}
.game-mode-button::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.game-mode-button::after{content:"⌄";margin-left:4px;font-size:12px;line-height:1}
.game-mode-button:hover:not(:disabled){background:#f3e7fb;border-color:#d8a9f1}
.game-mode-button:focus-visible{outline:3px solid #a744ed47;outline-offset:3px}
.sidebar-game-mode{align-self:flex-start;margin:0 0 7px}
.header-left{display:grid;justify-items:start;align-content:center;gap:4px;min-width:0}
.header-game-mode{display:none}
#gameModeDialog{width:min(400px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:24px;overflow-y:auto;border-radius:16px}
#gameModeDialog h2{margin:0 0 12px;font-size:17px;font-weight:600}
#gameModeDescription{margin:0;color:var(--muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.game-mode-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.game-mode-actions button{min-width:84px}
#gameModeError{margin:12px 0 0;overflow-wrap:anywhere}
.settings-support-note{margin-top:14px}
body.dark .game-mode-button,body.dark #desktopGameMode,body.dark #mobileGameMode{background:#34263f;border-color:#8b639f;color:#f3e5ff}
body.dark .game-mode-button:hover:not(:disabled){background:#482e58;border-color:#c08bdc;color:#fff}
body.dark .game-mode-button:focus-visible{outline-color:#e5bcff}
body.dark .game-mode-button:disabled{background:#29232f;color:#c4b4d2;opacity:.85}
body.dark #gameModeDialog{background:#202027;color:#f3edf8;border-color:#655170;color-scheme:dark}
body.dark #gameModeDescription{color:#c4bbcf}
body.dark #cancelGameMode{background:#302937;color:#f3edf8;border-color:#786485}
body.dark #cancelGameMode:hover:not(:disabled){background:#40324c}
@media(min-width:901px){.header-left{display:none}}
@media(max-width:900px){
  .sidebar-game-mode{display:none}.header-game-mode{display:inline-flex;min-height:25px;padding:3px 7px;font-size:10px}
  .header-top{min-height:60px;grid-template-columns:minmax(0,1fr) auto}
  .header-left #menuBtn{min-height:23px;padding:2px 6px;font-size:10px}
}
@media(max-width:360px){
  .header-top{min-height:56px}.header-left{gap:3px}.header-game-mode{padding:3px 5px;gap:4px}
  .header-actions{gap:4px}.header-actions .icon-button{width:28px;min-width:28px;height:28px;min-height:28px}
  #gameModeDialog{padding:20px}.game-mode-actions button{min-width:76px}
}
@media(prefers-reduced-motion:reduce){.game-mode-button{transition:none}}