:root {
  --cbsize: 480;
  --mincbsize: 320;
}

div.rightBar {
  width: 150px;
  padding: 0px;
}

div.generalInfo {
  width: 150px;
  padding: 9px;
  border-radius: 6px;
}

div.captured {
  min-height: 28px;
  margin: 0;
}

div.container {
  padding: 6px;
  gap: 10px;
}

div.containerDialog {
  gap: 10px;
}

div.main-content {
  padding-left: 15px;
  padding-right: 15px;
}

div.intro {
  max-width: 180px;
}

div.movesDisplay {
  width: 120px;
  min-width: 120px;
  min-height: 450px;
}

div.explainMove {
  flex: 1;
  min-width: 120px;
}

#idDialogAnalysis {
  width: 80vw;
  min-height: 53vh;
}

div.alignRight {
  min-width: 140px;
}

div.explain {
  width: 180px;
}

div.quizItemInner {
  height: 65%;
}

p.display {
  height: 400px;
}

p.evaluationScore {
    font-size: x-large;
}

img.buttonIcon {
  width: 32px !important;
}

img.piece {
  display: block;
  padding: 0;
  width: 24px;
  height: 24px;
}


button.panel {
  width: 48px !important;
  height: 48px !important;
}

img.aboutPiece {
  width: 60px;
  height: 60px;
}