.character-portrait{background:#193c35;box-shadow:0 0 0 4px #d8c17d0b;display:inline-flex;align-items:center;justify-content:center}
.character-portrait svg{display:block;width:100%;height:100%}
.avatar-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;padding:0;margin:22px 0}
.avatar-choices legend{font-size:13px;color:var(--muted);margin-bottom:12px}
.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 8px 16px!important;min-width:0;border-radius:12px!important;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.avatar-option .character-portrait{width:92px;height:92px;border:2px solid #b79a5c}
.avatar-option>span:last-child{font-size:13px;text-align:center;line-height:1.5}
.avatar-option input{position:absolute;top:10px;left:10px;width:16px;height:16px;accent-color:var(--gold)}
.avatar-option:hover{background:#2c4b3f;transform:translateY(-2px)}
.avatar-option:has(input:checked){border-color:var(--gold)!important;background:#d7b66a1c;box-shadow:inset 0 0 0 1px var(--gold)}
.avatar-option:has(input:focus-visible){outline:3px solid #f6d993;outline-offset:3px}
.avatar-selection-status{margin:0 0 18px;color:var(--gold);font-size:13px}
#rail .new-session-button{margin-top:auto;width:74px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--muted);font:inherit;cursor:pointer}
#rail .new-session-button span{font-size:23px;color:var(--gold)}
#rail .new-session-button small{font-size:10px;line-height:1.4}
#rail .new-session-button:hover,#rail .new-session-button:focus-visible{background:#274439;color:var(--cream);border-color:var(--gold)}
@media(max-width:600px){.avatar-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avatar-option .character-portrait{width:72px;height:72px}.avatar-option{padding:16px 6px 12px!important}#rail .new-session-button{margin:0;width:auto;flex:1;min-width:0;min-height:54px;padding:3px;border:0;gap:2px}#rail .new-session-button span{font-size:20px}#rail .new-session-button small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.avatar-option{transition:none}.avatar-option:hover{transform:none}}
@media(min-width:601px) and (max-height:800px){#game-dialog:has(#profile-form){padding:24px}#profile-form .avatar-choices{margin:12px 0}#profile-form .avatar-option{padding:12px 8px!important;gap:6px}#profile-form .character-portrait{width:72px;height:72px}#profile-form .avatar-selection-status{margin:8px 0}#profile-form .muted{margin:10px 0}}
@media(max-width:600px){#game-dialog:has(#profile-form){padding:18px}#profile-form .avatar-choices{margin:12px 0}#profile-form .avatar-option{padding:12px 6px!important;gap:6px}#profile-form .character-portrait{width:60px;height:60px}#profile-form .avatar-selection-status{margin:10px 0}}