/* Responsive top-left brand lockup. */
.brand-logo{display:block;width:190px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:700px){.brand-logo{width:clamp(124px,42vw,172px)}}
/* Keep the board within the viewport and place replay controls beneath it on phones. */
@media (max-width: 650px) {
  .shell {padding-inline: max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));}
  .arena, .board-frame, .review-layout, .review-detail, .review-board-wrap {min-width:0;}
  .arena {width:100%;}
  .review-section {padding-inline:12px;}
  #review-list {max-height:180px;}
  #review-list .review-move {min-height:88px;}
  #board button, #review-board button {touch-action:manipulation;}
  dialog {max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow:auto;}
}
@media (max-width: 430px) {
  .board-quick-actions {grid-template-columns:repeat(2,minmax(0,1fr));}
  .match-end-actions {flex-wrap:wrap;}
  .review-topline, .review-header-actions {flex-wrap:wrap;}
}

.intro-actions,.share-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#share-open{min-height:40px;padding:8px 12px;white-space:nowrap}
.share-options{display:grid;gap:14px}
.share-options section{display:grid;gap:8px}
.share-options label{font-weight:700}
.share-options p{margin:0}
.share-options input{width:100%;min-width:0;box-sizing:border-box}
#share-status{min-height:1.4em}
@media(max-width:390px){.intro-actions{justify-content:flex-end;max-width:190px}}

.creator-credit{text-align:center;margin:0;padding:0 0 16px;color:#b3a5bd;opacity:.6;font-size:11px;letter-spacing:.1em}
#share-replay-option[hidden]{display:none}
#share-replay-open{color:#f7c5df;padding:10px 4px}
#games-section[data-shared] :is(.games-intro,.games-toolbar,#games-count,#games-empty,#games-list,.games-detail-actions){display:none}
#games-section[data-shared] :is(.games-layout,.games-preview-layout){grid-template-columns:minmax(0,1fr)}