/* Ceety Boy Web template (board 072). Colours = the launch cards (023): navy #0E1A2B, accent yellow #E8A300. */
html, body { margin: 0; padding: 0; height: 100%; background: #0E1A2B; color: #fff; overflow: hidden;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-text-size-adjust: 100%; }
#unity-canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh; background: #0E1A2B; display: block; touch-action: none; }
#cb-overlay { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 24px; box-sizing: border-box; text-align: center; background: #0E1A2B; z-index: 2; }
#cb-overlay.hidden { display: none; }
.cb-brand { font-size: 34px; font-weight: 800; letter-spacing: 1px; margin: 0 0 4px; }
.cb-brand span { color: #E8A300; }
.cb-tag { font-size: 15px; opacity: .85; margin: 0 0 28px; }
.cb-bar { width: min(320px, 80vw); height: 8px; border-radius: 4px; background: rgba(255,255,255,.15); overflow: hidden; }
.cb-fill { width: 0; height: 100%; background: #E8A300; transition: width .2s; }
.cb-status { margin-top: 12px; font-size: 15px; }
.cb-status small, .cb-msg small { display: block; opacity: .7; margin-top: 4px; font-size: 13px; }
.cb-msg { max-width: 420px; font-size: 17px; line-height: 1.4; }
.cb-msg p { margin: 0 0 16px; }
.cb-btn { margin-top: 8px; padding: 12px 22px; border: 0; border-radius: 22px; background: #E8A300; color: #0E1A2B; font-size: 16px; font-weight: 700; }
.cb-credit { position: fixed; bottom: 10px; left: 0; right: 0; font-size: 12px; opacity: .6; }
/* Board 086: « turn your phone » (portrait on a phone) and the link card (a link the browser would not open by itself). */
#cb-turn { position: fixed; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: #0E1A2B; text-align: center; font-size: 20px; padding: 24px; box-sizing: border-box; }
#cb-turn[hidden], #cb-link[hidden] { display: none; }
#cb-turn small { display: block; opacity: .7; margin-top: 6px; font-size: 15px; }
.cb-turn-icon { font-size: 64px; color: #E8A300; margin: 0 0 12px; line-height: 1; }
#cb-link { position: fixed; inset: 0; z-index: 4; display: flex; align-items: center; justify-content: center; background: rgba(14,26,43,.85); }
.cb-link-box { max-width: min(460px, 90vw); background: #0E1A2B; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; padding: 20px; text-align: center; }
.cb-link-box p { margin: 0 0 12px; font-size: 17px; }
.cb-link-box small { display: block; opacity: .7; margin-top: 4px; font-size: 13px; }
.cb-link-box a { display: block; color: #E8A300; word-break: break-all; font-size: 15px; margin: 0 0 16px; }
/* Board 173: game error strip, non-blocking (never alert()). */
#cb-err { position: fixed; left: 12px; right: 12px; top: 12px; z-index: 30; display: flex; align-items: center; gap: 12px;
  padding: 10px 14px; border-radius: 14px; background: rgba(14, 26, 43, .94); color: #fff; font-size: 15px; line-height: 1.3; }
#cb-err[hidden] { display: none; }
#cb-err p { margin: 0; flex: 1; }
#cb-err small { display: block; opacity: .7; font-size: 13px; }
#cb-err .cb-btn { margin: 0; padding: 8px 14px; font-size: 14px; }
.cb-err-close { border: 0; background: none; color: #fff; font-size: 22px; padding: 0 4px; }