:root {
  --main-color: #fff;
  --main-bg: #833;
  --father-color: rgb(55,206,65);
  --trucker-color: #9c1;
  --trucker-bg: #353;
  --mech-color: #f91;
  --mech-bg: #a50;
  --sales-color: rgb(104,232,255);
  --sales-bg: #338;
  --fx-color: rgb(200,55,65);
}

/* CAST */

/* Main */
.full-body-character.main {
  background-image: url('chars/main01.png');
}
.full-body-character.main.nude {
  background-image: url('chars/main-nude01.png');
}
.main .portrait-picture {
  background-image: url('chars/main-pt01.png');
}
.mainT .portrait-picture {
  background-image: url('chars/main-pt02.png');
}
.main .portrait-body,
.mainT .portrait-body {
  background-color: var(--main-bg);
}
.dialogue-layer.main,
.dialogue-layer.mainT {
  color: var(--main-color);
}
.dialogue-layer.mainT .dialogue-text {
  font-style: italic;
}

/* Father */
.dialogue-layer.father {
  color: var(--father-color);
}

/* Trucker */
.dialogue-layer.trucker {
  color: var(--trucker-color);
}
.full-body-character.trucker {
  background-image: url('chars/tru01.png');
}
.full-body-character.trucker.nude {
  background-image: url('chars/tru-nude01.png');
}
.trucker .portrait-picture {
  background-image: url('chars/tru-pt01.png');
}
.trucker .portrait-body {
  background-color: var(--trucker-bg);
}

/* Salesman */
.dialogue-layer.salesman {
  color: var(--sales-color);
}
.full-body-character.salesman {
  background-image: url('chars/sal01.png');
}
.full-body-character.salesman.drunk {
  background-image: url('chars/sal-drunk01.png');
}
.salesman .portrait-picture {
  background-image: url('chars/sal-pt01.png');
}
.salesman .portrait-body {
  background-color: var(--sales-bg);
}

/* Mechanic  PRELOAD */
.dialogue-layer.mechanic {
  color: var(--mech-color);
}
.full-body-character.mechanic {
  background-image: url('chars/mech01.png');
}
.full-body-character.mechanic.nude {
  background-image: url('chars/mech-nude01.png');
}
.full-body-character.mechanic.masturbating {
  background-image: url('chars/mech-mast01.png');
}
.mechanic .portrait-picture {
  background-image: url('chars/mech-pt01.png');
}
.mechanic .portrait-body {
  background-color: var(--mech-bg);
}


/* Others */
.dialogue-layer.fx {
  color: var(--fx-color);
}

/* ROOMS */

.room.gameCover {
  background-image: url('rooms/game-cover.jpg');
}

.room.startRoom {
  background: linear-gradient(162deg, #b5bdc8 0%,#28343b 30%,#050a16 56%);
}

.room.black {
  background: #000;
}

.room.darkCover::after {
  content: '';
  background: rgba(0,0,0,0.66);
  position: absolute;
  width: 100%;
  height: 100%;
}

.room.darkCover,
.room.dinerGeneralView {
  background-image: url('rooms/diner-general-view.jpg');
}

.room.dinerOutside {
  background-image: url('rooms/diner-entrance-day.jpg');
}

.room.dinerInside {
  background-image: url('rooms/diner-inside.jpg');
}

.room.dinerInsideNight {
  background-image: url('rooms/diner-inside-night.jpg');
}

.room.bathroomEntrance {
  background-image: url('rooms/bathroom-entrance.jpg');
}

.room.bathroomEntranceNight {
  background-image: url('rooms/bathroom-entrance-night.jpg');
}
.room.bathroomInside {
  background-image: url('rooms/bathroom-inside.jpg');
}

.room.motelEntrance {
  background-image: url('rooms/motel-entrance.jpg');
}

.room.familyRoom {
  background-image: url('rooms/room-family.jpg');
}

.room.truckerRoom {
  background-image: url('rooms/room-trucker.jpg');
}

.room.salesmanRoom {
  background-image: url('rooms/room-salesman.jpg');
}

.room.truck {
  background-image: url('rooms/truck.jpg');
}

/* PRELOAD */
.room.repairShop {
  background-image: url('rooms/repair-shop.jpg');
}


/* CGS */
.car01 {
  background-image: url('cgs/car01.jpg');
}
.car02 {
  background-image: url('cgs/car02.jpg');
}
.eatingDinner {
  background-image: url('cgs/main-eating.jpg');
}
.eatingDinnerHeadphones {
  background-image: url('cgs/main-eating-head.jpg');
}
.truckLeaving {
  background-image: url('cgs/truck-leave.jpg');
}

.truckerPee {
  background-image: url('cgs/trucker-pee.jpg');
}
.truckerX1 {
  background-image: url('cgs/xtruck-x1.jpg');
}
.truckerX2 {
  background-image: url('cgs/xtruck-x2.jpg');
}
.truckerX3 {
  background-image: url('cgs/xtruck-x3.jpg');
}
.truckerEnd01 {
  background-image: url('cgs/trucker-end01.jpg');
}
.salesmanCellPhone {
  background-image: url('cgs/salesman-cell.jpg');
}
.salesmanKiss {
  background-image: url('cgs/salesman-kiss.jpg');
}
.salesmanX1 {
  background-image: url('cgs/xsalesman-x1.jpg');
}
.salesmanX2 {
  background-image: url('cgs/xsalesman-x2.jpg');
}
.salesmanX3 {
  background-image: url('cgs/xsalesman-x3.jpg');
}
.salesmanEnd01 {
  background-image: url('cgs/salesman-end01.jpg');
}
/* PRELOAD */
.mechX1 {
  background-image: url('cgs/xmech-x1.jpg');
}
.mechX2 {
  background-image: url('cgs/xmech-x2.jpg');
}
.mechX3 {
  background-image: url('cgs/xmech-x3.jpg');
}
.mechEnd01 {
  background-image: url('cgs/mech-end01.jpg');
}
.gloryHoleX1 {
  background-image: url('cgs/xblow-x1.jpg');
}
.gloryHoleX2 {
  background-image: url('cgs/xblow-x2.jpg');
}
.gloryHoleX3 {
  background-image: url('cgs/xblow-x3.jpg');
}