/* Giggle Park — shell + huge always-reachable overlay controls. */
html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: #87CEEB;
  font-family: system-ui, -apple-system, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  overscroll-behavior: none;
}
canvas { display: block; touch-action: none; }

/* Big round friendly buttons — comfortably above the 88px toddler floor. */
#houseBtn, #muteBtn {
  position: fixed;
  top: max(14px, env(safe-area-inset-top));
  width: 96px;
  height: 96px;
  border: none;
  border-radius: 50%;
  font-size: 46px;
  line-height: 1;
  cursor: pointer;
  z-index: 10;
  touch-action: manipulation;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
  transition: transform 0.08s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
#houseBtn { left: max(14px, env(safe-area-inset-left)); }
#muteBtn  { right: max(14px, env(safe-area-inset-right)); }

#houseBtn:active, #muteBtn:active { transform: scale(0.9); }

/* No "go home" button while you're already home. */
body[data-scene="hub"] #houseBtn { display: none; }