.auth-bar{position:relative;z-index:40;display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 18px}.auth-bar button{width:auto}.auth-user{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line,var(--border-soft));border-radius:999px}.auth-user small{text-transform:uppercase;letter-spacing:.08em;color:var(--accent,var(--success-text));font-weight:800}.auth-backdrop{position:fixed;inset:0;z-index:9999;background:var(--surface);--control-ink:var(--text-primary);display:grid;place-items:center;padding:18px}.auth-modal{width:min(460px,100%);position:relative;background:var(--surface);--control-ink:var(--text-primary);border:1px solid var(--border-soft);border-radius:22px;padding:28px;box-shadow:0 24px 90px var(--shadow-color)}.auth-modal h2{font-size:30px;margin:8px 0}.auth-copy{color:var(--text-secondary);line-height:1.5}.auth-modal form{display:grid;gap:14px;margin-top:20px}.auth-modal label{display:grid;gap:7px;font-weight:700}.auth-modal input{width:100%;box-sizing:border-box}.auth-close{position:absolute;right:15px;top:12px;width:40px;height:40px;border-radius:50%;font-size:24px;background:transparent;--control-ink:var(--text-primary);color:var(--text-primary);border:1px solid var(--border-soft)}.auth-submit{width:100%;margin-top:2px}.auth-status{min-height:22px;color:var(--text-secondary);font-size:14px}.auth-status.err{color:var(--danger-text)}.auth-status.ok{color:var(--success-text)}.auth-switch{text-align:center;margin-top:18px;color:var(--text-secondary)}.auth-switch button{background:none;--control-ink:var(--text-primary);border:0;color:var(--success-text);font:inherit;font-weight:800;padding:0;cursor:pointer}@media(max-width:600px){.auth-bar{justify-content:center}.auth-bar button{flex:1}.auth-modal{padding:22px}}
.auth-field-error{display:block;min-height:18px;margin-top:5px;color:var(--danger-text);font-size:13px;font-weight:700;line-height:1.3}
.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:70px;width:100%}.auth-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;--control-ink:var(--text-primary);color:var(--accent);font-weight:800;cursor:pointer;padding:7px}
.auth-submit:disabled{opacity:.65;cursor:wait}.auth-status.err{border-left:4px solid var(--danger-border);padding:10px 12px;background:var(--danger-surface);--control-ink:var(--text-primary);border-radius:8px;line-height:1.4}
@media(max-width:520px){.auth-modal{width:calc(100% - 24px);max-height:calc(100vh - 24px);overflow:auto}.auth-status.err{font-size:14px}}

