.auth-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:16px max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid rgba(201,165,102,.25);background:#091523}.auth-header .brand{display:flex;align-items:center;gap:14px}.auth-header a:hover,.auth-links a:hover{color:var(--gold)}.auth-main{min-height:calc(100vh - 150px);padding:58px 18px}.auth-panel{max-width:530px;margin:auto;padding:36px;border:1px solid rgba(201,165,102,.35);background:linear-gradient(145deg,#102236,#0a1422);box-shadow:0 16px 60px #0005}.auth-panel h1,.auth-panel h2{font-family:Cinzel,serif;color:var(--gold)}.auth-panel h1{font-size:clamp(1.7rem,4vw,2.2rem);margin:0 0 24px}.auth-panel h2{font-size:1.1rem;margin:32px 0 14px}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:6px}.auth-form input{width:100%;border:1px solid #8a714e;border-radius:3px;background:#07111e;color:#f5eedf;padding:12px 14px;font:inherit;color-scheme:dark}.auth-form input:focus{outline:2px solid var(--gold);outline-offset:2px}.auth-form .btn{cursor:pointer;justify-self:start;margin-top:6px}.auth-links{margin-top:26px;line-height:1.9}.auth-links a{text-decoration:underline;text-underline-offset:4px}.notice{padding:12px 14px;border-left:3px solid var(--gold);background:#182e35}.notice-error{border-color:#e38678;background:#38232a}.hint{font-size:.9rem;color:var(--muted);margin:0}.profile-data{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;overflow-wrap:anywhere}.profile-data dt{color:var(--muted)}.profile-data dd{margin:0}.logout-form{margin-top:28px}.logout-form button{cursor:pointer}.auth-footer{text-align:center;padding:22px;color:var(--muted)}@media(max-width:580px){.auth-header{padding:18px}.auth-header .brand-sub{display:none}.auth-panel{padding:25px 18px}.profile-data{grid-template-columns:1fr}.profile-data dd{margin-bottom:12px}}

.join-code{overflow-wrap:anywhere;user-select:all;font-family:monospace;font-size:1rem}.character-list{padding-left:1.5rem;margin:1rem 0 2rem}.character-list li{margin:.5rem 0}

/* Profil V6 */
.profile-dialog{width:min(96vw,520px);max-height:90vh;overflow-y:auto;background:#101e30;color:#f5eedf;border:1px solid #b99a60;padding:24px;box-shadow:0 24px 70px #000b}.profile-dialog::backdrop{background:#030b13d9}.profile-dialog h2{margin-top:0}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px}.profile-dialog .btn{cursor:pointer}.join-code{display:block;letter-spacing:.17em;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;margin:12px 0}.profile-data{padding:12px 0;border-bottom:1px solid #b99a6040}

/* Einheitlicher Stil fuer offene Geraeteverknuepfungen */
.bt-link-pending{margin:16px 0 22px;border-left:3px solid var(--gold);background:#182e35;color:var(--pale)}
.bt-link-pending p{margin:8px 0 14px;color:var(--muted)}
.bt-link-pending .auth-form{margin:0}.bt-link-pending .btn{margin:0}

/* V10 – gemeinsamer Startseiten-Schriftzug und dezente Anmelde-Tabs */
.auth-header .brand-name{font-family:'UnifrakturCook',Georgia,serif;font-size:clamp(27px,3vw,35px);line-height:1}
.auth-header .brand-sub{font-family:Cinzel,serif;letter-spacing:.28em}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid rgba(201,165,102,.4);margin:0 0 26px}
.auth-tabs a{font-family:Cinzel,serif;text-align:center;padding:14px 8px;color:#9f9a91;font-size:clamp(14px,2.7vw,20px);letter-spacing:.04em;border-bottom:3px solid transparent;transition:color .2s,background .2s}
.auth-tabs a.is-active{color:var(--gold);border-bottom-color:var(--gold);background:rgba(201,165,102,.06)}
.auth-tabs a:hover{color:#f1deb8}.auth-links{text-align:center;font-size:.95rem}
.profile-section{padding:8px 0 22px}.profile-section-divided{border-top:1px solid rgba(201,165,102,.36);padding-top:26px;margin-top:10px}
.bt-character-list,.bt-devices{display:grid;gap:11px;margin:14px 0 19px}.bt-character-entry,.bt-device-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid rgba(201,165,102,.23);background:rgba(7,17,30,.58)}
.bt-character-name{font-size:1.1rem;flex:1}.bt-status{font-family:Cinzel,serif;font-size:.75rem;color:#e3c287}.bt-status-inactive{color:#aca6a0}.bt-inline-form{display:inline-flex;align-items:center;margin:0}.bt-inline-form .btn{padding:9px 13px;font-size:.69rem}.bt-subheading{font-family:Cinzel,serif!important;font-size:.92rem!important;color:var(--pale)!important;margin:14px 0!important}
.bt-device-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.bt-device-uid{font-family:monospace;color:#dbc394}.bt-device-row small{color:var(--muted)}.bt-character-create,.bt-link-action{margin-top:16px}.profile-logout{text-align:center;padding-bottom:0}.profile-logout .logout-form{margin:0;display:flex;justify-content:center}
@media(max-width:580px){.auth-tabs a{font-size:14px}.bt-device-row{align-items:flex-start}}

/* Gleiche Logo-Geometrie wie die Startseite */
.auth-header{min-height:90px;padding:0 max(38px,calc((100vw - 1324px)/2));background:linear-gradient(180deg,rgba(5,12,22,.98),rgba(5,12,22,.86))}
.auth-header .brand{gap:10px;min-width:240px}
.auth-header .brand-symbol{font-size:40px;line-height:1}
.auth-header .brand-name{font-family:'UnifrakturCook',Georgia,serif;font-size:29px;line-height:.91;font-weight:700;color:var(--pale)}
.auth-header .brand-sub{font-size:9px;letter-spacing:.29em;margin-top:7px}
@media(max-width:760px){.auth-header{min-height:76px;padding:0 20px}.auth-header .brand{min-width:0}.auth-header .brand-symbol{font-size:35px}.auth-header .brand-name{font-size:25px}.auth-header .brand-sub{display:block}}