/* Savage Tech account-area frontend. Live authentication and member identity UI. */
.auth-wrap{max-width:1180px;margin:0 auto;padding:64px clamp(18px,5vw,76px) 88px}
.auth-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:28px;align-items:start}
.auth-card,.auth-side,.account-panel{background:linear-gradient(145deg,var(--panel2),var(--bg2));border:1px solid var(--line2);padding:clamp(22px,4vw,34px)}
.auth-card{border-top:3px solid var(--gold)}
.auth-title{margin:.16em 0 .3em;font:700 clamp(2.3rem,5vw,3.7rem)/.95 'Saira Condensed',sans-serif;text-transform:uppercase;letter-spacing:.025em}
.auth-copy{color:var(--fg2);max-width:62ch;margin:0 0 24px}
.auth-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-provider{min-height:48px;border:1px solid var(--line2);background:rgba(255,255,255,.025);color:var(--fg);font:600 .78rem/1 'Saira Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:0 14px}.auth-provider:hover,.auth-provider:focus-visible{border-color:var(--gold2);background:rgba(217,165,74,.07)}.auth-provider[aria-disabled="true"]{opacity:.78}
.auth-provider.passkey{grid-column:1/-1;border-color:color-mix(in srgb,var(--gold) 65%,var(--line2))}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font:500 .62rem/1 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line2);flex:1}
.auth-form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font:600 .75rem/1 'Saira Condensed',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--fg2)}.field input{width:100%;min-height:48px;background:#070a0f;border:1px solid var(--line2);color:var(--fg);padding:10px 12px;font:400 1rem/1.25 Spectral,Georgia,serif;border-radius:0}.field input:focus{border-color:var(--gold);outline:2px solid rgba(217,165,74,.2);outline-offset:1px}.field-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.field-row input{min-width:0}.show-pass{min-width:82px;border:1px solid var(--line2);background:var(--panel);color:var(--fg2);font:600 .68rem/1 'Saira Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.field-help{color:var(--muted);font-size:.9rem;line-height:1.45;margin:0}.auth-submit{min-height:50px;border:1px solid var(--gold);background:var(--gold);color:#080b0f;font:700 .82rem/1 'Saira Condensed',sans-serif;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.auth-submit:hover{background:var(--gold2);border-color:var(--gold2)}
.auth-status{margin:16px 0 0;padding:12px 14px;border-left:3px solid var(--gold);background:#0a0e14;color:var(--fg2);font-size:.92rem;line-height:1.5}.auth-status[hidden]{display:none}
.auth-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:.94rem}.auth-links a{color:var(--gold2);text-decoration:none}.auth-links a:hover{text-decoration:underline}
.auth-side h2,.account-panel h2{margin:.1em 0 .55em;font:700 1.7rem/1 'Saira Condensed',sans-serif;text-transform:uppercase}.auth-side p,.auth-side li,.account-panel p,.account-panel li{color:var(--fg2)}.auth-side ul,.account-panel ul{padding-left:1.2em}.auth-side li,.account-panel li{margin:.55em 0}
.security-note{padding:14px 16px;border:1px solid var(--line2);background:#090d13;color:var(--fg2);font-size:.92rem}.security-note strong{color:var(--gold2)}
.pass-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pass-meter span{height:4px;background:var(--line2)}.pass-meter[data-score="1"] span:nth-child(-n+1),.pass-meter[data-score="2"] span:nth-child(-n+2),.pass-meter[data-score="3"] span:nth-child(-n+3),.pass-meter[data-score="4"] span:nth-child(-n+4){background:var(--gold)}
.checkline{display:flex;gap:10px;align-items:flex-start;color:var(--fg2);font-size:.94rem}.checkline input{margin-top:.35em}
.account-hero{padding:92px 0 46px;border-bottom:1px solid var(--line);background:radial-gradient(55% 110% at 80% 0,rgba(217,165,74,.12),transparent 70%),var(--bg2)}.account-hero h1{font:800 clamp(3.1rem,8vw,6rem)/.9 'Saira Condensed',sans-serif;text-transform:uppercase;margin:.25em 0 .14em}.account-hero p{max-width:67ch;color:var(--fg2)}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.account-panel.full{grid-column:1/-1}.rank-preview{display:grid;grid-template-columns:86px 1fr;gap:18px;align-items:center}.rank-insignia-placeholder{width:86px;height:86px;display:grid;place-items:center;border:1px solid var(--gold);background:radial-gradient(circle,rgba(217,165,74,.12),transparent 70%);font:800 1.8rem/1 'Saira Condensed',sans-serif;color:var(--gold2)}
.method-list{display:grid;gap:10px}.method{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line2);background:#090d13}.method b{font:700 1.05rem/1 'Saira Condensed',sans-serif;text-transform:uppercase}.method small{display:block;color:var(--muted);margin-top:5px}.method-state{font:500 .58rem/1.3 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}
@media(max-width:850px){.auth-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.account-panel.full{grid-column:auto}}
@media(max-width:560px){.auth-wrap{padding:38px 18px 64px}.auth-card,.auth-side,.account-panel{padding:20px}.auth-provider-grid{grid-template-columns:1fr}.auth-provider.passkey{grid-column:auto}.field-row{grid-template-columns:1fr}.show-pass{min-height:42px}.rank-preview{grid-template-columns:68px 1fr}.rank-insignia-placeholder{width:68px;height:68px}.method{grid-template-columns:1fr}}

.rank-panel{overflow:hidden}
.rank-card{--rank-primary:#202b3d;--rank-secondary:#3a493e;position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);gap:22px;align-items:center;padding:22px;border:1px solid color-mix(in srgb,var(--rank-primary) 65%,var(--line2));background:linear-gradient(120deg,color-mix(in srgb,var(--rank-primary) 26%,#080b10),#080b10 48%,color-mix(in srgb,var(--rank-secondary) 20%,#080b10));box-shadow:inset 5px 0 0 var(--rank-primary)}
.rank-card[data-division="fleet_command"]{--rank-primary:#263a5c;--rank-secondary:#20382d}
.rank-card[data-division="fleet_auxiliary"]{--rank-primary:#6ba6c9;--rank-secondary:#5f2731}
.rank-card[data-division="line_combat"]{--rank-primary:#20382d;--rank-secondary:#263a5c}
.rank-card[data-division="line_service"]{--rank-primary:#5f2731;--rank-secondary:#6ba6c9}
.rank-device-slot{width:118px;height:118px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rank-primary) 70%,var(--gold));background:radial-gradient(circle,color-mix(in srgb,var(--rank-primary) 28%,transparent),transparent 68%);font:800 2.2rem/1 'Saira Condensed',sans-serif;letter-spacing:.08em;color:var(--gold2);position:relative}
.rank-device-slot:before,.rank-device-slot:after{content:'';position:absolute;background:var(--rank-primary);opacity:.8}.rank-device-slot:before{width:34px;height:2px;top:13px;left:13px}.rank-device-slot:after{width:2px;height:34px;right:13px;bottom:13px}
.rank-device-slot.has-device:before,.rank-device-slot.has-device:after{display:none}.rank-device-slot img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}
.rank-card-copy h2{font-size:clamp(2rem,5vw,3.2rem);margin:.1em 0 .2em}.rank-kicker{font:600 .68rem/1.2 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--gold2)}.rank-meta{margin:.2em 0 .75em;color:var(--fg2)}
.member-facts{display:grid;gap:0;margin:0}.member-facts>div{display:grid;grid-template-columns:128px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--line2)}.member-facts dt{font:600 .64rem/1.3 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.member-facts dd{margin:0;color:var(--fg)}
.link-button{border:0;background:none;padding:0;color:var(--gold2);font:inherit;cursor:pointer}.link-button:hover{text-decoration:underline}
@media(max-width:620px){.rank-card{grid-template-columns:82px minmax(0,1fr);padding:16px;gap:15px}.rank-device-slot{width:82px;height:82px;font-size:1.55rem}.member-facts>div{grid-template-columns:1fr;gap:4px}}

.heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.profile-form{display:grid;gap:16px;margin-top:18px}.profile-form textarea{width:100%;border:1px solid var(--line,#273141);background:#080c12;color:inherit;border-radius:9px;padding:12px 13px;font:inherit;resize:vertical}.profile-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line,#273141);border-radius:9px;padding:10px 12px;color:inherit;text-decoration:none}.member-badge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.member-badge-card{border:1px solid var(--line,#273141);border-radius:10px;padding:14px;background:#0a1018}.member-badge-card strong{display:block}.member-badge-card small{display:block;margin-top:5px;opacity:.72}.member-badge-card p{margin:.55rem 0 0}