/* September 14: explicit first-frame states, clear fallbacks, quieter motion. */
.pc-stage #pc3d { touch-action: pinch-zoom; user-select: none; -webkit-user-select: none; }
.pc-stage #pc3d canvas { touch-action: pinch-zoom; }
.pc-stage #pc3d[data-dragging="true"] { cursor: grabbing; }
.pc-stage #pc3d .pc-poster { opacity: 1; }
#pc3d .iris-meet { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; z-index: 6; padding: 10px 16px; }
#pc3d .iris-popover { z-index: 7; }
#pc3d .iris-popover button { min-height: 44px; }
#pc3d[data-state="loading"] .pc-load-status,
#pc3d[data-state="fallback"] .pc-load-status {
  inset: auto 12px 54px;
  padding: 12px 14px;
  border: 1px solid #514b70;
  border-radius: 6px;
  background: #090a15f2;
  color: #f0edff;
  text-align: left;
  font-size: 13px;
  line-height: 1.5;
}
#pc3d[data-state="fallback"] .pc-load-status { flex-wrap: wrap; }
#pc3d[data-state="fallback"] .pc-load-status::before { display: none; }
#pc3d[data-state="loading"] .pc-load-status {
  inset: auto auto 64px 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 32px);
  padding: 9px 14px;
  border-color: #82769d40;
  border-radius: 24px;
  background: #101020e6;
  color: #d9d4ea;
  font-size: 12px;
  gap: 8px;
  box-shadow: 0 4px 18px #0003;
}
#pc3d[data-state="loading"] .pc-load-status::before { width: 12px; height: 12px; }
.pc-load-status button {
  cursor: pointer;
  border: 1px solid #746a9e;
  border-radius: 20px;
  background: #171528;
  color: #f0edff;
  font: 500 12px/1.3 var(--hd-font, sans-serif);
  padding: 10px 14px;
  min-height: 40px;
}
.pc-load-status button:hover { background: #302845; }
.pc-load-status button:focus-visible {
  outline: 2px solid #d1c2ff; outline-offset: 3px;
}
.hd-page .hero-copy .intro, .hd-page .hd-build-hero .intro { color: #e1e0f3 !important; }
.hd-page .hero-copy .micro, .hd-page .hd-build-hero .micro { color: #d4ceeb !important; }
.hd-page .hero-actions .button { background: #c1b3ed; color: #17132d !important; }
.hd-page .hero-actions .button span { color: inherit !important; }
.local-gameplay { background: #090c1d; }
.local-gameplay video::-webkit-media-controls-start-playback-button { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  .pc-load-status::before { animation: none !important; }
}