/* 城市前線 Unity 版網頁範本：畫面填滿瀏覽器（DECISIONS U1-8） */
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #10141a; }
#cf-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
#unity-canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; outline: none;
  background: #231F20; touch-action: none; -webkit-user-select: none; user-select: none; }
#cf-loading { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center;
  background: #10141a; color: #e8edf2; font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', sans-serif; }
#cf-loading { transition: opacity 0.6s; }
#cf-loading.cf-done { opacity: 0; pointer-events: none; }
/* U5.9 標題畫面：背景是放大、模糊、變暗的封面圖，中間是完整封面（標題字在圖裡） */
#cf-cover-bg { position: absolute; left: -40px; top: -40px; right: -40px; bottom: -40px;
  background: url('cover.jpg') center / cover; filter: blur(18px) brightness(0.45); }
#cf-loading-box { position: relative; width: min(92vw, 960px); text-align: center; }
#cf-cover { display: block; width: 100%; max-height: 62vh; object-fit: contain; margin: 0 auto;
  border-radius: 10px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.55); }
#cf-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } /* 標題字在封面圖裡，這行給螢幕閱讀器 */
#cf-subtitle, #cf-bar, #cf-percent, #cf-author { max-width: 360px; margin-left: auto; margin-right: auto; }
#cf-subtitle { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); }
#cf-subtitle { margin-top: 18px; font-size: 14px; opacity: 0.85; }
#cf-subtitle.cf-failed { color: #ff8a8a; opacity: 1; }
#cf-bar { margin-top: 18px; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, 0.15); overflow: hidden; }
#cf-bar-fill { width: 0%; height: 100%; background: #5aa7ff; transition: width 0.2s; }
#cf-percent { margin-top: 8px; font-size: 13px; opacity: 0.8; }
#cf-author { margin-top: 28px; font-size: 12px; opacity: 0.55; }
#cf-banner { position: absolute; left: 50%; top: 12px; transform: translateX(-50%); z-index: 3; max-width: 90vw;
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif; font-size: 14px; }
.cf-msg { margin-top: 6px; padding: 8px 12px; border-radius: 6px; background: rgba(255, 255, 255, 0.9); color: #111; }
.cf-msg.cf-warning { background: #ffe58a; }
.cf-msg.cf-error { background: #d83b3b; color: #fff; }