.account-main{max-width:1320px;min-height:100svh;margin:0 auto;padding:150px 48px 90px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:42px;max-width:1120px;margin:0 auto;display:grid}.auth-art{background:#111917;min-height:560px;overflow:hidden}.auth-art img{object-fit:cover;opacity:.78;width:100%;height:100%;position:absolute;inset:0}.auth-art-copy{z-index:1;background:linear-gradient(#0000,#070d0bf2 80%);padding:110px 36px 34px;position:absolute;inset:auto 0 0}.auth-art-copy svg{width:30px;height:40px;color:var(--gold);margin-bottom:14px}.auth-art-copy p{font-family:var(--font-display),Georgia,serif;color:#f3e7c7;font-size:2.1rem;line-height:1.15}.auth-art-copy span{color:#b8c3b2;margin-top:10px;font-size:.92rem;display:block}.auth-card{background:linear-gradient(150deg,#1a2620cc,#0c1310ee);padding:46px 44px}.auth-card h1{font-size:clamp(2.6rem,4vw,3.4rem)}.auth-card h1 em{color:var(--soft-gold);font-weight:400}.auth-lede{color:#b0bca8;margin:14px 0 28px;font-size:.95rem}.auth-field{margin-bottom:20px}.auth-field label,.security-form label{letter-spacing:.14em;text-transform:uppercase;color:#d8c9a4;margin-bottom:8px;font-size:.74rem;display:block}.auth-field input,.security-form input{width:100%;height:50px;color:var(--foreground);font:inherit;background:#08100dcc;border:1px solid #cfb47a40;padding:0 16px;font-size:1rem;transition:border-color .2s}.auth-field input:focus,.security-form input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #cfb47a22}.auth-field input[aria-invalid=true]{border-color:#df9c85}.auth-password{position:relative}.auth-password input{padding-right:52px}.auth-password button{color:#b8c3b2;background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:4px;right:4px}.auth-password button:hover{color:var(--gold)}.auth-hint,.auth-problem{margin-top:7px;font-size:.8rem;line-height:1.5}.auth-hint{color:#8f9c8b}.auth-problem{color:#e8ab95}.auth-error{color:#f0c0ad;background:#3a1d1544;border:1px solid #df9c8566;margin-bottom:18px;padding:12px 16px;font-size:.88rem}.auth-submit{width:100%;margin-top:6px}.auth-submit:disabled,.account-page button:disabled{opacity:.65;cursor:wait}.auth-switch{text-align:center;color:#b0bca8;margin-top:24px;font-size:.92rem}.auth-switch a,.auth-fine a{color:var(--gold);border-bottom:1px solid #cfb47a55}.auth-fine{border-top:1px solid var(--line);color:#8f9c8b;margin-top:18px;padding-top:18px;font-size:.8rem;line-height:1.6}.account-loading{min-height:40vh;color:var(--gold);place-items:center;display:grid}.account-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-bottom:34px;display:flex}.account-hero h1{margin-top:6px;font-size:clamp(2.8rem,5vw,4.4rem)}.account-hero h1 em{color:var(--soft-gold);font-weight:400}.account-status{color:#b0bca8;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:.92rem;display:flex}.online-dot,.offline-dot{letter-spacing:.14em;text-transform:uppercase;border:1px solid;align-items:center;gap:7px;padding:3px 10px;font-size:.7rem;display:inline-flex}.online-dot{color:#9fd8a2;border-color:#9fd8a255;margin-left:10px}.account-status .online-dot{margin-left:0}.online-dot:before,.offline-dot:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.offline-dot{color:#a6b0a5;border-color:#a6b0a555}.account-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.account-hero-actions .action{min-height:44px;padding:10px 18px}.account-welcome{background:linear-gradient(120deg,#2a3a2588,#0c1310aa);align-items:center;gap:26px;margin-top:34px;padding:28px 32px;display:flex}.account-welcome>svg{width:34px;height:44px;color:var(--gold);flex-shrink:0}.account-welcome h2{margin-bottom:6px;font-size:1.9rem}.account-welcome p{color:#c0cabc;font-size:.93rem}.account-welcome strong{color:var(--soft-gold)}.account-welcome .action{flex-shrink:0;margin-left:auto}.account-error{margin-top:28px}.account-tiles{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:34px;display:grid}.account-tiles>div{background:#0e1613;flex-direction:column;gap:4px;padding:22px 24px;display:flex}.account-tiles span{letter-spacing:.16em;text-transform:uppercase;color:#a6b0a5;font-size:.7rem}.account-tiles strong{font-family:var(--font-display),Georgia,serif;color:#f1e6cb;font-size:2rem;font-weight:500;line-height:1.2}.account-tiles small{color:#8f9c8b;font-size:.8rem}.account-section{margin-top:64px}.account-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;display:flex}.account-section-heading h2{align-items:center;gap:12px;font-size:clamp(2rem,3.4vw,2.8rem);display:flex}.account-section-heading h2 svg{color:var(--gold)}.account-section-heading p{color:#9ca995;max-width:520px;font-size:.88rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.character-card{background:linear-gradient(150deg,#1d2b22aa,#0b120fdd);flex-direction:column;gap:20px;padding:28px 28px 24px;display:flex}.character-card .eyebrow{align-items:center;gap:6px;margin:0;display:flex}.character-card h3{color:#f3e7c7;margin-top:4px;font-size:2.1rem}.character-job{color:var(--soft-gold);margin-top:4px;font-size:.95rem}.character-job span{color:#9ca995;margin-left:8px;font-size:.85rem}.character-meters{gap:10px;display:grid}.meter-label{letter-spacing:.08em;color:#b8c3b2;justify-content:space-between;margin-bottom:5px;font-size:.74rem;display:flex}.meter-track{background:#ffffff12;height:6px;overflow:hidden}.meter-track>div{height:100%}.meter-hp .meter-track>div{background:linear-gradient(90deg,#9a4b3c,#d7826a)}.meter-sp .meter-track>div{background:linear-gradient(90deg,#3c6b8f,#7fb3d6)}.character-facts{grid-template-columns:1fr 1fr;gap:14px 18px;margin:0;display:grid}.character-facts dt{letter-spacing:.14em;text-transform:uppercase;color:#8f9c8b;align-items:center;gap:6px;font-size:.68rem;display:flex}.character-facts dt svg{color:var(--gold)}.character-facts dd{color:#e7e2d4;margin:3px 0 0;font-size:.93rem}.character-facts small{color:#9ca995}.character-seals{background:#08100d99;border:1px solid #cfb47a26;padding:14px 16px}.character-seals-head{color:#b8c3b2;justify-content:space-between;margin-bottom:9px;font-size:.78rem;display:flex}.character-seals strong{color:var(--soft-gold);font-weight:600}.character-seals p{color:#9ca995;margin-top:9px;font-size:.78rem}.seal-track{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.seal-track span{background:#ffffff14;height:7px;transform:skew(-20deg)}.seal-track span.broken{background:linear-gradient(90deg,#bea169,#e6d2a5);box-shadow:0 0 8px #cfb47a55}.character-stats{grid-template-columns:repeat(6,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.character-stats li{text-align:center;background:#ffffff08;padding:7px 0}.character-stats span{letter-spacing:.12em;color:#8f9c8b;font-size:.62rem;display:block}.character-stats strong{color:#efe7d2;font-size:1rem;font-weight:600}.account-empty{text-align:center;background:linear-gradient(150deg,#1a2620aa,#0b120fdd);flex-direction:column;align-items:center;gap:12px;padding:46px 30px;display:flex}.account-empty>svg{width:36px;height:36px;color:var(--gold)}.account-empty h3{font-size:2rem}.account-empty p{color:#b0bca8;max-width:460px;margin-bottom:10px;font-size:.93rem}.fallen-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.fallen-list li{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 6px;display:grid}.fallen-list li>svg{color:#e0b46a;filter:drop-shadow(0 0 6px #e0b46a88)}.fallen-list strong{font-family:var(--font-display),Georgia,serif;font-size:1.35rem;font-weight:500;display:block}.fallen-list span{color:#9ca995;font-size:.85rem;display:block}.fallen-list li>div:last-child{text-align:right}.security-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.security-panel{background:#0e1613cc;padding:28px}.security-panel h3{margin-bottom:14px;font-size:1.6rem}.security-panel>p{color:#9ca995;margin-bottom:20px;font-size:.9rem}.security-form{gap:14px;display:grid}.security-form label{margin:0}.security-form input{height:46px;margin-top:8px}.security-form .action,.security-panel>.action{justify-self:start;min-height:46px;padding:10px 20px}.security-ok{color:#bfe6c1;background:#1c3a2244;border:1px solid #9fd8a255;padding:12px 16px;font-size:.88rem}.security-confirm{flex-wrap:wrap;gap:12px;display:flex}.security-confirm .action{min-height:46px;padding:10px 18px}@media (max-width:1000px){.account-main{padding:130px 28px 70px}.auth-page{grid-template-columns:1fr}.auth-art{min-height:240px}.auth-art-copy{padding:70px 26px 22px}.auth-art-copy p{font-size:1.6rem}.account-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.security-grid{grid-template-columns:1fr}}@media (max-width:640px){.account-main{padding:112px 16px 60px}.auth-art{display:none}.auth-card{padding:32px 22px}.account-hero{flex-direction:column;align-items:start}.account-welcome{flex-direction:column;align-items:start;padding:24px 22px}.account-welcome .action{width:100%;margin-left:0}.account-tiles>div{padding:16px}.account-tiles strong{font-size:1.5rem}.character-grid{grid-template-columns:1fr}.character-card{padding:22px 18px}.character-facts{grid-template-columns:1fr 1fr}.character-stats{grid-template-columns:repeat(3,1fr)}.fallen-list li{grid-template-columns:auto 1fr}.fallen-list li>div:last-child{text-align:left;grid-column:2}.security-panel{padding:22px 18px}}.auth-single{max-width:580px;margin:0 auto}.auth-single .auth-submit{margin-top:10px;display:flex}.auth-lede strong,.auth-notice strong{color:var(--soft-gold);font-weight:600}.auth-notice{color:#cfe3cc;background:#1c3a2233;border:1px solid #9fd8a244;align-items:flex-start;gap:16px;margin:6px 0 22px;padding:18px 20px;font-size:.92rem;line-height:1.6;display:flex}.auth-notice>svg{color:#9fd8a2;flex-shrink:0;margin-top:2px}.auth-notice-warn{color:#ead7b0;background:#3a2c1533;border-color:#e0b46a55}.auth-notice-warn>svg{color:#e0b46a}.auth-error a{color:var(--gold);border-bottom:1px solid #cfb47a55}.account-notice{margin-top:28px}.account-notice a{color:var(--gold);white-space:nowrap;border-bottom:1px solid #cfb47a55}.email-current{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.email-current>svg{color:var(--gold);flex-shrink:0;margin-top:4px}.email-current strong{color:#efe7d2;word-break:break-all;font-weight:500;display:block}.email-state{letter-spacing:.12em;text-transform:uppercase;color:#e0b46a;align-items:center;gap:5px;margin-top:4px;font-size:.72rem;display:inline-flex}.email-state.ok{color:#9fd8a2}.security-panel>.action{margin-bottom:14px}.text-button{color:var(--gold);font:inherit;background:0 0;border:0;border-bottom:1px solid #cfb47a55;justify-self:start;margin-top:6px;padding:0;font-size:.88rem;display:block}.security-panel .security-ok,.security-panel>.auth-error{margin-bottom:14px}