/* Keep the notice legible on Safari even when system CJK fallback is unavailable. */
@font-face {
  font-family: WitchNotice;
  src: url('Cubic_11.ttf') format('truetype');
  font-display: swap;
}
/* Adaptive engine sizing keeps the 16:9 play area inside the browser viewport. */
html, body {
  overscroll-behavior: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
#game-stage {
  position: fixed;
  inset: 0;
  overflow: hidden;
  touch-action: none;
}
#canvas {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
#rotate-notice {
  display: none;
  position: fixed;
  left: 20px;
  right: 20px;
  top: max(28px, env(safe-area-inset-top, 0px));
  color: #f2e8cf;
  font: 18px/1.5 WitchNotice, 'PingFang TC', sans-serif;
  text-align: center;
  pointer-events: none;
}
#rotate-notice strong { display: block; color: #f5b060; font-size: 21px; }
@media (max-width: 600px) and (orientation: portrait) {
  #rotate-notice { display: block; }
}