/* Flappy Bird (public/arcade/flappy.js). Arcade tokens come from arcade.css. One canvas centred on the CRT; the only
   DOM on top is the "still flying" card once your bird is down in a versus round. */
.ag-stage[data-kind="flappy"] { touch-action: none; cursor: pointer; -webkit-user-select: none; user-select: none; }
.ag-stage[data-kind="flappy"] .fb-wrap { position: absolute; inset: 0; display: grid; place-items: center; }
.ag-stage[data-kind="flappy"] .fb-cv { display: block; image-rendering: pixelated; image-rendering: crisp-edges; }
.ag-stage[data-kind="flappy"] .fb-wait { position: absolute; left: 0; right: 0; top: 24%; z-index: 2; pointer-events: none;
  padding: 14px 16px 18px; text-align: center; background: rgba(0, 0, 0, .8); border-top: 2px solid #2a2d4a; border-bottom: 2px solid #2a2d4a; }
.ag-stage[data-kind="flappy"] .fb-wait[hidden] { display: none; }
.ag-stage[data-kind="flappy"] .fb-wait p { margin: 0; }
.ag-stage[data-kind="flappy"] .fb-lbl { font: 400 16px/1.3 var(--font); color: #b3bcff; }
.ag-stage[data-kind="flappy"] .fb-final { font: 400 72px/1 var(--ac-pixel, "Jersey 10"); color: var(--fb-me, #f5f5f2); }
.ag-stage[data-kind="flappy"] .fb-for { margin-top: 8px; font: 400 34px/1 var(--ac-pixel, "Jersey 10"); color: #f5f5f2; overflow-wrap: anywhere; }
.ag-stage[data-kind="flappy"] .fb-for:empty { display: none; }
@media (max-height: 560px) {
  .ag-stage[data-kind="flappy"] .fb-final { font-size: 52px; }
  .ag-stage[data-kind="flappy"] .fb-for { font-size: 26px; }
}