body .site-header .quick-auth-trigger { display:inline-flex!important; align-items:center; justify-content:center; gap:8px; margin-left:auto; flex:none; min-height:44px; min-width:72px; padding:8px 12px; background:#f5df9b; color:#16130f; border:1px solid #bc985b; border-radius:8px; font-weight:800; cursor:pointer; }
.quick-auth-avatar { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; overflow:hidden; background:#312b23; color:#f5df9b; font-size:11px; }
.quick-auth-avatar img { width:100%; height:100%; object-fit:cover; }
.quick-auth-dialog { position:fixed; inset:75px 16px auto auto; margin:0; width:min(380px,calc(100vw - 32px)); max-height:calc(100dvh - 100px); overflow:auto; padding:24px; border:1px solid #b99455; border-radius:14px; background:#171512; color:#f5ecd9; box-shadow:0 24px 80px #0009; }
.quick-auth-dialog::backdrop { background:#0006; }
.quick-auth-dialog h2 { margin:0 48px 20px 0; font-size:26px; }
.quick-auth-dialog label { display:grid; gap:8px; margin:16px 0; font-size:14px; }
.quick-auth-dialog input { width:100%; min-height:46px; box-sizing:border-box; padding:12px; border:1px solid #7e7466; border-radius:6px; background:#080808; color:#fff; font-size:16px; }
.quick-auth-dialog button,.quick-auth-dialog a,.auth-card [data-auth-retry] { min-height:44px; }
.quick-auth-dialog a,.quick-auth-dialog [data-quick-account] button { display:flex; align-items:center; padding:10px 0; color:#f5df9b; }
.quick-auth-close { position:absolute; top:10px; right:10px; width:44px; background:transparent; border:0; color:#fff; font-size:28px; }
.quick-auth-dialog [data-auth-retry],.auth-card [data-auth-retry] { background:transparent; color:#f5df9b; border:1px solid #7e7466; padding:8px 12px; margin:12px 0; border-radius:6px; cursor:pointer; }
.quick-auth-dialog [hidden] { display:none!important; }
.quick-auth-dialog :focus-visible,.quick-auth-trigger:focus-visible { outline:3px solid #f5df9b; outline-offset:3px; }
.auth-status[data-state="error"],.auth-status[data-state="timeout"],.auth-status[data-state="connection-error"] { border-color:#eead89; }
.auth-status strong,.auth-status span { display:block; }
.auth-status span { margin-top:8px; }
.auth-form :disabled { opacity:.55; cursor:wait; }
.auth-rights .tier-row { align-items:flex-start; }
.auth-rights .tier-row img { width:76px; height:76px; object-fit:contain; flex:none; }
.auth-rights .tier-row small { line-height:1.6; }
@media(max-width:600px){ body .site-header .quick-auth-trigger { padding:8px; font-size:12px; min-width:64px; } .quick-auth-dialog { inset:70px 12px auto; width:auto; max-height:calc(100dvh - 90px); } }
.quick-auth-host { position:fixed; top:12px; right:16px; z-index:1000; } .quick-auth-host .quick-auth-trigger { min-height:44px; padding:8px 14px; border-radius:8px; background:#f5df9b; color:#16130f; font-weight:800; border:1px solid #bc985b; }
@media(max-width:380px){ body .site-header .brand>span { display:none!important; } }
body .site-header .quick-auth-trigger { order:5; margin-left:0; } .quick-auth-dialog .auth-status { display:block; font-size:13px; } .quick-auth-dialog .auth-status strong { font-size:13px; } .quick-auth-dialog .auth-status span { font-size:13px; line-height:1.5; } .auth-card .auth-status { display:block; } .auth-card .auth-status strong { font-size:12px; } .auth-card .auth-status span { font-size:13px; line-height:1.5; }
.auth-rights .tier-row { display:grid; grid-template-columns:110px minmax(0,1fr); gap:16px; } .auth-rights .tier-row img { width:110px; height:auto; aspect-ratio:4/5; object-fit:contain; } .auth-rights .tier-row strong { font-size:13px; } .auth-rights .tier-row small { font-size:13px; } @media(max-width:380px){ .auth-rights .tier-row { grid-template-columns:85px minmax(0,1fr); gap:12px; } .auth-rights .tier-row img { width:85px; } }
.quick-auth-identity { display:grid; min-width:0; text-align:left; gap:2px; }
.quick-auth-name { display:block; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.quick-auth-label { font-size:11px; }
.quick-auth-dialog [data-quick-identity] { overflow-wrap:anywhere; color:#f5ecd9; margin:0 0 12px; }
body .site-header .wide.nav { gap:12px!important; }
body .site-header .quick-auth-trigger { max-width:180px; }
@media(max-width:600px){ .quick-auth-name { display:none; } }
body .site-header .quick-auth-trigger.is-signed-in,.quick-auth-host .quick-auth-trigger.is-signed-in { position:relative; background:#14201b; color:#e8d8b5; border-color:#947747; }
.quick-auth-avatar { flex:none; }
.quick-auth-name-row { display:flex; align-items:center; gap:5px; min-width:0; }
.quick-auth-name-row .quick-auth-name { min-width:0; }
.quick-auth-tier { display:block; width:20px; height:20px; object-fit:contain; flex:none; }
.quick-auth-tooltip { position:absolute; top:100%; right:0; width:max-content; max-width:220px; padding:8px 10px; border:1px solid #947747; border-radius:6px; background:#14201b; color:#e8d8b5; font-size:12px; pointer-events:none; opacity:0; z-index:120; }
.quick-auth-trigger:not(.tooltip-dismissed)[aria-expanded="false"]:is(:hover,:focus-visible) .quick-auth-tooltip { opacity:1; pointer-events:auto; }
.quick-auth-dialog [data-quick-membership] { color:#e8d8b5; margin:0 0 16px; font-size:14px; }
@media(max-width:600px){ .quick-auth-identity { display:flex; align-items:center; gap:5px; } }
@media(max-width:480px){ body .site-header .quick-auth-avatar { display:none; } }
.family-name-picker { display:grid; gap:10px; margin:0 0 16px; min-width:0; }
.family-name-picker [hidden] { display:none!important; }
.family-name-picker button { min-height:44px; white-space:normal; text-transform:none; }
#familyNameChoice { padding:12px; border:1px solid #947747; }
#familyNameChoice strong { display:block; overflow-wrap:anywhere; margin-bottom:12px; text-transform:none; }
#familyNameChoice > div { display:flex; flex-wrap:wrap; gap:8px; }
#familyNameStatus { margin:0; font-size:13px; line-height:1.5; }