/* ===== Stage 2 auth chrome ===== */
.auth-chip{position:fixed;top:14px;right:96px;z-index:40;display:flex;align-items:center;gap:8px}
.auth-login-btn,.auth-user-btn,.auth-primary,.auth-secondary,.auth-danger,.auth-dice{
  font:inherit;cursor:pointer;border:1.5px solid var(--ink,#2a2a2a);background:var(--paper,#f7f1e6);
  border-radius:999px;padding:6px 12px;box-shadow:2px 2px 0 rgba(0,0,0,.12)
}
.auth-user-btn{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px}
.auth-avatar{width:28px;height:28px;border-radius:50%;border:1px solid #666;object-fit:cover;background:#111}
.auth-modal{position:fixed;inset:0;background:rgba(20,16,12,.45);z-index:80;display:flex;align-items:center;justify-content:center;padding:16px}
.auth-modal[hidden]{display:none!important}
.auth-dialog{position:relative;width:min(440px,100%);max-height:90vh;overflow:auto;background:var(--paper,#f7f1e6);color:var(--ink,#222);
  border:2px solid #2a2a2a;border-radius:16px;padding:20px 18px 18px;box-shadow:6px 6px 0 rgba(0,0,0,.18)}
.auth-close{position:absolute;right:10px;top:8px;border:none;background:transparent;font-size:22px;cursor:pointer}
.auth-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.auth-tab{border:1px dashed #666;background:transparent;border-radius:999px;padding:4px 10px;cursor:pointer}
.auth-tab.active{border-style:solid;background:#2a2a2a;color:#f7f1e6}
.auth-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.auth-form input[type=text],.auth-form input[type=password],.auth-form input:not([type]){
  border:1.5px solid #444;border-radius:8px;padding:8px 10px;background:#fffdf8;font:inherit}
.auth-check{flex-direction:row!important;align-items:center;gap:8px!important}
.auth-error{color:#b33;background:#ffe8e0;border:1px solid #e8a090;padding:8px 10px;border-radius:8px;font-size:13px}
.auth-recovery{margin-top:12px;padding:12px;border:1.5px dashed #444;border-radius:10px}
.auth-recovery code{display:block;word-break:break-all;margin:8px 0;padding:8px;background:#111;color:#f2ebe0;border-radius:6px}
.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}
.avatar-opt{border:1.5px solid #777;border-radius:10px;background:#fffdf8;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}
.avatar-opt img{width:48px;height:48px;border-radius:8px}
.avatar-opt.selected{outline:2px solid #c45;border-color:#c45}
.auth-danger{background:#f6d6d0}
.auth-secondary{margin-top:6px}
@media (max-width:640px){.auth-chip{right:12px;top:58px}}