/* 嵌入模式（網址加 ?embed=1，例如放進知識部落聯盟角落的小視窗）：
   一般網址完全不受影響。小視窗（寬 ≤520 且高 ≤420）只留島、時間與 ▶／↺；
   放大成大視窗時自動回到完整介面，倒數狀態不中斷。 */
html.embed #bPip, html.embed #bShare { display: none; } /* 跨網域內嵌時浮動小視窗與分享網址不適用 */
@media (max-width: 520px) and (max-height: 420px) {
  html.embed #hud { top: 4px; padding: 2px 10px 4px; border-radius: 14px; }
  html.embed .event { font-size: 12px; line-height: 1.3; }
  html.embed .time { font-size: 30px; min-height: 0; }
  html.embed .time.small { font-size: 16px; }
  html.embed .edit, html.embed #panel { display: none; }
  html.embed #bar { bottom: 4px; padding: 3px 6px; gap: 4px; }
  html.embed #bar .btn:not(#bPlay):not(#bReset) { display: none; }
  html.embed .btn { padding: 4px 8px; font-size: 16px; }
  html.embed .btn.main { min-width: 52px; }
  html.embed .toast { bottom: 4px; padding: 4px 10px; font-size: 12px; }
}
/* 手機上的超小視窗：只看島與時間，控制鈕請放大後操作 */
@media (max-height: 150px) {
  html.embed #bar { display: none; }
  html.embed .time { font-size: 22px; }
  html.embed .event { display: none; }
}