:root{color-scheme:dark;--bg:#050912;--bg2:#08111c;--panel:#0c1724f2;--panel2:#101d2df2;--ink:#f2ead2;--muted:#a9b5c5;--gold:#e2bd63;--gold2:#96702e;--line:#34485e;--blue:#2f68ba;--green:#62cf7f;--red:#d95f61;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:#050912}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 50% -15%,#172841 0,#09121f 36%,#04070d 74%);line-height:1.45}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 88%)}a{color:inherit;text-decoration:none}.hidden{display:none!important}.portal-sitebar{height:62px;display:flex;align-items:center;gap:24px;padding:0 max(18px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(226,189,99,.36);background:rgba(4,9,16,.96);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.portal-brand{display:flex;align-items:center;gap:10px;min-width:max-content}.portal-brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d3aa4d;background:linear-gradient(145deg,#f1d477,#9d762e);color:#2b210f;font:700 11px var(--serif);border-radius:7px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.portal-brand>span:last-child{display:grid;line-height:1}.portal-brand strong{font:700 17px var(--serif);color:#f3d884;text-transform:uppercase;letter-spacing:.4px}.portal-brand small{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#7f92a7;margin-top:4px}.portal-sitebar nav{display:flex;align-self:stretch;margin-left:auto}.portal-sitebar nav a{display:flex;align-items:center;padding:0 11px;font-size:11px;color:#b8c4d2;border-bottom:2px solid transparent}.portal-sitebar nav a:hover,.portal-sitebar nav a.active{color:#f4dda0;border-bottom-color:#d9b154;background:rgba(226,189,99,.045)}.phase-notice{border-bottom:1px solid rgba(226,189,99,.18);background:#0a1420}.phase-notice-inner{width:min(1180px,calc(100% - 32px));min-height:38px;margin:auto;display:flex;align-items:center;gap:11px;font-size:11px;color:#c6d1dd}.phase-pill{border:1px solid #4a9460;background:#143620;color:#aaf0bb;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:800;letter-spacing:.8px}.phase-notice a{margin-left:auto;color:#f1d77b}.phase-live .beta-only,.phase-development .beta-only,.phase-maintenance .beta-only{display:none!important}.phase-open_beta .live-only,.phase-closed_beta .live-only{display:none!important}.portal{padding:34px 16px 70px}.portal-frame{width:min(1180px,100%);margin:auto;border:1px solid rgba(226,189,99,.52);border-radius:10px;overflow:hidden;background:rgba(6,12,21,.91);box-shadow:0 26px 78px rgba(0,0,0,.48);position:relative}.portal-frame:after{content:"";position:absolute;pointer-events:none;inset:7px;border:1px solid rgba(226,189,99,.09);border-radius:6px}.hero{min-height:245px;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid rgba(226,189,99,.34);background:linear-gradient(145deg,#101a2b,#0a1220);position:relative}.hero-copy{padding:36px 42px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.crest{width:48px;height:48px;display:grid;place-items:center;transform:rotate(45deg);border-radius:9px;border:1px solid #d4aa4e;background:linear-gradient(145deg,#f1d77b,#9d752c);box-shadow:0 5px 15px rgba(0,0,0,.38);margin-bottom:17px}.crest span{transform:rotate(-45deg);font:700 16px var(--serif);color:#2a200d}.eyebrow{margin:0 0 8px;color:#d0ac58;text-transform:uppercase;font-size:9px;letter-spacing:1.8px;font-weight:800}.hero h1{margin:0;font:700 clamp(31px,4vw,51px)/.98 var(--serif);color:#f4db90;letter-spacing:-1px;text-shadow:0 2px #241a0c}.subtitle{color:#aebbc9;font-size:12px;max-width:660px;margin:12px 0 14px}.server-state{display:inline-flex;align-items:center;gap:8px;width:max-content;border:1px solid #394b60;background:#09131f;padding:6px 10px;border-radius:99px;font-size:10px;color:#aebccd}.server-dot{width:7px;height:7px;border-radius:50%;background:#8492a1}.server-state.online .server-dot{background:#50d67b;box-shadow:0 0 10px #50d67b}.server-state.offline .server-dot{background:#dc6666}.hero-art{position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0e1929 0,rgba(14,25,41,.3) 28%,transparent 60%),linear-gradient(0deg,rgba(3,8,14,.48),transparent 55%)}.hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.06)}.notice{min-height:36px;padding:9px 24px;border-bottom:1px solid #25384c;background:#09131f;color:#9eb0c4;font-size:10px;text-align:center}.notice.success{color:#b2e8bf;background:#0e2017}.notice.error{color:#f0aaa8;background:#271313}.content{padding:24px}.auth-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:18px}.panel,.management-card{border:1px solid #354a60;border-radius:7px;background:linear-gradient(145deg,#0a1522,#0e1b2b);padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.16)}.panel h2{margin:0 0 7px;font:700 27px var(--serif);color:#efd57d}.panel-copy{margin:0 0 17px;color:#9faec0;font-size:11px}.form-grid{display:grid;gap:11px}.field{display:grid;gap:5px}.field label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#d2ba74;font-weight:800}.field input{width:100%;border:1px solid #41546b;background:#101c2b;color:#eef3f8;border-radius:5px;padding:11px 12px;outline:none}.field input:focus{border-color:#d4aa4e;box-shadow:0 0 0 3px rgba(212,170,78,.1)}.btn{min-height:42px;padding:0 17px;border-radius:5px;border:1px solid #8b6c32;background:#172337;color:#f0ddb0;font-weight:800;font-size:11px;cursor:pointer}.btn.primary,.btn.secondary{background:linear-gradient(#2b66b7,#17437e);border-color:#d7ad53;color:white}.btn.secondary{background:linear-gradient(#816126,#5e4519)}.btn.ghost{background:#0c1622;border-color:#41536a}.btn.danger{background:#6b292b;border-color:#b95b5c;color:#ffd7d7}.btn.small{min-height:34px;padding:0 12px;font-size:10px}.btn:hover{filter:brightness(1.12)}.portal-help-links{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:17px;padding-top:14px;border-top:1px solid #283a4e}.portal-help-links a,.selector-help-links a{font-size:10px;color:#e0c66d}.newcomer-panel{display:flex;flex-direction:column;gap:18px}.registration-closed{min-height:180px;display:grid;place-items:center;text-align:center;padding:10px}.registration-closed h2{margin:7px 0 8px}.lock-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #7b6335;border-radius:50%;color:#e1bd63;background:#111923;margin:auto}.beta-explainer,.live-explainer{border-top:1px solid #2f4459;padding-top:16px;color:#9fb0c2;font-size:10px}.beta-explainer strong,.live-explainer strong{font:700 16px var(--serif);color:#e6cd78}.beta-explainer p,.live-explainer p{margin:5px 0 7px}.beta-explainer a,.live-explainer a{color:#f0cd6d}.selector-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px;padding:3px 2px 17px;border-bottom:1px solid #2b3f53}.selector-top h2{font:700 31px var(--serif);color:#efd47c;margin:0}.selector-subtitle{margin:4px 0 0;color:#8699ae;font-size:11px}.selector-account{display:flex;align-items:center;gap:10px}.account-chip{display:flex;align-items:center;gap:9px;border:1px solid #34495f;background:#0a1522;padding:7px 10px;border-radius:6px}.account-rune{width:28px;height:28px;display:grid;place-items:center;border:1px solid #735d35;color:#f0d578;background:#141b24;border-radius:4px;font:700 12px var(--serif)}.account-meta{display:grid}.account-meta strong{font-size:11px;color:#f1e3b9}.account-meta span{font-size:8px;color:#8396aa;text-transform:uppercase}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.character-card{min-height:198px;border:1px solid #354a60;background:linear-gradient(145deg,#0a1522,#111e2e);border-radius:7px;padding:16px;display:grid;grid-template-columns:68px 1fr;gap:13px;position:relative;overflow:hidden}.character-card:after{content:"";position:absolute;width:100px;height:100px;right:-44px;bottom:-54px;border:1px solid rgba(226,189,99,.09);transform:rotate(45deg)}.character-draft{border-style:dashed}.character-portrait{width:66px;height:66px;border:1px solid #6b5731;background:#0d1724;border-radius:6px;display:grid;place-items:center;align-self:start;overflow:hidden}.character-portrait img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated}.character-portrait b{font:700 24px var(--serif);color:#e3c567}.character-info{min-width:0}.character-name{font:700 20px var(--serif);color:#f0d77f;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-level{font-size:10px;color:#c2cddd;margin-top:2px}.character-meta{font-size:9px;color:#8294a8;margin:9px 0 12px;line-height:1.55}.character-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.character-manage{position:relative}.character-manage summary{list-style:none;cursor:pointer;border:1px solid #43566c;border-radius:5px;padding:7px 10px;font-size:9px;color:#aebccc;background:#0c1622}.character-manage summary::-webkit-details-marker{display:none}.character-manage[open] .manage-popover{display:grid}.manage-popover{display:none;position:absolute;z-index:4;left:0;top:38px;min-width:165px;border:1px solid #4b5d71;background:#07111c;padding:8px;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.45)}.master-lock{font-size:8px;color:#b29b63;line-height:1.4}.empty-state{grid-column:1/-1;border:1px dashed #3d5166;border-radius:7px;min-height:130px;display:grid;place-items:center;text-align:center;color:#8496aa}.empty-state strong{display:block;color:#e6cc77;font:700 18px var(--serif)}.management-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:13px;margin-top:16px}.new-character-card{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start}.new-character-mark{width:52px;height:52px;border:1px solid #68552f;display:grid;place-items:center;border-radius:7px;color:#dfc16b;font:700 28px var(--serif);background:#101923}.new-character-card h3,.selector-help h3{font:700 20px var(--serif);color:#efd47c;margin:0}.create-inline{grid-column:2;grid-template-columns:1fr auto;align-items:end}.selector-help-links{display:flex;gap:10px;flex-wrap:wrap}.selector-help{align-content:start}dialog{width:min(520px,calc(100% - 28px));border:1px solid #6e5930;border-radius:7px;padding:0;background:#09131f;color:#e8e0ca;box-shadow:0 25px 70px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.72)}.dialog-head{padding:19px 20px 14px;border-bottom:1px solid #33465a}.dialog-head h2{margin:0;font:700 24px var(--serif);color:#efd47a}.dialog-body{padding:20px}.dialog-warning{border:1px solid #7f3d3e;background:#251416;color:#edb1ae;padding:11px;border-radius:4px;font-size:10px}.dialog-body>p{font-size:10px;color:#9caec0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:950px){.portal-sitebar nav a{padding:0 6px;font-size:9px}.hero{grid-template-columns:1fr}.hero-art{height:220px}.auth-grid{grid-template-columns:1fr}.characters{grid-template-columns:1fr 1fr}.management-grid{grid-template-columns:1fr}}@media(max-width:700px){.portal-sitebar{height:auto;min-height:57px;padding:8px 12px}.portal-brand small{display:none}.portal-sitebar nav{display:none}.phase-notice-inner{width:calc(100% - 20px);padding:7px 0;align-items:flex-start;flex-wrap:wrap}.phase-notice a{margin-left:0}.portal{padding:14px 9px 42px}.hero-copy{padding:29px 22px}.hero h1{font-size:35px}.hero-art{height:170px}.content{padding:14px}.panel,.management-card{padding:17px}.characters{grid-template-columns:1fr}.selector-top{align-items:flex-start;flex-direction:column}.selector-account{width:100%;justify-content:space-between}.character-card{grid-template-columns:60px 1fr}.character-portrait{width:58px;height:58px}.character-portrait img{width:52px;height:52px}.new-character-card{grid-template-columns:1fr}.new-character-mark{display:none}.create-inline{grid-column:1;grid-template-columns:1fr}.management-grid{grid-template-columns:1fr}}
/* Step225 account email/recovery controls */
.field small{color:#7890a7;font-size:8px;line-height:1.45;margin-top:1px}.account-recovery{margin-top:9px;text-align:right}.text-button{appearance:none;border:0;background:none;color:#dfc66e;font:inherit;font-size:10px;padding:2px 0;cursor:pointer}.text-button:hover{text-decoration:underline}.text-button:disabled{color:#627184;cursor:not-allowed;text-decoration:none}#passwordResetDialog .dialog-body p{margin-top:0;color:#9caec0;font-size:10px}