/* Playful tabletop: decorative raster scenery only. Board geometry, pawns,
   responsive layout and game state remain owned by the existing play page. */
.game-ludo.club-play {
  --club-bg:#092e4d; --club-panel:#10334f; --club-soft:#204a66;
  --club-muted:#b4ccdc; --table-muted:#b4ccdc;
  background:#092e4d;
}
.game-ludo.club-play .arcade {
  position:relative;
  isolation:isolate;
  background:none;
}
.game-ludo.club-play .arcade::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:#092e4d url("playful-tabletop-v1.webp") center / cover no-repeat;
}
.game-ludo.club-play .club-site-header {
  border:1px solid #b1e4ff26;
  border-radius:15px;
  background:#08263ee8;
  box-shadow:0 8px 30px #00172f33,inset 0 1px #ffffff09;
}
.game-ludo.club-play .club-header-inner { padding:10px 14px; }
.game-ludo.club-play .club-brand small { color:#b8d1e0; }
.game-ludo.club-play .club-game-actions :is(button,a),
.game-ludo.club-play .club-menu-toggle {
  color:#e4f3ff;
  border-color:#b8eaff2b;
  background:#214964;
}
.game-ludo.club-play .club-game-actions :is(button,a):hover,
.game-ludo.club-play .club-menu-toggle:hover { background:#2c5d7c; }
.game-ludo.club-play .club-site-nav { background:#071f3299; border-color:#a4d4f522; }
.game-ludo.club-play .club-site-nav a { color:#c8deed; }
.game-ludo.club-play .club-site-nav a[aria-current=page] { color:#ffebbb; background:#8f713b66; }
.game-ludo.club-play .panel {
  position:relative;
  background:linear-gradient(145deg,#143d57f5,#0a263ff5);
  border-color:#a0d8f833;
  box-shadow:0 18px 40px #001b3e44,inset 0 1px #d5f2ff12;
}
.game-ludo.club-play .panel::before {
  content:"";
  position:absolute;
  inset:-1px 22px auto;
  height:3px;
  border-radius:3px;
  background:linear-gradient(90deg,#f5786f 0 25%,#6ebfff 25% 50%,#68d7a4 50% 75%,#f4ce6c 75%);
  pointer-events:none;
}
.game-ludo.club-play .player-row.active { background:#73bee815; border-color:#addbfa44; }
.game-ludo.club-play .player-row small,
.game-ludo.club-play .streak small,
.game-ludo.club-play .streak em,
.game-ludo.club-play .moves-stat small,
.game-ludo.club-play .moves-stat span,
.game-ludo.club-play .table-notes p span { color:#bbcfdd; }
.game-ludo.club-play .match-heading {
  text-shadow:0 2px 10px #002444,0 1px 3px #001b35;
}
.game-ludo.club-play .match-heading>div:first-child>span { color:#d5e6ef; }
.game-ludo.club-play .turn-badge small { color:#c4dce9; }
.game-ludo.club-play .dice-cage {
  border-color:#9addfc33;
  background:radial-gradient(circle,#153c56,#092638);
  box-shadow:inset 0 3px 14px #001b2e88,0 0 0 5px #8cd9ff07;
}
.game-ludo.club-play .board-tools>span { color:#c3d9e8; text-shadow:0 1px 3px #002440; }
.game-ludo.club-play .board-tools button:hover { background:#1b4a68; }
.game-ludo.club-play .status-line {
  background:#08263eeb; border-color:#b8e2f329; color:#e0edf2;
}
.game-ludo.club-play footer {
  color:#c6dae5; text-shadow:0 1px 3px #08253d;
  border-color:#b9e3f629;
}
.game-ludo.club-play footer b { color:#eee1c8; }
@media(max-width:1100px) {
  .game-ludo.club-play .club-site-nav { background:#123953; }
}
@media(max-width:850px) and (orientation:portrait), (max-width:680px) {
  .game-ludo.club-play .arcade::before {
    /* Keep the decorated left edge visible instead of cropping to an empty
       landscape centre. This layer never captures touch or scroll input. */
    background-size:auto max(760px,100lvh);
    background-position:15% top;
  }
  .game-ludo.club-play .match-heading {
    background:linear-gradient(90deg,#08263ed9,#08263e99);
    box-shadow:0 0 0 6px #08263e99;
    border-radius:5px;
    text-shadow:0 1px 3px #002444;
  }
  .game-ludo.club-play .club-header-inner { padding:7px 9px; }
  .game-ludo.club-play .club-site-header { border-radius:12px; }
}
@media(max-width:360px) {
  .game-ludo.club-play .club-header-inner { padding-inline:7px; }
}
@media(orientation:landscape) and (max-height:600px) {
  .game-ludo.club-play .arcade::before { background-size:cover; background-position:center; }
  .game-ludo.club-play .club-header-inner { padding:5px 9px; }
}