/* V41: premium enchanted-forest board. Visual-only overrides; game logic is untouched. */
body.view-game > #game-container {
  background:
    linear-gradient(180deg,rgba(1,20,42,.7),rgba(1,46,35,.76)),
    url('../assets/arena-forest-clearing-v41.png') center / cover no-repeat !important;
}

body.view-game .game-controls {
  border-color: rgba(137,255,207,.52) !important;
  background: linear-gradient(90deg,rgba(3,35,76,.94),rgba(5,64,69,.9)) !important;
  box-shadow: 0 6px 0 rgba(0,22,38,.56),0 14px 32px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.24) !important;
}

body.view-game #board {
  border: 12px solid transparent !important;
  border-radius: 38px !important;
  background:
    linear-gradient(rgba(9,54,35,.06),rgba(5,34,28,.16)) padding-box,
    url('../assets/arena-forest-clearing-v41.png') center / cover padding-box,
    conic-gradient(from 45deg,#39bd48 0 25%,#2f8deb 0 50%,#ef5b4e 0 75%,#f2b625 0) border-box !important;
  box-shadow: 0 12px 0 #143b2d,0 28px 70px rgba(0,0,0,.5),inset 0 0 0 3px rgba(255,255,255,.44) !important;
}
body.view-game #board::before {
  inset: 0 !important;
  border-radius: 25px !important;
  background: radial-gradient(circle at center,rgba(255,239,186,.04),rgba(0,39,25,.2)) !important;
}

body.view-game .cell {
  border: 2px solid #fff7d9 !important;
  border-radius: clamp(11px,1vw,17px) !important;
  background: linear-gradient(145deg,#fff9e9 0%,#f5e7c4 58%,#dec18a 100%) !important;
  box-shadow: 0 7px 0 #9e7c3f,0 11px 18px rgba(38,31,8,.28),inset 0 3px 1px rgba(255,255,255,.9) !important;
}
body.view-game .cell::before {
  background: radial-gradient(ellipse at 42% 34%,rgba(255,255,255,.75),transparent 54%) !important;
}
body.view-game .cell:nth-of-type(6),
body.view-game .cell:nth-of-type(19),
body.view-game .cell:nth-of-type(31) {
  border-color: #f4caff !important;
  background: linear-gradient(145deg,#d993ff,#8f4de0) !important;
  box-shadow: 0 7px 0 #592997,0 0 22px rgba(208,120,255,.64),inset 0 3px 0 rgba(255,255,255,.48) !important;
}
body.view-game .start-cell {
  border-color: #e6ffc3 !important;
  background: linear-gradient(145deg,#64df5d,#25a943) !important;
  box-shadow: 0 7px 0 #117326,0 0 25px rgba(84,255,98,.6),inset 0 3px 0 rgba(255,255,255,.52) !important;
}
body.view-game .cell.bot {
  border-color: #ffe8a3 !important;
  background: linear-gradient(145deg,#ff856b,#dc365c) !important;
  box-shadow: 0 7px 0 #9f1f40,0 0 25px rgba(255,83,92,.62),inset 0 3px 0 rgba(255,255,255,.46) !important;
}

body.view-game #board-center {
  min-width: 270px !important;
  padding: 25px 28px 22px !important;
  border: 4px solid #f2a63b !important;
  border-radius: 30px !important;
  color: #142654 !important;
  background: linear-gradient(145deg,#fffdf4,#fff1d9) !important;
  box-shadow: 0 9px 0 #ad581d,0 18px 42px rgba(42,24,3,.38),inset 0 2px 0 #fff !important;
}
body.view-game .game-round-label {
  position: relative !important;
  display: inline-block !important;
  margin: -45px auto 16px !important;
  padding: 10px 22px !important;
  border: 2px solid #bd8aff !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-size: 12px !important;
  letter-spacing: .06em !important;
  text-shadow: 0 2px 2px rgba(36,5,77,.5) !important;
  background: linear-gradient(135deg,#9341e7,#5b27bd) !important;
  box-shadow: 0 5px 0 #3f197f,0 9px 18px rgba(70,20,128,.3) !important;
}
body.view-game #dice {
  border: 3px solid #fff !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 7px 0 #d5c7a8,0 13px 25px rgba(35,28,9,.25) !important;
}
body.view-game #turnDisplay {
  color: #142654 !important;
  font-size: 17px !important;
  text-shadow: none !important;
}
body.view-game #turnTimerDisplay {
  border-color: #d8ddec !important;
  color: #173578 !important;
  background: #fff !important;
  box-shadow: 0 4px 0 #c9c9c9 !important;
}
body.view-game #rollBtn {
  border-color: #a9cfff !important;
  background: linear-gradient(180deg,#4d92ff,#2457df) !important;
  box-shadow: 0 6px 0 #17399e,0 12px 22px rgba(23,57,158,.28) !important;
}
body.view-game #rollResult { color: #c24722 !important; }

body.view-game .player {
  border-color: #fff !important;
  box-shadow: 0 5px 0 rgba(15,51,38,.58),0 0 0 4px rgba(83,220,116,.72),0 9px 20px rgba(0,0,0,.34) !important;
}
body.view-game .player-label {
  color: #fff !important;
  background: linear-gradient(135deg,#2057b5,#17357d) !important;
}

@media (max-width:700px), (max-height:560px) {
  body.view-game #board { border-width: 7px !important; border-radius: 22px !important; }
  body.view-game #board-center { min-width: 184px !important; padding: 14px 13px 12px !important; border-width: 3px !important; border-radius: 18px !important; }
  body.view-game .game-round-label { margin: -27px auto 7px !important; padding: 5px 10px !important; border-radius: 8px !important; font-size: 8px !important; }
  body.view-game .cell { border-radius: 8px !important; box-shadow: 0 4px 0 #9e7c3f,0 6px 10px rgba(38,31,8,.24),inset 0 2px 0 #fff !important; }
}