.account-page{min-height:100vh;background:radial-gradient(circle at 18% 18%,#8f57131a,transparent 28%),radial-gradient(circle at 90% 35%,#303b521f,transparent 33%),#090b0f}
.auth-pending #guest-view,.auth-pending #member{display:none!important}.account-loading{min-height:calc(100vh - 84px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#d9dce2}.account-loading[hidden]{display:none!important}.loading-sigil{width:62px;height:62px;display:grid;place-items:center;margin-bottom:14px;border:1px solid #f3b95a77;background:#f3b95a0c;color:#f3b95a;font:700 30px var(--display);animation:account-pulse 1.25s ease-in-out infinite}.account-loading strong{font-size:10px;letter-spacing:.2em}.account-loading small{font-size:10px;color:#747b87}@keyframes account-pulse{50%{box-shadow:0 0 32px #f3b95a33;transform:scale(1.04)}}
.account-header{height:84px;padding:0 max(5.5vw,24px);display:flex;align-items:center;gap:38px;border-bottom:1px solid #ffffff12;background:#090b0ff2;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}
.account-header .brand{margin-right:auto}.account-header .velkar-wordmark{width:144px;height:72px;object-fit:contain}.account-header nav{margin:0;display:flex;gap:30px;font-size:10px;font-weight:800;letter-spacing:.08em}.account-header nav a{color:#a6aab2}.account-header nav a:hover,.account-header nav a[aria-current=page]{color:#f3b95a}.account-back{font-size:9px;font-weight:800;letter-spacing:.08em;color:#ddd}
.account-layout{max-width:1260px;margin:0 auto;padding:72px 5% 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,510px);gap:80px;align-items:start;min-height:calc(100vh - 84px)}
.account-intro{padding-top:55px}.account-intro h1{font-family:var(--display);font-size:clamp(58px,7vw,96px);font-weight:700;line-height:.94;letter-spacing:-.02em;margin:18px 0 28px}.account-intro h1 em{color:#f3b95a}.account-intro>p{font-size:15px;line-height:1.9;max-width:580px;color:#aaafb9}
.account-benefits{list-style:none;margin:42px 0 0;padding:0;border-top:1px solid #ffffff12;max-width:530px}.account-benefits li{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #ffffff12;color:#d5d7dc;font-size:12px}.account-benefits span{font-family:var(--display);font-size:22px;color:#f3b95a}
.account-card{background:linear-gradient(155deg,#171a21,#101218);border:1px solid #ffffff17;border-top:2px solid #f3b95a;padding:34px 38px;box-shadow:0 30px 80px #0008}.account-tabs{display:flex;border-bottom:1px solid #ffffff18;margin:-8px 0 30px}.account-tabs button{width:50%;border:0;border-bottom:2px solid transparent;background:none;color:#838895;padding:16px 8px;font-size:10px;font-weight:800;letter-spacing:.12em}.account-tabs button[aria-selected=true]{color:#f3b95a;border-color:#f3b95a}
.account-card h2{font:700 34px/1.1 var(--display);margin:6px 0 12px;letter-spacing:.01em}.account-card label:not(.consent){display:block;margin:19px 0 8px;color:#d9dbe0;font-size:11px;font-weight:800;letter-spacing:.04em}.account-card input:not([type=checkbox]),.dashboard-card input{width:100%;box-sizing:border-box;background:#090b10;color:#fff;border:1px solid #3c414c;padding:14px;border-radius:4px;font-size:15px}.account-card input:focus,.dashboard-card input:focus{outline:2px solid #f3b95a;outline-offset:2px;border-color:#f3b95a}.account-card .button{width:100%;margin-top:24px}.account-card small,.muted{color:#949aa6;line-height:1.65}.account-card small{display:block;margin-top:7px}.small-copy{font-size:11px}.account-card .consent{margin-top:23px;align-items:flex-start;font-size:10px;line-height:1.65}.account-card .consent input{flex-shrink:0;margin-top:4px}.account-card a:not(.button){color:#f3b95a}.result{font-size:12px;color:#f2c77f;line-height:1.6;min-height:1.5em}.success-banner{border:1px solid #5f8d694a;background:#3a7e4817;color:#aee0b7;padding:12px 14px;margin-bottom:22px;font-size:12px}
.password-field{position:relative}.password-field input{padding-right:52px!important}.password-toggle{position:absolute;right:2px;top:2px;bottom:2px;width:46px;border:0;background:#171b23;color:#f3b95a;font-size:21px}.password-toggle:focus{outline:2px solid #f3b95a;outline-offset:2px}.recovery-box{border-top:1px solid #ffffff16;margin-top:27px}.recovery-box summary{padding:20px 0 5px;color:#d9dbe0;font-size:11px;font-weight:700}.recovery-box summary span,.dashboard-card summary span{color:#f3b95a;font-size:20px}.recovery-box .button.secondary{background:#ffffff07;color:#f3b95a;border-color:#f3b95a55}.reset-panel{padding-top:5px}
.member-shell{max-width:1460px;margin:0 auto;padding:44px max(4vw,24px) 90px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.member-sidebar{position:sticky;top:108px;background:#11141a;border:1px solid #ffffff12;padding:28px;min-height:565px}.member-avatar{width:58px;height:58px;border:1px solid #f3b95a77;background:linear-gradient(135deg,#f3b95a24,#12151c);display:grid;place-items:center;font:700 28px var(--display);color:#f3b95a;margin:22px 0 16px}.member-sidebar h1{font:700 27px var(--display);letter-spacing:0}.member-state{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:.12em;color:#91cda0;margin:7px 0 28px}.member-state i{width:6px;height:6px;border-radius:50%;background:#68c77e;box-shadow:0 0 0 4px #68c77e17}.member-sidebar nav{display:grid;margin:0;border-top:1px solid #ffffff12}.member-sidebar nav a{padding:14px 0;border-bottom:1px solid #ffffff0e;color:#9298a3;font-size:11px;font-weight:700}.member-sidebar nav a:hover,.member-sidebar nav a.active{color:#f3b95a}.member-sidebar .logout{margin-top:32px;font-size:11px}
.member-content{min-width:0}.member-welcome{min-height:220px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #ffffff13;background:linear-gradient(90deg,#121721f3,#1217218c),url('/assets/hero.jpg') 75% 36%/cover}.member-welcome h2{font:700 clamp(40px,5vw,67px)/.98 var(--display);margin-bottom:14px}.member-welcome p{max-width:520px}.member-welcome .button{flex-shrink:0}.security-code-card{margin-top:20px;padding:24px 28px;border:1px solid #f3b95a55;background:#f3b95a0a;display:flex;justify-content:space-between;align-items:center;gap:25px}.security-code-card h3{font:700 21px var(--display);margin-bottom:5px}.security-code-card p{margin:0;font-size:11px}.security-code-card code{font-size:25px;letter-spacing:.14em;color:#fff;white-space:nowrap}
.member-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.member-metrics article{background:#11141a;border:1px solid #ffffff11;padding:22px}.member-metrics span{display:block;font-size:8px;font-weight:800;letter-spacing:.15em;color:#777e89}.member-metrics strong{display:block;font:700 28px var(--display);color:#f3b95a;margin:7px 0 1px}.member-metrics small{color:#7f8590;font-size:9px}
.dashboard-card{background:#11141a;border:1px solid #ffffff12;padding:28px;margin-top:14px;scroll-margin-top:110px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #ffffff11;padding-bottom:18px;margin-bottom:20px}.card-heading .eyebrow{margin-bottom:6px}.card-heading h3{font:700 24px var(--display)}.card-icon{font-size:28px;color:#f3b95a}.character-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px}.character-profile{display:block;border:1px solid #ffffff12;background:linear-gradient(135deg,#0c0f14,#11151b);padding:18px}.character-profile-head{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px}.character-profile-head>span{width:42px;height:42px;display:grid;place-items:center;background:#f3b95a12;border:1px solid #f3b95a55;color:#f3b95a;font:700 19px var(--display)}.character-profile-head strong{display:block;font-size:16px}.character-profile-head small{display:block;color:#858c97;margin-top:4px}.character-profile-head em{font-style:normal;color:#b7a273;font-size:10px}.character-stats{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:#ffffff12;margin-top:16px}.character-stats div{background:#090c10;padding:10px}.character-stats span{display:block;color:#727984;font-size:7px;letter-spacing:.08em}.character-stats strong{display:block;color:#e3e4e6;font-size:13px;margin-top:5px}.empty-state{text-align:center;padding:25px 15px}.empty-state strong{display:block;color:#d5d7dc;margin-bottom:6px}.empty-state p{font-size:11px;margin:0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-card>p{font-size:11px}.dashboard-card details{border-top:1px solid #ffffff12;margin-top:20px}.dashboard-card summary{font-size:10px;font-weight:800;letter-spacing:.08em;color:#f3b95a}.dashboard-card label{display:block;margin:16px 0 7px;font-size:10px;font-weight:800}.dashboard-card small{display:block;color:#868d98;font-size:9px;margin-top:7px}.dashboard-card .button{margin-top:20px;width:100%}.download-card small{text-align:center;margin-top:10px}.account-privacy{max-width:1060px;margin:0 auto 60px;padding:30px 5%;border-top:1px solid #ffffff10;color:#838995;font-size:11px;line-height:1.75}.account-privacy h2{font:700 22px var(--display);color:#ddd;margin-bottom:12px}.account-privacy p{font-size:11px}[hidden]{display:none!important}
@media(max-width:900px){.account-header nav{display:none}.account-layout{grid-template-columns:1fr;gap:28px;padding-top:35px}.account-intro{padding-top:0}.account-intro h1{font-size:64px}.account-benefits{display:none}.member-shell{grid-template-columns:1fr;padding-top:24px}.member-sidebar{position:static;min-height:0}.member-sidebar nav{display:flex;overflow-x:auto;gap:20px}.member-sidebar nav a{white-space:nowrap;border-bottom:0}.member-sidebar .logout{position:absolute;right:55px;margin-top:-42px}.member-welcome{padding:30px}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.character-profile-head{grid-template-columns:42px 1fr}.character-profile-head em{grid-column:1/-1}.character-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.account-header{height:72px;padding-inline:18px}.account-header .velkar-wordmark{width:112px;height:56px}.account-back{margin-left:auto;font-size:8px}.account-layout{padding:22px 18px 60px;min-height:0}.account-intro h1{font-size:48px}.account-intro>p{font-size:12px}.account-card{padding:25px 20px}.member-shell{padding:18px 14px 60px}.member-sidebar{padding:22px}.member-sidebar .logout{right:34px}.member-welcome{display:block;min-height:0;padding:27px 23px}.member-welcome h2{font-size:45px}.member-welcome .button{width:100%;margin-top:20px}.member-metrics{grid-template-columns:1fr}.dashboard-card{padding:22px}.dashboard-grid{display:block}.security-code-card{display:block}.security-code-card code{display:block;margin-top:18px;font-size:20px}.character-list{grid-template-columns:1fr}.account-privacy{margin-bottom:20px}.account-header .brand{margin-right:0}}

.connection-card{grid-column:1/-1;background:linear-gradient(135deg,#171a20,#10131a);border-color:#f3b95a38}.connection-card>p{max-width:760px}.connection-card .button{max-width:310px}.connection-card .result{margin:12px 0 0;color:#aee0b7}.connection-card .button:disabled{opacity:.55;cursor:wait}
.download-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.download-options .button{margin-top:12px}.download-options small{grid-column:1/-1}@media(max-width:700px){.download-options{grid-template-columns:1fr}.download-options small{grid-column:1}}