/* Styles de public/world/index.php — sortis de la page (i102b). */

html, body { margin: 0; height: 100%; background: #0a0806; overflow: hidden; }
canvas { display: block; }
#fs {
  position: fixed; inset-inline-end: 18px; bottom: 18px; z-index: 2;
  width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(212,175,55,.6);
  background: rgba(10,8,6,.55); color: #F2C94C; font-size: 22px; cursor: pointer;
  transition: opacity .4s;
}
#fs:focus-visible { outline: 2px solid #F2C94C; outline-offset: 3px; }
body.idle { cursor: none; }
body.idle #fs { opacity: 0; pointer-events: none; }

/* i109 : « Touchez l'écran pour les nourrir » — quelques secondes, puis s'efface. */
canvas { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
#feed-hint {
  position: fixed; inset-inline-start: 50%; bottom: 22px; z-index: 2; transform: translate(-50%, 12px);
  padding: 10px 20px; border-radius: 999px; background: rgba(10,8,6,.55); color: #F5EBDD;
  font: 600 clamp(15px, 2.2vh, 24px)/1.2 system-ui, sans-serif; letter-spacing: .02em;
  border: 1px solid rgba(212,175,55,.45); opacity: 0; pointer-events: none;
  transition: opacity .6s, transform .6s; white-space: nowrap;
}
#feed-hint.on { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { #feed-hint { transition: none; } }