/* Hatbound accounts gate — matches gold/teal menu look */
#hb-auth-gate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:radial-gradient(ellipse at center,#1a3a45 0%,#050d14 75%);color:#f6eed7;font-family:'Trebuchet MS',Verdana,sans-serif;overflow:auto}
#hb-auth-gate[hidden]{display:none!important}
#hb-auth-gate .auth-card{width:min(420px,100%);background:linear-gradient(#2a4a58,#122836);border:3px solid #e8c060;border-radius:22px;padding:28px 26px 22px;box-shadow:0 12px 0 #0a1520,0 0 40px #000a;text-align:center}
#hb-auth-gate .auth-kicker{font-size:11px;letter-spacing:2px;color:#e4c785;margin:0 0 6px}
#hb-auth-gate .auth-logo{font:900 clamp(32px,8vw,48px) Georgia,serif;color:#ffe9a0;text-shadow:0 3px 0 #8a3a00,0 0 24px #ff7a00;margin:0 0 4px;letter-spacing:2px}
#hb-auth-gate .auth-logo span{display:block;font:700 12px/1.4 'Trebuchet MS',sans-serif;color:#ffd0a0;letter-spacing:4px;text-shadow:0 1px 0 #000;margin-top:4px}
#hb-auth-gate .auth-sub{font-size:14px;opacity:.9;margin:10px 0 18px;line-height:1.45}
#hb-auth-gate .auth-tabs{display:flex;gap:8px;margin-bottom:16px}
#hb-auth-gate .auth-tabs button{flex:1;min-height:44px;border:2px solid #d7bc78;border-radius:12px;background:#0a1a29;color:#ffe2a0;font-weight:bold;cursor:pointer}
#hb-auth-gate .auth-tabs button[aria-pressed=true]{background:linear-gradient(#ffe08a,#e0a020);color:#3a1a00;border-color:#3a1a00}
#hb-auth-gate form{display:flex;flex-direction:column;gap:12px;text-align:left}
#hb-auth-gate label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#e4c785;font-weight:bold}
#hb-auth-gate input{min-height:46px;border:2px solid #b8a06a;border-radius:10px;padding:10px 12px;background:#0a1623;color:#fff;font:16px 'Trebuchet MS',sans-serif}
#hb-auth-gate input:focus{outline:3px solid #78e9e3;outline-offset:2px}
#hb-auth-gate .auth-submit{min-height:50px;margin-top:6px;border:3px solid #3a1a00;border-radius:28px;background:linear-gradient(#ffe08a,#e0a020);color:#3a1a00;font:bold 18px 'Trebuchet MS',sans-serif;cursor:pointer;box-shadow:0 4px 0 #3a1a00}
#hb-auth-gate .auth-submit:hover{filter:brightness(1.1)}
#hb-auth-gate .auth-submit:disabled{opacity:.55;cursor:default}
#hb-auth-gate .auth-error{min-height:20px;color:#ff8a9a;font-size:13px;margin:4px 0 0;text-align:center}
#hb-auth-gate .auth-hint{font-size:12px;opacity:.75;margin-top:14px;line-height:1.4}
#hb-user-chip{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:90;display:none;align-items:center;gap:8px;padding:6px 10px 6px 14px;background:#102b40e8;border:1px solid #eaca85;border-radius:20px;color:#ffe2a0;font:13px 'Trebuchet MS',sans-serif;pointer-events:auto}
body.playing #hb-user-chip,body.front-open #hb-user-chip{display:flex}
#hb-user-chip button{min-height:32px;padding:4px 12px;border:1px solid #d7bc78;border-radius:12px;background:linear-gradient(#e9d497,#bda66e);color:#142b36;font-weight:bold;cursor:pointer;font-size:12px}
#hb-user-chip .hb-sync{font-size:11px;opacity:.75;margin-left:4px}
@media(max-width:460px){
  #hb-auth-gate{padding:12px;align-items:flex-start;padding-top:max(24px,env(safe-area-inset-top))}
  #hb-auth-gate .auth-card{padding:20px 16px}
  #hb-user-chip{left:12px;right:12px;transform:none;justify-content:center;flex-wrap:wrap}
}
#hb-auth-gate .auth-privacy{font-size:12px;line-height:1.45;opacity:.9;margin:4px 0 0;color:#d8c9a0;text-align:left}
#hb-auth-gate .auth-privacy a{color:#7fffb0;font-weight:bold}
#hb-auth-gate .auth-privacy a:hover{color:#ffe08a}
#hb-auth-gate .auth-links{margin:0;text-align:right}
#hb-auth-gate .auth-link{background:none;border:none;color:#7fffb0;font:bold 13px 'Trebuchet MS',sans-serif;cursor:pointer;text-decoration:underline;padding:4px 0;min-height:auto}
#hb-auth-gate .auth-link:hover{color:#ffe08a}