/* ui/podium.css — 頒獎台的 HTML 疊層（略過鈕）。按鈕的接線由 ui/game.js 負責：點了呼叫 podium.skip()。
   用法：<button class="podium-skip" type="button">略過 ›</button> 放在 #ui 底下；播完或 stop 時移除或加 .hide。 */
.podium-skip {
  position: fixed; z-index: 30; pointer-events: auto;
  top: calc(14px + env(safe-area-inset-top, 0px)); right: 16px;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 18px; border: 0; border-radius: 999px; cursor: pointer;
  font: 800 16px/1 "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif; letter-spacing: .04em;
  color: #3A2E2A; background: rgba(255, 249, 238, .92);
  box-shadow: inset 0 -3px 0 rgba(58, 46, 42, .12), 0 4px 12px rgba(58, 46, 42, .16);
  transition: opacity .25s, transform .12s;
  animation: podium-skip-in .4s .6s both;
}
.podium-skip:hover { transform: translateY(-1px); }
.podium-skip:active { transform: translateY(1px); }
.podium-skip:focus-visible { outline: 3px solid #E8B33A; outline-offset: 2px; }
.podium-skip.hide { opacity: 0; pointer-events: none; }
@keyframes podium-skip-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) { .podium-skip { top: calc(10px + env(safe-area-inset-top, 0px)); right: 10px; padding: 8px 14px; font-size: 15px; } }