/* Strong ink and larger details keep the parchment panel easy to read. */
.login-account{font-size:14px;color:#402b1b}
.login-roster-heading{font-size:12px;font-weight:700;letter-spacing:.25px;color:#49321f}
.login-roster-heading>span:last-child{color:#58402b}
.login-character-select-wrap select{min-height:46px;font-size:14px;font-weight:600;color:#2c1c10;background:linear-gradient(#ead9b9,#ddc49b);border-color:#795634}
.login-character-select-wrap option{background:#ead9b9;color:#2c1c10}
.login-character-select-wrap>span{top:11px;color:#53351d}
.login-character-list .character-card,
.login-character-list .character-card:hover,
.login-character-list .character-card.selected-character-preview,
.login-character-list .selected-character-preview:hover{grid-template-columns:56px minmax(0,1fr) 6px;gap:10px;min-height:104px;padding:12px 10px;background:linear-gradient(115deg,#ead8b7,#ddc49b);border-color:#795634;box-shadow:inset 3px 0 #8d6233,inset 0 1px #fff1d38c,0 2px 5px #4a30161a;color:#25190f}
.login-character-list .character-card canvas{width:52px;height:66px}
.login-character-list .character-card strong{font:700 16px/1.35 'Segoe UI',Arial,sans-serif;color:#25190f;text-shadow:none}
.login-character-list .character-card small{display:block;font:500 14px/1.4 'Segoe UI',Arial,sans-serif;color:#483222;margin-top:5px}
.login-character-list .character-card .card-server{font-size:13px;font-weight:600;color:#53402c;margin-top:3px}
.login-character-list .selected-diamond{background:#765027}
.login-new-character{font-size:14px;font-weight:600;color:#452b17;background:#ddc49b;border-color:#997248;padding:11px 8px}
.login-new-character:hover{background:#ead5b1;border-color:#76502c}
.login-characters .logout-button{font-weight:700;color:#452b17}