/* Illustrated selection thumbnails accompany, never replace, the live model. */
.character-portrait{display:block;flex:none;width:64px;height:64px;background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 3px 3px #59674412)}
.form-card{min-height:82px;padding:5px 10px;gap:8px;overflow:hidden}
.form-card .character-portrait{width:64px;height:64px}
.form-card[aria-pressed=true] .character-portrait{filter:drop-shadow(0 3px 5px #6a805128)}
.neighbor-dot:has(.character-portrait){width:100%;height:90px;border:0;border-radius:12px;background:radial-gradient(ellipse,#e5eddc,transparent 70%);display:grid;place-items:center;margin:0 auto 10px}
.neighbor-dot .character-portrait{width:100px;height:100px}
.resident-portrait:has(.character-portrait){width:160px;height:150px;margin:0 auto 12px;border:0;background:radial-gradient(ellipse,#e6edda,transparent 70%);display:grid;place-items:center}
.resident-portrait .character-portrait{width:164px;height:164px}
.avatar-stage{background:radial-gradient(ellipse at 50% 42%,#fffef8 0%,#f0f2e3 47%,#dce7d4 100%);border:1px solid #d5dfca;box-shadow:inset 0 0 50px #ffffff70}
.emote-panel{z-index:5;max-height:calc(100dvh - 165px);overflow-y:auto;overscroll-behavior:contain}
#game:has(#emote-panel:not([hidden])) .map-widget{visibility:hidden;pointer-events:none}
@media(max-width:800px){.emote-panel{max-height:calc(100dvh - 234px)}}
@media(max-width:800px){.form-card .character-portrait{width:47px;height:47px}.form-card{min-height:62px}}
@media(max-width:560px){.form-card .character-portrait{width:49px;height:49px}.form-card{padding:3px 6px}.neighbor-dot:has(.character-portrait){height:76px}.neighbor-dot .character-portrait{width:85px;height:85px}}