/* Touch screen test */
.tt-stage { background: #0f1115; touch-action: none; cursor: crosshair; aspect-ratio: 4 / 3; overscroll-behavior: contain; }
@media (max-width: 560px) { .tt-stage { aspect-ratio: 3 / 4; max-height: 70vh; } }
.tt-now { position: absolute; left: 12px; top: 10px; margin: 0; z-index: 3; color: #cfd3dc; font: 600 .9rem/1.3 system-ui, sans-serif; pointer-events: none;
  font-variant-numeric: tabular-nums; }
.tt-x { position: absolute; z-index: 6; right: max(12px, env(safe-area-inset-right)); top: max(12px, env(safe-area-inset-top)); display: none;
  align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 999px; border: 0; padding: 0;
  background: rgba(20, 22, 28, .8); color: #fff; cursor: pointer; }
.tt-x svg { width: 24px; height: 24px; }
.tt-stage.is-full .tt-x { display: flex; }
.tt-stage.is-full .fs-btn { display: none; }
.tt-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tt-stats div { display: grid; text-align: center; background: var(--bg); border-radius: 12px; padding: 8px 4px; }
.tt-stats .stat { font-size: 1.8rem; font-weight: 800; line-height: 1.1; }
.tt-stats small { color: var(--muted); font-size: .8rem; }