:root {
  --cast-sheet-v2: url("../images/liujing-character-cast-20-grid-v2.png");
  --cast-sheet-v3: url("../images/liujing-character-cast-20-grid-v3.png");
  --portrait-sheet-vertical: url("../images/liujing-character-cast-20-portrait-vertical.png");
  --study-room-bg: url("../images/medicine-study-room.png");
}

.scene-board.study-room {
  background-image:
    linear-gradient(180deg, rgba(12,8,5,.18), rgba(11,8,5,.82)),
    radial-gradient(circle at 18% 14%, rgba(244, 210, 132, .22), transparent 18%),
    var(--study-room-bg),
    linear-gradient(135deg, #27383d, #211712 58%, #101313);
  background-size: cover;
  background-position: center;
}

.scene-board.consult-mode.study-room {
  background-image:
    linear-gradient(180deg, rgba(10,8,6,.02), rgba(10,8,6,.58)),
    var(--study-room-bg),
    var(--clinic-pixel-bg);
}

#caseView.consult-prep .scene-board.study-room {
  background-image:
    linear-gradient(180deg, rgba(10,8,6,.02), rgba(10,8,6,.42)),
    var(--study-room-bg),
    var(--clinic-pixel-bg);
}

.cast-scene-portrait.use-grid-v2,
.cast-portrait.use-grid-v2 {
  background-image: var(--avatar-image), var(--cast-sheet-v2);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 18%;
  background-color: #201914;
}

.cast-scene-portrait.use-grid-v3,
.cast-portrait.use-grid-v3 {
  background-image: var(--avatar-image), var(--cast-sheet-v3);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 18%;
  background-color: #201914;
}

.portrait.portrait-vertical {
  background-image: var(--portrait-sheet-vertical);
  background-repeat: no-repeat;
  background-size: 200% 200%;
  background-color: #201914;
}

.hero-art.portrait.portrait-young.portrait-vertical {
  background-image: var(--portrait-sheet-vertical);
}

.scene-portrait.portrait-vertical {
  background-image: var(--portrait-sheet-vertical);
}