:root {
    --char-shadow:  drop-shadow(#00000099 7px 7px 2px);
}

.portrait-picture {
        background-image: url(./chr/00_port_00.png);
    }

.narrator .portrait-picture {
    background: none;
}

.unknown .portrait-picture {
    background-position: 0 -800px;
}


/* CAST */
/* Cheddar */
.cheddar .portrait-picture {
    background-position: 0 0;
}
.cheddar_t .portrait-picture {
    background-position: -325px 0;
}
.full-body-character.cheddar{
    background-image: url(./chr/cheddar.png);
    filter: var(--char-shadow);
}
.full-body-character.cheddar.horny{
    background-position: 0 -1080px;
}
.full-body-character.cheddar.drunk{
    background-image: url(./chr/cheddar_01.png);
    filter: var(--char-shadow);
}
.full-body-character.cheddar.drunk.horny{
    background-position: 0 -1080px;
}
.full-body-character.hero_bj.cheddar {
    background-image: url(./bjs/hero_0001.png);
}
.room.scene.overflow00 {
    background-image: url(./cgs/cgs_00.jpg);
    background-position: 0 0;
}
/* Arugula */
.arugu .portrait-picture {
    background-position: -650px 0;
}
.full-body-character.arugu {
    background-image: url(./chr/arugula.png);
    filter: var(--char-shadow);
}
.full-body-character.arugu.suit.hard {
    background-position: 0 -1080px;
}
.room.scene.arugu001 {
    background-image: url(./cgs/cgs_01.jpg);
    background-position: 0 0;
}
.room.scene.arugu002 {
    background-image: url(./cgs/cgs_01.jpg);
    background-position: -1920px 0;
}
/* Mocha */
.mocha .portrait-picture {
    background-position: -975px 0;
}
.full-body-character.mocha {
    background-image: url(./chr/mocha.png);
    filter: var(--char-shadow);
}
.room.scene.mocha001 {
    background-image: url(./cgs/cgs_02.jpg);
    background-position: 0 0;
}
.room.scene.mocha002 {
    background-image: url(./cgs/cgs_02.jpg);
    background-position: -1920px 0;
}
/* Slushie */
.slushie .portrait-picture {
    background-position: -1300px 0;
}
.full-body-character.slushie {
    background-image: url(./chr/slushie.png);
    filter: var(--char-shadow);
}
.full-body-character.slushie.hard {
    background-position: 0 -1080px;
}
.room.scene.slushie001 {
    background-image: url(./cgs/cgs_01.jpg);
    background-position: 0 -1080px;
}
.room.scene.slushie002 {
    background-image: url(./cgs/cgs_01.jpg);
    background-position: -1920px -1080px;
}
/* Zabaione */
.zabaione .portrait-picture {
    background-position: 0 -400px;
}
.full-body-character.zabaione {
    background-image: url(./chr/zabaione.png);
    filter: var(--char-shadow);
}
.full-body-character.zabaione.shirt {
    background-position: 0 -1080px;
}
.room.scene.zambaione001 {
    background-image: url(./cgs/cgs_00.jpg);
    background-position: 0 -1080px;
}
.room.scene.zambaione002 {
    background-image: url(./cgs/cgs_00.jpg);
    background-position: -1920px -1080px;
}
/* Strawberry */
.straw .portrait-picture {
    background-position: -975px -400px;
}
.full-body-character.straw {
    background-image: url(./chr/straw.png);
    filter: var(--char-shadow);
}
/* Morel */
.morel .portrait-picture {
    background-position: -650px -400px;
}
.full-body-character.morel {
    background-image: url(./chr/morel.png);
    filter: var(--char-shadow);
}
.room.scene.morel001 {
    background-image: url(./cgs/cgs_02.jpg);
    background-position: 0 -1080px;
}
.room.scene.morel002 {
    background-image: url(./cgs/cgs_02.jpg);
    background-position: -1920px -1080px;
}
/* Beetroot */
.beet .portrait-picture {
    background-position: -1300px -400px;
}
.full-body-character.beet {
    background-image: url(./chr/beet.png);
    filter: var(--char-shadow);
}
/* Rocky J. Road */
.rocky .portrait-picture {
    background-position: -325px -400px;
}
.full-body-character.rocky {
    background-image: url(./chr/rocky.png);
    filter: var(--char-shadow);
}
/* BJs */
/* Mint */
.full-body-character.enemy_bj.mint {
    background-image: url(./bjs/cock_0001.png);
}
.full-body-character.enemy_bj.mint.win {
    background-position: 0 -1080px;
}
/* Cabbage */
.full-body-character.enemy_bj.cabbage {
    background-image: url(./bjs/cock_0001.png);
    background-position: 0 -2160px;
}
.full-body-character.enemy_bj.cabbage.win {
    background-position: 0 -3240px;
}
/* Tabasco */
.full-body-character.enemy_bj.tabasco {
    background-image: url(./bjs/cock_0001.png);
    background-position: 0 -4320px;
}
.full-body-character.enemy_bj.tabasco.win {
    background-position: 0 -5400px;
}
/* Blueberry */
.full-body-character.enemy_bj.blueberry {
    background-image: url(./bjs/cock_0002.png);
}
.full-body-character.enemy_bj.blueberry.win {
    background-position: 0 -1080px;
}

/* ROOMS */
.room.black {
    background: linear-gradient(45deg, #000, #000, #333);
}

.room.menubg {
    background: var(--colorBG);
}

.room.map {
    background-image: url(./bgs/map.jpg);
}

.room.mall {
    background-color: #000;
}
.room.mall::before {
    content: " ";
    width: 100%;
    height: 550px;
    top: 150px;
    position: absolute;
    background-image: url(./bgs/rooms_00.jpg);
}

.room.mall.office::before {
    background-position: 0 0;
}
.room.mall.liquor::before {
    background-position: 0 -550px;
}
.room.mall.gelato::before {
    background-position: 0 -1100px;
}
.room.mall.restroom::before {
    background-position: 0 -1650px;
}
.room.mall.fountain::before {
    background-position: -1920px 0;
}
.room.mall.parking::before {
    background-position: -1920px -550px;
}
.room.mall.theater::before {
    background-position: -1920px -1100px;
}
.room.mall.arcade::before {
    background-position: -1920px -1650px;
}
.room.mall.candy::before {
    background-image: url(./bgs/rooms_01.jpg);
    background-position: 0 0;
}


/* BJ */
.room.glory::before,
.full-body-character.enemy_bj,
.full-body-character.hero_bj {
    image-rendering: pixelated;
    filter: none;
}
.room.glory::before {
    content: " ";
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: cover;
    background-image: url(./bjs/bg_0000.png);
}
.blowjob-win .room.glory::before {
  background-position: 0 -1080px;
}
.full-body-character.hero_bj.start {
    background-position: 0 -1080px;
}
.full-body-character.hero_bj.blow {
    background-position: 0 -2160px;
}
.full-body-character.hero_bj.deep {
    background-position: 0 -3240px;
}
.full-body-character.hero_bj.full {
    background-position: 0 -4320px;
}
.full-body-character.hero_bj.win {
    background-position: 0 -5400px;
}

/* ICONS */

.inline-text-icon.xxxxx {
    background-position: -40px 0;
}
.inline-text-icon.xxxxx {
    background-position: -80px 0;
}
.inline-text-icon.xxxxx,
.charTK.base-inventory-item::before {
    background-position: -120px 0;
}
.inline-text-icon.mocha {
    background-position: -160px 0;
}
.inline-text-icon.mocha.locked,
.charAmphi.base-inventory-item::before {
    background-position: -200px 0;
}
.inline-text-icon.arugula,
.charNShade.base-inventory-item::before {
    background-position: -240px 0;
}
.inline-text-icon.arugula.locked {
    background-position: -280px 0;
}
.inline-text-icon.slushie,
.charBumble.base-inventory-item::before {
    background-position: -320px 0;
}
.inline-text-icon.slushie.locked {
    background-position: -360px 0;
}
.inline-text-icon.zabaione {
    background-position: 0 -40px;
}
.inline-text-icon.zabaione.locked {
    background-position: -40px -40px;
}
.inline-text-icon.morel {
    background-position: -80px -40px;
}
.inline-text-icon.morel.locked {
    background-position: -120px -40px;
}
.inline-text-icon.straw {
    background-position: -160px -40px;
}
.inline-text-icon.straw.locked {
    background-position: -200px -40px;
}
.inline-text-icon.beet {
    background-position: -240px -40px;
}
.inline-text-icon.beet.locked {
    background-position: -280px -40px;
}