.play-top { display:flex; align-items:center; gap:16px; min-height:58px; padding:4px var(--page-gutter); background:var(--base); border-bottom:1px solid #ffffff25; flex-shrink:0; }
.play-back { white-space:nowrap; }
#game-name { min-width:0; font-size:.85rem; font-weight:650; color:var(--muted); }
.play-utilities { margin-left:auto; display:flex; align-items:center; gap:8px; }
.play-utilities a, .play-utilities button { white-space:nowrap; }
#game-frame { flex:1; width:100%; border:0; min-height:0; background:var(--base); }
#status { flex:1; min-height:0; overflow:auto; display:grid; place-items:center; text-align:center; padding:24px var(--page-gutter); background:var(--base); }
#status h1 { font-size:clamp(2rem,4.8cqw,4rem); line-height:1; margin:0 0 16px; }
#status p { color:var(--muted); line-height:1.65; font-size:.95rem; margin:0 0 24px; }
.status-inner { max-width:620px; }
.status-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; }
@container stage (max-width:700px) {
  .play-top { gap:8px; }
  .play-top .quiet-action { font-size:.75rem; padding-inline:8px; }
  .play-top .wordmark { font-size:1rem; }
  #game-name { font-size:.75rem; }
  #open-direct { display:none; }
}
@container stage (max-height:420px) {
  .play-top { min-height:52px; padding-block:2px; }
  #status h1 { font-size:clamp(1.8rem,4cqw,3rem); }
}