/* Global game-mode switcher: isolated organizer header navigation only. */
.game-mode-nav-replaced{display:none!important}
.global-game-nav{display:flex;align-items:stretch;justify-content:flex-end;gap:12px;flex-wrap:nowrap;margin-left:auto}
.global-game-nav .button-link,.global-game-nav>button,.game-mode-trigger{box-sizing:border-box;min-height:68px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:15px!important;border:1px solid var(--border-soft)!important;background:var(--surface)!important;--control-ink:var(--text-primary)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px 0 var(--shadow-color),0 5px 18px var(--shadow-color);transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.global-game-nav .button-link:hover,.global-game-nav>button:hover,.game-mode-trigger:hover{border-color:var(--success-border)!important;background:var(--surface)!important;--control-ink:var(--text-primary)!important}
.global-nav-item{gap:13px;padding:0 23px!important;font-size:16px;font-weight:800;text-decoration:none}
.global-nav-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;color:var(--text-primary)}
.global-nav-icon svg{display:block;width:28px;height:28px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.global-nav-home .global-nav-icon svg,.global-nav-audience .global-nav-icon svg{stroke:none}
.global-nav-history .global-nav-icon svg,.global-nav-logout .global-nav-icon svg,.game-mode-main-icon svg{fill:none}
.global-nav-logout{padding-left:22px!important;padding-right:22px!important;background:var(--surface)!important;--control-ink:var(--text-primary)!important}
.game-mode-switcher{position:relative;display:flex}
.game-mode-trigger{min-width:320px;justify-content:flex-start;gap:14px;padding:0 18px!important;cursor:pointer;border:2px solid var(--success-border)!important;box-shadow:0 0 0 1px var(--shadow-color),inset 0 0 20px var(--shadow-color)!important}
.game-mode-trigger:hover{border-color:var(--accent,var(--success-border))!important}
.game-mode-main-icon{width:34px;height:34px;color:var(--accent,var(--success-text))}
.game-mode-main-icon svg{width:32px;height:32px;stroke-width:2}
.game-mode-trigger-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-align:left;line-height:1.05}
.game-mode-trigger-label{font-size:13px;font-weight:700;color:var(--text-secondary);opacity:1}
.game-mode-trigger strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:18px;font-weight:900;color:var(--text-primary)}
.game-mode-caret{flex:0 0 auto;font-size:26px;line-height:1;color:var(--accent,var(--success-text));margin:0 0 4px 6px;transition:transform .18s ease}
.game-mode-switcher.open .game-mode-caret{transform:rotate(180deg)}
.game-mode-menu{display:none;position:absolute;left:0;top:calc(100% + 10px);z-index:140;width:min(390px,calc(100vw - 28px));padding:8px;background:var(--surface);--control-ink:var(--text-primary);border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 18px 50px var(--shadow-color)}
.game-mode-switcher.open .game-mode-menu{display:grid;gap:4px}
.game-mode-option{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;--control-ink:var(--text-primary);color:inherit;text-align:left;cursor:pointer}
.game-mode-option:hover,.game-mode-option:focus-visible{background:var(--surface);--control-ink:var(--text-primary);border-color:var(--border-soft);outline:none}
.game-mode-option.active{background:var(--success-surface);--control-ink:var(--text-primary);border-color:var(--success-border)}
.game-mode-short{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--surface);--control-ink:var(--text-primary);font-size:12px;font-weight:900;letter-spacing:.04em}
.game-mode-option.active .game-mode-short{background:var(--success-surface);--control-ink:var(--text-primary);color:var(--success-text)}
.game-mode-option-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.game-mode-option-copy strong{font-size:14px}
.game-mode-option-copy small{font-size:12px;line-height:1.35;opacity:.65;font-weight:500}
.game-mode-option.active .game-mode-option-copy small,.game-mode-option.active .game-mode-option-mark{color:var(--success-text);opacity:1}
.game-mode-option-mark{justify-self:end;font-size:18px;opacity:.6}
.game-mode-confirm-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:var(--surface);--control-ink:var(--text-primary);backdrop-filter:blur(5px)}
.game-mode-confirm-panel{width:min(480px,100%);padding:24px;background:var(--surface);--control-ink:var(--text-primary);border:1px solid var(--border-soft);border-radius:16px;box-shadow:0 24px 70px var(--shadow-color)}
.game-mode-confirm-kicker{margin-bottom:8px;color:var(--success-text);font-size:12px;font-weight:900;letter-spacing:.12em}
.game-mode-confirm-panel h2{margin:0 0 12px}
.game-mode-confirm-panel p{margin:8px 0;line-height:1.55}
.game-mode-confirm-note{opacity:.72}
.game-mode-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@media (max-width:1180px){
  .global-game-nav{gap:8px}
  .global-nav-item{padding:0 15px!important;font-size:14px}
  .game-mode-trigger{min-width:250px}
  .game-mode-trigger strong{font-size:16px}
}
@media (max-width:900px){
  .global-game-nav{width:100%;justify-content:flex-start;margin-left:0;flex-wrap:wrap}
  .game-mode-switcher{flex:1 1 280px}
  .game-mode-trigger{width:100%;min-width:0}
  .game-mode-menu{left:0;right:auto}
}
@media (max-width:620px){
  .global-game-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .global-game-nav .button-link,.global-game-nav>button{width:100%;min-height:56px;padding:0 12px!important;font-size:13px}
  .global-nav-icon{width:24px;height:24px}.global-nav-icon svg{width:23px;height:23px}
  .game-mode-switcher{grid-column:1/-1;width:100%}
  .game-mode-trigger{justify-content:flex-start;width:100%;min-height:64px!important}
  .game-mode-trigger strong{max-width:none;font-size:16px}
  .game-mode-caret{margin-left:auto}
  .game-mode-menu{width:100%;min-width:0}
  .game-mode-option{grid-template-columns:38px minmax(0,1fr) 20px;padding:10px}
  .global-nav-logout{grid-column:auto}
  .game-mode-confirm-actions{flex-direction:column-reverse}
  .game-mode-confirm-actions button{width:100%}
}

/* Approved compact Game Mode control: intentionally scoped to this trigger only. */
.game-mode-trigger{min-width:0!important;min-height:46px!important;height:46px!important;gap:10px!important;padding:0 14px!important;border-radius:999px!important}
.game-mode-trigger-copy{flex:0 1 auto;flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap}
.game-mode-trigger-label{font-size:13px!important;line-height:1!important}
.game-mode-trigger strong{max-width:160px!important;font-size:14px!important;line-height:1!important}
.game-mode-caret{font-size:20px!important;margin:0 0 2px 2px!important}
@media (max-width:900px){.game-mode-switcher{flex:0 1 auto}.game-mode-trigger{width:auto!important}}
@media (max-width:620px){.game-mode-switcher{grid-column:1/-1;width:auto}.game-mode-trigger{width:auto!important;min-height:46px!important}.game-mode-trigger strong{font-size:14px!important}}
/* Allow the renamed mode to remain fully readable at narrow widths. */
.game-mode-trigger[data-current-mode="opentournament"]{max-width:100%;height:auto!important;padding-block:10px!important}
.game-mode-trigger[data-current-mode="opentournament"] .game-mode-trigger-copy{flex-wrap:wrap;white-space:normal;min-width:0}
.game-mode-trigger[data-current-mode="opentournament"] strong{max-width:none!important;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.3!important}
.game-mode-option[data-game-mode="opentournament"] strong{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
