body {
      place-items: center;
      width: 100%;
}

#progressBar {
      border: 2px solid #3b82f6;
      border-radius: 1rem;
      overflow: hidden;
}

#modal {
      max-height: 100%;
      width: 100vw; /* vw 단위가 더 안전함 */
      height: 100vh; /* 부모가 아닌 기기 화면 높이 기준 */
      z-index: 999;
      justify-content: center;
      align-items: center;
}

#modal .txt {
      padding-left: 1.5rem;
}

#modal .txt {
      display: flex !important;
}

#cover {
      bottom: 0rem;
      background-color: white;
      font-weight: bold;
      font-size: 1rem;
      color: #555555;
      width: 95%;
}

#cover > div {
      display: flex !important;
}

#download-btn {
      border-radius: 0.5rem;
}

#progressPer {
      z-index: 1;
      background-color: #ffffff00;
}

#progressBg {
      left: 0px;
      top: 0px;
      width: 0%;
      background-color: var(--color-emerald-400);
      background-color: #34d399 !important;
}

#guide_text {
      background-color: #ffffff;
      padding-left: 1.2em; /* 전체 왼쪽 여백 (당구장 기호 공간만큼) */
      text-indent: -1.2em; /* 첫 번째 줄만 왼쪽으로 다시 당기기 */
      font-family: 'Malgun Gothic', dotum, sans-serif;
      font-size: 0.95rem;
      line-height: 1.6;
      color: #333;
      word-break: keep-all;
}

/* 너비 동일화를 위한 설정 */
#status,
#explain {
      box-sizing: border-box;
}

#footer {
      color: white;
      font-size: 0.85rem;
}

#footer .txt {
      display: flex !important;
}

div.hide {
      display: none !important;
}
