/* Auth modal: terminal / old-console look */
:root{ --maroon:#2a0000; --maroon-fg:#ffdcdc; --overlay:rgba(0,0,0,0.75); }
.auth-overlay{ position:fixed; inset:0; background:var(--overlay); display:flex; align-items:center; justify-content:center; z-index:9999; }
.auth-modal{ background:#000; border:2px solid var(--maroon); color:var(--maroon-fg); padding:24px; width:min(680px,92%); max-width:720px; font-family:'IBM Plex Mono', monospace; box-shadow:0 8px 32px rgba(0,0,0,.6); }
.auth-modal h2{ color:var(--maroon-fg); margin:0 0 8px 0; font-size:1.4rem; letter-spacing:2px; }
.auth-modal p.small{ color:rgba(255,220,220,.9); margin:0 0 12px 0; font-size:0.95rem; }
.auth-row{ display:flex; gap:8px; align-items:center; margin-bottom:12px; }
.auth-row label{ min-width:80px; color:var(--maroon-fg); }
.auth-row input{ flex:1; background:#070707; border:1px solid #2b0000; color:var(--maroon-fg); padding:8px 10px; font-family:inherit; }
.auth-actions{ display:flex; gap:8px; justify-content:flex-end; margin-top:8px; }
.btn-maroon{ background:linear-gradient(180deg,var(--maroon),#1b0000); color:var(--maroon-fg); border:1px solid #4b0000; padding:8px 12px; cursor:pointer; font-family:inherit; }
.btn-ghost{ background:transparent; color:var(--maroon-fg); border:1px solid rgba(255,255,255,.06); padding:8px 12px; cursor:pointer; }
.invite-btn{ display:inline-block; background:linear-gradient(180deg,var(--maroon),#3a0000); color:var(--maroon-fg); padding:12px 20px; border-radius:6px; border:1px solid #4b0000; cursor:pointer; font-family:'IBM Plex Mono', monospace; text-transform:uppercase; letter-spacing:1.8px; }
.invite-btn.glitch{ position:relative; }
.invite-btn.glitch:after{ content:'MAR00N'; position:absolute; left:2px; top:2px; color:rgba(255,80,80,0.12); mix-blend-mode:screen; clip-path: inset(0 0 50% 0); }
.auth-note{ font-size:0.85rem; color:rgba(255,220,220,.8); margin-top:10px; }
.auth-close{ position:absolute; right:12px; top:10px; color:var(--maroon-fg); background:transparent; border:0; font-size:1.2rem; cursor:pointer; }
.auth-footer{ margin-top:12px; font-size:0.85rem; color:rgba(255,220,220,.7); }
