/* Tiffin Blast: kitchen-tile backdrop, score HUD, pause overlay */

body.game {
  --bg-top: #12707a;
  --bg-bottom: #0a3d48;
  --hud-ink: #fff;
  --hud-chip: rgba(255, 255, 255, .14);
  overscroll-behavior: none;
  background:
    radial-gradient(circle at 15% 12%, rgba(255, 200, 110, .16) 0 70px, transparent 71px),
    radial-gradient(circle at 90% 26%, rgba(255, 255, 255, .07) 0 100px, transparent 101px),
    radial-gradient(circle at 18% 92%, rgba(255, 180, 90, .12) 0 120px, transparent 121px),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .025) 0 2px, transparent 2px 22px),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}

.subhud {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px;
  max-width: 560px; width: 100%; margin-inline: auto; padding: 0 16px 2px;
}
.subhud .chip { white-space: nowrap; }
.tb-best { justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-size: 16px; }
.tb-best svg { width: 20px; height: 20px; }
.tb-score {
  justify-self: center; background: none !important; padding: 0 !important;
  font: 800 36px/1 var(--font); letter-spacing: .01em; text-shadow: 0 3px 0 rgba(0, 0, 0, .22); font-variant-numeric: tabular-nums;
}
.tb-combo { justify-self: end; background: var(--turmeric) !important; color: var(--ink); font-weight: 800; }
.tb-combo.bump { animation: tbBump .35s cubic-bezier(.2, 1.6, .4, 1); }
@keyframes tbBump { from { transform: scale(1.35); } to { transform: none; } }

.boosters:empty { padding: 0 0 env(safe-area-inset-bottom, 0px); }

.tb-pause {
  position: absolute; inset: 0; z-index: 7; display: grid; place-content: center; gap: 4px; border: 0;
  background: rgba(5, 30, 36, .62); color: #fff; font: inherit; text-align: center;
}
.tb-pause[hidden] { display: none; }
.tb-pause b { font: 700 34px/1.1 var(--display); }
.tb-pause span { font-weight: 700; opacity: .85; }

/* Keep the coach line on one line when it fits (left:50% + translate otherwise halves its width) */
.coach-line { width: max-content; font-size: 15px; padding: 7px 14px; }