/* Character selection lives inside the existing login panel. */
.login-characters{font-family:'Segoe UI',Arial,sans-serif}.login-account{font-size:12px;color:#6e5437;margin:0 0 18px;text-align:center;overflow-wrap:anywhere}.login-account strong{font-weight:600}.login-roster-heading{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#715638}.login-roster-heading>span:last-child{letter-spacing:0;color:#8d7451}.login-character-list{display:flex;flex-direction:column;gap:8px;max-height:310px;overflow:auto;scrollbar-width:thin;scrollbar-color:#987b51 transparent;padding:1px}.login-character-list .character-card{display:grid;grid-template-columns:39px minmax(0,1fr) 6px;gap:8px;align-items:center;width:100%;min-height:74px;padding:7px 9px;background:linear-gradient(120deg,#3a352d,#252c2b);border:1px solid #776b5366;border-radius:3px;color:#dbd1b9;text-align:left;transition:border-color .2s,background .2s}.login-character-list .character-card:hover{background:linear-gradient(120deg,#494033,#303b36)}.login-character-list .character-card.selected-character-preview{border-color:#b49760;box-shadow:inset 2px 0 #c4a76d,inset 0 1px #e0c58a1c;background:linear-gradient(115deg,#4e4535,#2e3a34)}.login-character-list .character-card canvas{width:37px;height:49px;image-rendering:pixelated}.login-character-list .character-card strong{display:block;font:500 12px/1.4 Cinzel,Georgia,serif;color:#e9dbbb;overflow-wrap:anywhere}.login-character-list .character-card small{font:10px/1.4 'Segoe UI',sans-serif;color:#bdb6a5;margin:4px 0 0}.login-character-list .character-card .card-server{font-size:9px;color:#a4afa3;margin-top:2px}.login-character-list .selected-diamond{width:5px;height:5px;background:#c9af70;transform:rotate(45deg);opacity:0}.login-character-list .selected-character-preview .selected-diamond{opacity:1}.login-character-list .empty-roster{text-align:center;padding:18px 6px;margin:0;color:#7c6343;font:16px/1.5 'Crimson Pro',Georgia,serif}.login-character-list .empty-roster b{display:block;font:26px Georgia;color:#9b7d4e;margin-bottom:8px}.login-realm{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:15px 2px 0;font-size:10px;color:#7b6140}.login-realm strong{font-weight:600;color:#695031}.login-server-status{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.2px}.login-server-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#7b8b5c;box-shadow:0 0 4px #78915333}.login-server-status.offline:before{background:#a7754b}.login-enter-world{margin-top:13px!important}.login-enter-hint{font:10px/1.5 'Segoe UI',sans-serif;color:#836b49;margin:8px 0 15px;text-align:center}.login-new-character{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 7px;border:1px solid #9b7b4955;background:#876a3b0b;color:#775632;border-radius:2px;font:12px/1.4 'Segoe UI',sans-serif}.login-new-character:hover{background:#876a3b1a;border-color:#987a4c}.login-new-character>span{font-size:18px;line-height:1}.login-characters .logout-button{font-size:14px;margin-top:14px}.create-dialog{--paper:#e3dac9;--muted:#a6a79f;--gold:#b6a17b;--line:#b6a17b35;--serif:Cinzel,Georgia,serif;font:15px/1.5 'Segoe UI',sans-serif;color-scheme:dark}.create-dialog *{box-sizing:border-box}.create-dialog input,.create-dialog select,.create-dialog button{font:inherit}.create-dialog .eyebrow{font:10px/1.4 'Segoe UI',sans-serif;letter-spacing:2px;color:#b0a087;margin:0 0 8px}.create-dialog h2{color:#e3dac9}.create-dialog .form-error{border:1px solid #af716655;background:#5d343533;color:#e6b9ad;padding:11px 14px;border-radius:4px;font:13px/1.5 'Segoe UI',sans-serif}.create-dialog button:focus-visible,.create-dialog input:focus-visible,.create-dialog select:focus-visible{outline:2px solid #d5c29c;outline-offset:3px}
.create-dialog{color:var(--paper);background:linear-gradient(135deg,#273237,#172024);border:1px solid #a99d765c;border-radius:6px;box-shadow:0 25px 90px #000a;padding:27px 30px;max-width:min(680px,calc(100% - 32px));width:680px}.create-dialog::backdrop{background:#080e12dc;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.dialog-heading h2{font:400 23px var(--serif);margin:0}.dialog-heading .eyebrow{font-size:9px}.close-button{border:0;background:none;font:26px/1 Georgia;color:#9aa6a4;padding:0 0 5px 10px}.close-button:hover{color:white}.creation-layout{display:grid;grid-template-columns:200px 1fr;gap:30px}.creation-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 70%,#9db08313,transparent 65%);border-right:1px solid var(--line);padding-right:20px}.creation-preview canvas{width:170px;height:200px;image-rendering:pixelated;filter:drop-shadow(0 10px 7px #0006)}.creation-preview>span{font:11px var(--serif);color:#a7b0a3;margin-top:22px}.creation-fields>label,.gender-choice legend{display:block;font-size:12px;font-weight:500;color:#c5c8bc;margin:0 0 7px}.creation-fields input[type=text],.creation-fields select{width:100%;padding:11px 12px;background:#111b20;border:1px solid #82908650;border-radius:4px;color:#ece4d2;outline-offset:2px}.creation-fields input::placeholder{color:#74888a;font-size:12px}.creation-fields>small{display:block;color:#8d9f9c;font-size:10px;margin:7px 0 20px}.gender-choice{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.gender-choice legend{padding:0 0 7px}.gender-choice label{position:relative;cursor:pointer}.gender-choice input{position:absolute;opacity:0;width:1px;height:1px}.gender-choice span{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #85928545;padding:11px 5px;border-radius:4px;font-size:11px;color:#9daaa3;background:#142025}.gender-choice input:checked+span{color:#e6dbc0;background:#857a4e20;border-color:#b1a0769e}.gender-choice input:focus-visible+span{outline:2px solid #d5c29c;outline-offset:3px}.gender-choice b{font:18px Georgia;font-weight:400}.creation-fields .create-submit{margin-top:24px;padding:13px 14px}.create-submit:disabled{opacity:.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.create-submit{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;border:1px solid #b2a17c8c;border-radius:4px;background:linear-gradient(#4f5547,#353e36);box-shadow:inset 0 1px #e5dec32b,0 5px 10px #0003;color:#eee2c9;font:500 13px Cinzel,Georgia,serif!important}.create-submit:disabled{opacity:.5}.create-dialog .close-button{font:26px/1 Georgia}
@media(max-width:520px){.creation-layout{grid-template-columns:1fr}.creation-preview{display:none}.create-dialog{padding:23px}.dialog-heading h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.create-dialog *{animation:none!important;transition:none!important}}

.login-character-select-wrap{position:relative;margin-bottom:10px}.login-character-select-wrap select{appearance:none;width:100%;min-width:0;min-height:41px;padding:10px 28px 10px 10px;border:1px solid #8c6c3f;border-radius:2px;background:linear-gradient(#332c23,#3d3023);color:#eee0c1;font:12px/1.5 'Segoe UI',sans-serif;color-scheme:dark;cursor:pointer;box-shadow:inset 0 2px 4px #0005}.login-character-select-wrap select:disabled{cursor:default;opacity:.6}.login-character-select-wrap select:focus-visible{outline:2px solid #a77a31;outline-offset:3px}.login-character-select-wrap option{background:#302b23;color:#eee0c1}.login-character-select-wrap>span{position:absolute;right:11px;top:8px;color:#cab17f;pointer-events:none;font-size:19px;line-height:1}.login-character-list .selected-character-preview{cursor:default}.login-character-list .selected-character-preview:hover{background:linear-gradient(115deg,#4e4535,#2e3a34)}.login-enter-world[aria-busy=true] svg{animation:entryArrow .65s ease-in-out infinite alternate}@keyframes entryArrow{to{transform:translateX(4px);opacity:.35}}@media(prefers-reduced-motion:reduce){.login-enter-world[aria-busy=true] svg{animation:none}}