/* Character creation: first verified login; 64px pixel-accurate sprites. */
.lv-gender-dialog{border:3px solid #bda66d;border-radius:12px;
 background:#e8d9b0;color:#253c29;padding:20px 22px;
 width:min(570px,calc(100vw - 28px));max-height:90dvh;overflow:auto;
 box-shadow:0 18px 80px #0009;font:14px/1.4 system-ui,sans-serif}
.lv-gender-dialog::backdrop{background:#101d18c9;backdrop-filter:blur(2px)}
.lv-gender-heading{display:grid;gap:8px;text-align:center}
.lv-gender-heading strong{font-size:21px}
.lv-gender-heading small{font-size:12px;opacity:.9}
.lv-gender-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 12px}
.lv-gender-cards button{display:flex;flex-direction:column;align-items:center;gap:8px;
 border:2px solid #90744c;border-radius:12px;padding:15px 8px;background:#f4e8cd;
 color:#2a3c2c;cursor:pointer}
.lv-gender-cards button:hover{background:#e1eccd;border-color:#477b52}
.lv-gender-cards button:focus-visible{outline:3px solid #3781bd;outline-offset:2px}
.lv-gender-cards canvas{width:min(128px,100%);height:auto;image-rendering:pixelated}
.lv-gender-cards b{font-size:18px}
.lv-gender-cards span{font-size:12px}
#lvGenderHint{font-size:12px;color:#575d40;text-align:center}
@media(max-width:360px){.lv-gender-dialog{padding:11px}.lv-gender-cards{gap:8px}.lv-gender-cards button{padding:8px 2px}}


/* Account creation stays above the map until its server save succeeds. */
body.lv-character-pending main{visibility:hidden}
#lvGenderPicker{width:min(600px,calc(100vw - 24px));padding:30px;border:4px double #9c7541;border-radius:18px;background:radial-gradient(ellipse at top,#fff5d9,#e8d4a8);box-shadow:0 20px 90px #071d16aa,inset 0 0 0 5px #fff8df80}
#lvGenderPicker::backdrop{background:radial-gradient(ellipse at center,#476441,#132e24 85%);backdrop-filter:blur(4px)}
.lv-create-eyebrow{color:#7b5830;font-size:11px;font-weight:800;letter-spacing:.28em}
#lvGenderPicker .lv-gender-heading strong{font-size:28px;color:#31452d}
#lvGenderPicker .lv-gender-heading small{color:#69704a}
#lvGenderPicker .lv-gender-cards{gap:16px;margin:25px 0 22px}
#lvGenderPicker .lv-gender-cards button{position:relative;border-radius:12px;background:linear-gradient(#f9eed3,#e6d5ac);border:2px solid #c0aa79;box-shadow:0 3px 0 #c5ad78;padding:16px 8px 18px;transition:background .15s,border-color .15s,transform .15s}
#lvGenderPicker .lv-gender-cards button.selected{background:linear-gradient(#eff5d8,#d9e7b3);border-color:#54783e;box-shadow:0 3px 0 #54783e,inset 0 0 0 2px #fff6}
#lvGenderPicker .lv-gender-cards button:active{transform:translateY(2px)}
#lvGenderPicker .lv-gender-cards canvas{background:radial-gradient(ellipse at 50% 86%,#7c985e55 0 18%,transparent 19%),radial-gradient(ellipse at center,#fff9e688,transparent 70%)}
.lv-choice-check{position:absolute;right:10px;top:10px;display:none;width:23px;height:23px;border-radius:50%;background:#54783e;color:#fff!important;place-items:center;font-weight:800}
.selected .lv-choice-check{display:grid}
.lv-character-name{display:grid;gap:8px;font-weight:700;color:#3c4c31}
#lvCharacterName{width:100%;min-height:48px;padding:12px 14px;border:2px solid #baa275;border-radius:8px;background:#fff8e7;color:#34432b;font-size:16px;outline-offset:3px}
#lvCharacterName:focus{outline:2px solid #607c45;border-color:#607c45}
#lvCharacterNameHelp{display:block;color:#77704d;font-size:11px;margin-top:7px}
#lvCharacterStart{width:100%;margin-top:23px;min-height:50px;display:flex;justify-content:center;align-items:center;gap:14px;border:2px solid #3f5e2c;border-radius:8px;background:#577d3e;color:#fff7dc;box-shadow:0 3px 0 #354c27;font-size:17px;font-weight:800}
#lvCharacterStart:hover{background:#486d33}
#lvCharacterStart:disabled{opacity:.65;cursor:wait}
#lvGenderHint{min-height:20px;margin:18px 0 5px;line-height:1.5}
#lvCharacterLoading{text-align:center;padding:34px 0;line-height:1.6}
.lv-character-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:12px}
.lv-character-actions button{background:transparent;color:#6d6745;border:0;padding:7px;text-decoration:underline;font-size:12px}
@media(max-width:420px){#lvGenderPicker{padding:22px 16px}.lv-gender-cards canvas{max-width:112px}#lvGenderPicker .lv-gender-heading strong{font-size:24px}#lvGenderPicker .lv-gender-cards{gap:10px;margin:18px 0}.lv-choice-check{right:6px;top:6px}}
@media(max-height:550px){#lvGenderPicker{padding:15px 20px}.lv-gender-cards canvas{max-width:80px}#lvGenderPicker .lv-gender-cards{margin:12px 0}.lv-gender-heading small{display:none}#lvCharacterStart{margin-top:12px}#lvGenderHint{margin-top:10px}}