/* 지도별 채널 아이콘과 하단 정보는 실제 표시 상태를 따른다. */
#am-liveChannel::before{background-image:var(--am-map-icon);flex:none;margin-right:3px}
#am-liveChannel[data-map="greenhouse"]::before{background-image:var(--am-map-icon)}
/* 닫을 수 있는 정보창은 일어나기·안내 높이를 예약하지 않는다. */
#am-panel,#am-userPanel,body:has(#am-userPanel:not([hidden])) #am-panel,body:has(#am-standup:not([hidden])) #am-panel:not(:has(.am-detailTitle)){top:auto;bottom:calc(4px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 72px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto}
#am-panel{z-index:40}
@media(max-width:700px),(max-width:900px) and (max-height:500px){
 #am-liveStats{right:152px;gap:3px;padding-inline:7px;font-size:11px}
 #am-liveChannel{font-size:11px;line-height:14px;white-space:normal}
 #am-liveChannel::before{display:block;width:14px;height:18px;margin-right:0}
 #am-liveChannel::after{width:6px;margin-left:0}
 #am-liveStats .am-stat{gap:2px}#am-liveStats img,#am-liveStats svg{width:12px;height:12px}#am-liveCapacity{font-size:9px}
 #am-panel,#am-userPanel,body:has(#am-userPanel:not([hidden])) #am-panel,body:has(#am-standup:not([hidden])) #am-panel:not(:has(.am-detailTitle)){bottom:calc(4px + var(--am-safe-bottom));max-height:calc(100dvh - 72px - var(--am-safe-top) - var(--am-safe-bottom))}
}

.am-logo img{filter:brightness(0) saturate(100%) invert(56%) sepia(13%) saturate(1064%) hue-rotate(63deg)}
#am-brand picture{display:flex;align-items:center}

/* 모바일 채널 목록에 화면 높이를 충분히 배정하고 제목·닫기는 스크롤 밖에 둔다. */
@media(max-width:700px),(max-height:500px){
 .am-channelPicker .am-pickerSheet{height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:0}
 .am-channelPicker .am-pickerSheet>*{flex-shrink:0}
 .am-channelPicker #am-channelCards{flex:1;min-height:0;overflow-y:auto;flex-shrink:1}
 #am-hud>.am-row:first-child{right:calc(100px + var(--am-safe-right,0px))}
}
#am-toast{top:auto;left:50%;right:auto;transform:translateX(-50%);text-align:center;bottom:var(--am-message-bottom,90px);max-width:min(600px,calc(100vw - 32px))}
#am-controlHelpPanel{left:50%;right:auto;text-align:center}

#am-renderHelp{left:50%;right:auto;top:auto;bottom:var(--am-message-bottom,90px);transform:translateX(-50%);text-align:center;max-width:calc(100vw - 32px)}
#am-toast{bottom:var(--am-toast-bottom,var(--am-message-bottom,90px))}

#am-standup{bottom:calc(16px + env(safe-area-inset-bottom,0px))}

#am-channelCards{align-content:start;grid-auto-rows:max-content}
.am-channelCard{align-self:start}
#am-controlHelp .am-helpButton{bottom:calc(4px + env(safe-area-inset-bottom,0px))}