/* 收件箱清零（游戏厅那一份）的样式，中英文入口共用 */
:root { --cream: #fff6e3; --ink: #161616; --neon: #3dff5a; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  height: 100%;
  overflow: hidden;
  background-color: var(--cream);
  background-image: radial-gradient(rgba(22,22,22,.13) 1.2px, transparent 1.3px);
  background-size: 22px 22px;
  overscroll-behavior: none;
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
  font-family: "Comic Sans MS", "Chalkboard SE", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif;
}
html:lang(zh-Hant), html:lang(zh-Hant) body { font-family: "Comic Sans MS", "Chalkboard SE", "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", sans-serif; }
#wrap { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
canvas {
  display: block;
  background: var(--cream);
  border: 3px solid var(--ink);
  border-radius: 18px;
  box-shadow: 7px 8px 0 var(--ink);
  touch-action: none;
}
canvas.full { border: none; border-radius: 0; box-shadow: none; }
#mute, #pause {
  position: fixed;
  bottom: max(12px, env(safe-area-inset-bottom));
  min-width: 64px; min-height: 44px;
  padding: 8px; border: 2px solid var(--ink); border-radius: 13px;
  background: var(--cream); color: var(--ink); box-shadow: 3px 3px 0 var(--ink);
  font-size: 14px; font-weight: bold; font-family: inherit; cursor: pointer; touch-action: manipulation;
}
#mute { right: max(12px, env(safe-area-inset-right)); }
#pause { left: max(12px, env(safe-area-inset-left)); display: none; }
#pause.show { display: block; }
#mute[aria-pressed="true"], #pause[aria-pressed="true"] { background: #ffe48a; }
#mute:active, #pause:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--ink); }
#mute:focus-visible, #pause:focus-visible { outline: 3px solid var(--neon); outline-offset: 4px; }
/* 横屏矮屏：按钮缩小贴底，别挡挡板 */
@media (orientation: landscape) and (max-height: 500px) {
  #mute, #pause { min-width: 52px; min-height: 32px; padding: 4px 8px; font-size: 12px; border-radius: 10px; bottom: max(6px, env(safe-area-inset-bottom)); }
}