html, body { margin: 0; height: 100%; background: #000; overflow: hidden; }
#slide { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000; }
body[data-state="empty"] #slide, body[data-state="halted"] #slide, body[data-state="loading"] #slide, body[data-state="closed"] #slide { visibility: hidden; }
#msg { position: fixed; inset: 0; display: grid; place-items: center; padding: 24px; color: #ddd; text-align: center;
  font: 32px/1.5 "Microsoft JhengHei", "Noto Sans TC", sans-serif; }
#msg[hidden] { display: none; }
body.idle { cursor: none; }
body[data-state="paused"]::after { content: "已暫停（按 P 繼續）"; position: fixed; top: 16px; right: 16px; padding: 8px 14px;
  border-radius: 8px; background: rgba(0, 0, 0, .65); color: #fff; font: 18px "Microsoft JhengHei", "Noto Sans TC", sans-serif; }