/* 모든 UI는 world/ui.css 공용 정의를 사용한다. HUD 너비만 게임마다 달라 공용 기본값이
   없으므로(world/ui.css 참고) 여기서 지정 — sweep은 뷰포트 풀와이드 캔버스라 balance의
   고정폭(960px)을 그대로 쓰면 화면 양옆에 어색한 여백이 남아, 내용에 딱 맞는 폭으로. */
#hud {
    width: fit-content;
}

/* 미니맵 — 카메라가 플레이어를 따라다녀 방 전체가 안 보일 때(특히 모바일 세로 화면)
   먼지·장애물·플레이어 위치를 한눈에 보여준다. top은 좁은 화면에서 #hud가 줄바꿈돼
   높이가 달라지므로 char_sweep.js의 positionMinimap()이 #hud 실측 높이로 덮어쓴다 —
   여기 값은 JS 실행 전(또는 실패 시) 폴백. */
#minimap-wrap {
    position: fixed;
    top: 90px;
    right: 12px;
    z-index: 10;
    padding: 4px;
    pointer-events: none;
    /* 반투명 프레임: 공용 frame.png(속이 꽉 찬 남색) 대신 속이 비치는 frame_t.png 사용,
       배경은 검정을 투명도로 낮춰 뒤의 게임 화면이 비치게 한다.
       (url()은 이 파일(sweep/) 기준으로 해석됨) */
    --ui-frame-src: url('../world/ui/frame_t.png');
    background-color: rgba(0, 0, 0, 0.7);
}

#minimap {
    display: block;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

/* 스테이지 전환 화면 페이드 — opacity는 char_sweep.js가 매 프레임 직접 계산해서 쓴다
   (CSS transition을 쓰면 게임 dt와 별개로 타이밍이 어긋나므로 여기선 안 건다). */
#stage-fade {
    position: fixed;
    inset: 0;
    background: black;
    opacity: 0;
    pointer-events: none;
    z-index: 2000;
}