.character-choice-field{border:0;padding:0;margin:24px 0 8px;min-width:0;grid-column:1/-1}
.character-choice-field legend{font-size:13px;color:#d2ddbc;font-weight:500;padding:0;margin-bottom:12px}
.character-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.character-choices .character-choice{display:block;position:relative;margin:0;cursor:pointer;min-width:0}
.character-choices .character-choice input{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0}
.character-choice-card{display:flex;align-items:center;flex-direction:column;position:relative;border:1px solid #9eaf8940;border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#799c6740,transparent 75%),#122122;min-height:48px;justify-content:center;padding:10px 34px;transition:border-color .15s,background-color .15s}
.character-choice-card strong{display:block;color:#c5ceba;font-size:14px;line-height:24px;margin-top:0}
.character-selected-mark{display:none;position:absolute;right:10px;top:9px;background:#cad8ad;color:#203229;border-radius:50%;width:23px;height:23px;line-height:23px;text-align:center;font-size:14px}
.character-choice input:checked+.character-choice-card{border-color:#c7d7a9;box-shadow:inset 0 0 0 1px #c7d7a9;background-color:#263a30}
.character-choice input:checked+.character-choice-card .character-selected-mark{display:block}
.character-choice input:checked+.character-choice-card strong{color:#e0e9cc}
.character-choice input:focus-visible+.character-choice-card{outline:3px solid #e4c384;outline-offset:3px}
.character-choice-field .character-choice-note{font-size:11px!important;line-height:1.7!important;color:#9aac9c!important;margin:12px 0 0!important}
.character-appearance{display:block;margin:3px auto 6px;padding:10px 12px;min-height:44px;background:none;color:#c4d1ad;border:0;border-radius:8px;font:inherit;font-size:11px;cursor:pointer}
.character-appearance:hover{background:#b6c79610}
.character-avatar-host{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;position:relative;z-index:0;pointer-events:none}
@media(max-width:760px){.character-choice-field{margin-top:20px}.character-appearance{margin:0 auto 2px}.character-choices{gap:10px}}