/* ── ForeignCivilian — Auth + Player Header Styles ── */
.auth-gate{position:fixed;inset:0;background:var(--bg,#0a0a0c);z-index:9999;display:grid;place-items:center;padding:20px}
.auth-box{width:min(380px,100%)}
.auth-logo{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}
.auth-logo svg{width:80px;height:80px}
.auth-logo-text{font:800 18px/1 var(--font,'JetBrains Mono',monospace);letter-spacing:3px;text-transform:uppercase;color:var(--fg,#f0f0f0)}
.auth-tabs{display:flex;border-bottom:1px solid var(--line,#2a2a30);margin-bottom:24px}
.auth-tab{flex:1;padding:12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--dim,#555);font:700 11px var(--font,'JetBrains Mono',monospace);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .15s;text-align:center}
.auth-tab:hover{color:var(--fg2,#d0d0d0)}
.auth-tab.active{color:var(--fg,#f0f0f0);border-bottom-color:var(--blue,#1535ee)}
.auth-form{display:flex;flex-direction:column;gap:16px}
.auth-field{display:flex;flex-direction:column;gap:6px}
.auth-field label{font:700 9px var(--font,'JetBrains Mono',monospace);letter-spacing:1.2px;text-transform:uppercase;color:var(--fg2,#d0d0d0)}
.auth-field input{background:var(--bg2,#1a1a1e);border:1px solid var(--line,#2a2a30);color:var(--fg,#f0f0f0);font:12px var(--font,'JetBrains Mono',monospace);padding:12px 14px;outline:none;transition:border-color .15s}
.auth-field input::placeholder{color:var(--dim,#555)}
.auth-field input:focus{border-color:var(--blue,#1535ee)}
.auth-submit{margin-top:4px;padding:14px;border:none;background:var(--blue,#1535ee);color:#fff;font:800 11px var(--font,'JetBrains Mono',monospace);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .15s}
.auth-submit:hover{background:#1d42ff}
.auth-submit:disabled{opacity:.4;cursor:default}
.auth-error{font:700 10px var(--font,'JetBrains Mono',monospace);color:var(--red,#e82020);letter-spacing:.5px;padding:10px 14px;border:1px solid var(--red,#e82020);background:rgba(232,32,32,.06);display:none}
.auth-error.show{display:block}
.auth-success{font:700 10px var(--font,'JetBrains Mono',monospace);color:var(--green,#00dd66);letter-spacing:.5px;padding:10px 14px;border:1px solid var(--green,#00dd66);background:rgba(0,221,102,.06);display:none}
.auth-success.show{display:block}

/* ── Header player button ── */
.hdr-play-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;height:30px;background:transparent;border:1px solid var(--line,#2a2a30);color:var(--dim,#555);font:700 9px var(--font,'JetBrains Mono',monospace);cursor:pointer;transition:all .15s;white-space:nowrap;max-width:180px}
.hdr-play-btn:hover{border-color:var(--fg,#f0f0f0);color:var(--fg,#f0f0f0)}
.hdr-play-btn.active{border-color:var(--red,#e82020);color:var(--red,#e82020)}
.hdr-play-btn.active:hover{background:rgba(232,32,32,.08)}
.hdr-play-icon{font-size:10px;flex-shrink:0}
.hdr-play-text{font-size:8px;letter-spacing:.5px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Logout zone ── */
.logout-zone{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:14px;border-left:1px solid var(--line,#2a2a30)}
.user-bar{display:flex;align-items:center;gap:8px}
.user-email{font:700 9px var(--font,'JetBrains Mono',monospace);color:var(--dim,#555);letter-spacing:.5px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-logout{padding:6px 10px;border:1px solid var(--line,#2a2a30);background:transparent;color:var(--dim,#555);font:700 9px var(--font,'JetBrains Mono',monospace);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .12s}
.btn-logout:hover{border-color:var(--red,#e82020);color:var(--red,#e82020)}

/* ── Forgot password link ── */
.auth-forgot{background:none;border:none;color:var(--dim,#555);font:700 10px var(--font,'JetBrains Mono',monospace);letter-spacing:.5px;cursor:pointer;transition:color .12s;padding:4px 0;text-align:center;width:100%}
.auth-forgot:hover{color:var(--fg2,#d0d0d0)}