/* 合集共享的新手引导 toast。定位在画面下部偏上,避开各游戏底部的操作区。 */
.arcade-coach {
  position: fixed;
  z-index: 120;
  left: 50%;
  /* 抬到操作区之上:各游戏底部都有按钮排(goldminer 工具列、colorcards 手牌、
     shooter 摇杆区),压住它们会让引导本身变成障碍。 */
  bottom: max(148px, calc(env(safe-area-inset-bottom) + 148px));
  max-width: min(420px, calc(100vw - 32px));
  padding: 10px 16px;
  border: 2px solid rgba(255, 236, 176, .85);
  border-radius: 3px;
  background: rgba(18, 16, 12, .92);
  color: #ffeeb8;
  font: 800 13px/1.5 "Courier New", "Microsoft YaHei", monospace;
  text-align: center;
  text-wrap: balance;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, .45);
  transform: translate(-50%, 0);
  pointer-events: none;
}

.arcade-coach[hidden] { display: none; }

.arcade-coach.is-in { animation: arcade-coach-in .26s cubic-bezier(.24, 1.3, .6, 1) both; }

@keyframes arcade-coach-in {
  from { opacity: 0; transform: translate(-50%, 10px) scale(.96); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .arcade-coach.is-in { animation: none; }
}