/* Shared arcade chrome injected into game pages by shared/arcade.js */
.arcade-bar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px max(10px, env(safe-area-inset-left)) max(6px, env(safe-area-inset-bottom));
  font: 600 12px/1 'Segoe UI', Roboto, system-ui, sans-serif;
  color: #ffe9b8;
  background: linear-gradient(to top, rgba(4, 2, 12, .92), rgba(4, 2, 12, 0));
  pointer-events: none;
  z-index: 40;
}
.arcade-bar a, .arcade-bar .arcade-who { pointer-events: auto; }
.arcade-back {
  color: #ffce6a;
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid rgba(255, 201, 74, .4);
  border-radius: 999px;
  background: rgba(10, 4, 22, .6);
}
.arcade-back:active { transform: translateY(1px); }
.arcade-who { display: flex; align-items: center; gap: 6px; opacity: .85; }
.arcade-who img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; }
.arcade-dot { width: 8px; height: 8px; border-radius: 50%; background: #FF9933; display: inline-block; }

/* Keep the game's own bottom controls clear of the bar on phones. */
body.dev-phone #controls { padding-bottom: 34px; }

.arcade-games { pointer-events: auto; color: #ffe9b8; text-decoration: none; padding: 5px 10px; border: 1px solid rgba(255,201,74,.4); border-radius: 999px; background: rgba(10,4,22,.6); }
.arcade-games.out { color: #ff9aa2; border-color: rgba(255,120,130,.6); }
.arcade-paywall { position: fixed; inset: 0; z-index: 9500; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(8,3,16,.86); font-family: system-ui, sans-serif; }
.apw-card { width: min(380px, 100%); background: #2d1330; border: 2px solid rgba(255,201,74,.6); border-radius: 22px; padding: 22px 18px; text-align: center; color: #fff6e8; display: flex; flex-direction: column; gap: 10px; }
.apw-emoji { font-size: 44px; } .apw-card h2 { margin: 0; color: #ffc94a; } .apw-card p { margin: 0; color: #d9c3cf; line-height: 1.45; }
.apw-card small { color: #b89aa9; font-size: 12px; margin-top: -4px; }
.apw-btn { display: block; padding: 13px; border-radius: 14px; border: 0; font: 800 16px system-ui, sans-serif; color: #2a0f1e; background: linear-gradient(180deg, #FFD466, #FF9933); text-decoration: none; cursor: pointer; }
.apw-btn.alt { background: linear-gradient(180deg, #7fe3c1, #2fbf71); }
.apw-back { color: #ffce6a; font-size: 14px; text-decoration: none; padding: 6px; }
.arcade-games[hidden] { display: none; }

/* children: no free-text chat */
body.kid-mode #chatForm, body.kid-mode .chat-in { display: none !important; }