/* Crosslink V275 — shared non-game layout surfaces.
 * Visual-only: no hidden states, gameplay canvas or interactive form logic changed.
 * Mirrors the main Offline/Online page width and white panel treatment. */
:root {
  --cl-page-max:1080px;
  --cl-page-margin:12px;
  --cl-page-padding:clamp(16px,2.2vw,28px);
  --cl-page-radius:24px;
  --cl-page-shadow:0 12px 32px rgba(21,43,74,.14);
  --cl-page-border:#dce6f1;
}
/* Same width and centring regardless of account sign-in state. */
body.crosslink-standalone-page main,
body.crosslink-standalone-page.cl-signed-in main,
body.history-body .history-wrap {
  box-sizing:border-box!important;
  width:calc(100% - 24px)!important;
  max-width:var(--cl-page-max)!important;
  margin:24px auto 28px!important;
  padding:var(--cl-page-padding)!important;
  background:#fff!important;
  border:1px solid var(--cl-page-border)!important;
  border-radius:var(--cl-page-radius)!important;
  box-shadow:var(--cl-page-shadow)!important;
}
/* The large outer panel is always solid; inner content keeps its existing layout. */
body.crosslink-standalone-page main>h1,
body.history-body .history-hero h1 {
  color:#213954!important;
  text-shadow:none!important;
  text-align:center;
  line-height:1.2;
}
body.crosslink-standalone-page main>h1+p {text-align:center;}
/* History preserves editorial blocks, figures and alternating order within the shared panel. */
body.history-body .history-wrap {display:flex!important;flex-direction:column;gap:16px!important;}
body.history-body .history-hero,
body.history-body .history-section,
body.history-body .history-feedback,
body.history-body .history-quotes,
body.history-body .history-stats {
  box-sizing:border-box;
  max-width:100%;
  border:1px solid var(--cl-page-border)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(21,43,74,.08)!important;
}
/* Leaderboard ranking table keeps horizontal scrolling, not clipped columns. */
body.crosslink-standalone-page .tablewrap {max-width:100%;overflow-x:auto;}
@media(max-width:670px){
  body.crosslink-standalone-page main,
  body.crosslink-standalone-page.cl-signed-in main,
  body.history-body .history-wrap {
    width:calc(100% - 16px)!important;
    margin:14px auto 20px!important;
    padding:16px 12px!important;
    border-radius:18px!important;
  }
  body.history-body .history-wrap {gap:12px!important;}
}
/* Explicitly keep universal page surfaces away from the live game canvas. */
body.board-view .board-wrap,body.board-view canvas#board { /* unchanged */ }