/* Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V4
 * Kestrel station stage only. Shared frame, ad wells and board width stay owned elsewhere. */
.orbit-page .game-wrap {
  --orbit-depth-space: #071525;
  --orbit-depth-gold: #f3c753;
  --orbit-depth-edge: #456276;
  --orbit-depth-ink: #061521;
  --orbit-depth-control: var(--color-paper-2);
  --orbit-depth-focus: var(--color-focus);
  --orbit-depth-font: var(--font-body);
  min-width: 0;
}
.orbit-page .game-wrap #game-canvas {
  background: var(--orbit-depth-space);
  border: 1px solid var(--orbit-depth-edge);
  border-radius: 12px;
  aspect-ratio: 1;
  touch-action: manipulation;
}
.orbit-page .game-wrap .hud { flex-wrap: wrap; font-size: .76rem; }
.orbit-page .game-wrap .hud > span { min-width: 0; overflow-wrap: anywhere; }
.orbit-page .game-wrap #status {
  height: auto;
  min-height: 58px;
  font-size: .82rem;
  overflow-wrap: anywhere;
}
.orbit-page .game-wrap :is(button, input, select, textarea, summary) {
  min-width: 44px;
  min-height: 44px;
  max-width: 100%;
  font-family: var(--orbit-depth-font);
  box-sizing: border-box;
}
.orbit-page .game-wrap button { line-height: 1.3; white-space: nowrap; }
.orbit-page .game-wrap #orbit-action {
  background: var(--orbit-depth-gold);
  color: var(--orbit-depth-ink);
  min-height: 54px;
  font-size: 1rem;
  white-space: nowrap;
}
.orbit-page .game-wrap #orbit-action::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: .55rem;
  background: url("assets/depth-kestrel.svg") center / contain no-repeat;
  vertical-align: -.4rem;
}
.orbit-page .game-wrap :is(button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--orbit-depth-focus);
  outline-offset: 3px;
}
.orbit-page .game-wrap :is(input, select, textarea) { font-size: 16px; }
.orbit-page .game-wrap :is(.orbit-delay__actions, .orbit-flight__modes, .orbit-replay__choices) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.orbit-page .game-wrap :is(.orbit-flight, .orbit-replay, .orbit-delay, .orbit-result) {
  min-width: 0;
  overflow-wrap: anywhere;
}
.orbit-page .game-wrap .orbit-result :is(#orbit-share, #orbit-copy) {
  width: calc(100% - .3rem);
  white-space: nowrap;
}
/* Both labs have long action labels; one column keeps clickable text on one line. */
@media (max-width: 414px) {
  .orbit-page .game-wrap :is(.orbit-delay__actions, .orbit-replay__choices) {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .orbit-page .game-wrap button { transition: none; }
  .orbit-page .game-wrap button:is(:hover, :active) { transform: none; }
}
/* The shared controls need their own row beside the longer Orbit caption. */
@media (max-width:414px) {
  .orbit-page .game-header.pip-host {display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;}
  .orbit-page .game-header .game-tag {white-space:normal;}
  .orbit-page .game-header .pip-bar {margin-left:0;max-width:100%;justify-content:flex-start;flex-wrap:wrap;}
}