/* Ordduellen model 6 letter wheel - V115 */
#game.mode-solo #history.word-book,
#game.mode-stress #history.word-book{
  flex:0 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(30dvh,240px)!important;
  overflow-y:auto!important;
  margin:5px auto 6px!important;
  padding:8px 10px!important;
}
#game.mode-solo #historyWords,
#game.mode-stress #historyWords{height:auto!important;min-height:0!important}
#game.mode-solo #historyWords .no-words,
#game.mode-stress #historyWords .no-words{display:block!important;padding:4px 0 2px!important}

#game #board.letter-wheel{
  position:relative!important;
  width:min(64vw,270px)!important;
  height:min(64vw,270px)!important;
  aspect-ratio:1!important;
  margin:4px auto 8px!important;
  border:7px solid #173f67!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at center,
      #0f5a96 0 32%,
      #0b467b 33% 37%,
      #0c5e9f 38% 100%)!important;
  box-shadow:
    inset 0 0 0 4px #d9ad45,
    inset 0 0 24px rgba(0,0,0,.2),
    0 6px 0 #102f4e,
    0 14px 28px rgba(0,0,0,.28)!important;
  overflow:visible!important;
}
#game #board.letter-wheel::before{
  content:""!important;
  position:absolute!important;
  inset:9%!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:conic-gradient(
    from 0deg,
    transparent 0 29deg,rgba(255,214,101,.8) 29deg 31deg,
    transparent 31deg 89deg,rgba(255,214,101,.8) 89deg 91deg,
    transparent 91deg 149deg,rgba(255,214,101,.8) 149deg 151deg,
    transparent 151deg 209deg,rgba(255,214,101,.8) 209deg 211deg,
    transparent 211deg 269deg,rgba(255,214,101,.8) 269deg 271deg,
    transparent 271deg 329deg,rgba(255,214,101,.8) 329deg 331deg,
    transparent 331deg 360deg
  )!important;
  opacity:.55!important;
}
#game #board .letter-piece{
  width:66px!important;
  height:66px!important;
  margin:0!important;
  padding:0!important;
  border:4px solid #f2d274!important;
  outline:3px solid #173f67!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff8df 0%,#f2e1b5 100%)!important;
  color:#153b61!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.85),0 5px 0 #a97723,0 8px 14px rgba(0,0,0,.22)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.72rem!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:3!important;
}
#game #board .letter-piece.p1{left:50%!important;top:15%!important;transform:translate(-50%,-50%) rotate(-7deg)!important}
#game #board .letter-piece.p2{left:79%!important;top:33%!important;transform:translate(-50%,-50%) rotate(7deg)!important}
#game #board .letter-piece.p3{left:79%!important;top:67%!important;transform:translate(-50%,-50%) rotate(4deg)!important}
#game #board .letter-piece.p4{left:50%!important;top:85%!important;transform:translate(-50%,-50%) rotate(-5deg)!important}
#game #board .letter-piece.p5{left:21%!important;top:67%!important;transform:translate(-50%,-50%) rotate(6deg)!important}
#game #board .letter-piece.p6{left:21%!important;top:33%!important;transform:translate(-50%,-50%) rotate(-6deg)!important}
#game #board .letter-piece.center{
  left:50%!important;
  top:50%!important;
  width:82px!important;
  height:82px!important;
  transform:translate(-50%,-50%)!important;
  border:5px solid #f2c94c!important;
  outline:3px solid #173f67!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#1669a7 0%,#0d4f88 100%)!important;
  color:#fff4ce!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.16),0 5px 0 #9d6f1e,0 8px 14px rgba(0,0,0,.25)!important;
  font-size:1.9rem!important;
  z-index:6!important;
}
#game #board .letter-piece.selected{
  filter:none!important;
  background:linear-gradient(180deg,#e9f6df 0%,#b8dba7 100%)!important;
  color:#19492d!important;
  border-color:#ffe188!important;
  outline-color:#24563a!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.8),0 5px 0 #47784f,0 8px 14px rgba(0,0,0,.2)!important;
}
#game #board .letter-piece.p1.selected{transform:translate(-50%,-50%) rotate(-7deg) scale(1.05)!important}
#game #board .letter-piece.p2.selected{transform:translate(-50%,-50%) rotate(7deg) scale(1.05)!important}
#game #board .letter-piece.p3.selected{transform:translate(-50%,-50%) rotate(4deg) scale(1.05)!important}
#game #board .letter-piece.p4.selected{transform:translate(-50%,-50%) rotate(-5deg) scale(1.05)!important}
#game #board .letter-piece.p5.selected{transform:translate(-50%,-50%) rotate(6deg) scale(1.05)!important}
#game #board .letter-piece.p6.selected{transform:translate(-50%,-50%) rotate(-6deg) scale(1.05)!important}
#game #board .letter-piece.center.selected{
  transform:translate(-50%,-50%) scale(1.05)!important;
  background:linear-gradient(180deg,#3d8d5b 0%,#286b43 100%)!important;
  color:#fff!important;
}
@media(max-height:760px){
  #game #board.letter-wheel{width:min(57vw,225px)!important;height:min(57vw,225px)!important}
  #game #board .letter-piece{width:56px!important;height:56px!important;font-size:1.48rem!important;border-width:3px!important;outline-width:2px!important}
  #game #board .letter-piece.center{width:70px!important;height:70px!important;font-size:1.65rem!important}
  #game.mode-solo #history.word-book,
  #game.mode-stress #history.word-book{max-height:min(24dvh,170px)!important}
}