/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
html {
    font-size: 1em;
    line-height: 1.4;
    color: #222
}

::-moz-selection {
    background: #59297D;
    text-shadow: none
}

::selection {
    background: #59297D;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    padding: .2em 0;
    color: #000;
    background: #ccc
}

/*@font-face {
    font-family: RNHouseSans-Bold;
    src: url(../fonts/RNHouseSans-Bold.eot?#iefix) 
        format('embedded-opentype'), url(../fonts/RNHouseSans-Bold.otf) 
        format('opentype'), url(../fonts/RNHouseSans-Bold.woff) 
        format('woff'), url(../fonts/RNHouseSans-Bold.ttf) 
        format('truetype'), url(../fonts/RNHouseSans-Bold.svg#RNHouseSans-Bold) 
        format('svg');
    font-weight: 400;
    font-style: normal
}*/

@font-face {
    font-family: 'RNHouseSans-Bold';
    src: url('../fonts/rnhousesans-bold-webfont.woff2') format('woff2'),
         url('../fonts/rnhousesans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'RNHouseSans-Light';
    src: url('../fonts/rnhousesans-light-webfont.woff2') format('woff2'),
         url('../fonts/rnhousesans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*@font-face {
    font-family: RNHouseSans-Light;
    src: url(../fonts/RNHouseSans-Light.eot?#iefix) 
    format('embedded-opentype'), url(../fonts/RNHouseSans-Light.otf) 
    format('opentype'), url(../fonts/RNHouseSans-Light.woff) 
    format('woff'), url(../fonts/RNHouseSans-Light.ttf) 
    format('truetype'), url(../fonts/RNHouseSans-Light.svg#RNHouseSans-Light) 
    format('svg');
    font-weight: 400;
    font-style: normal
}*/

body,
html {
    font-family: 'RNHouseSans-Bold';
    font-size: 22px;
    line-height: 1.1;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #59297D;
    -webkit-text-size-adjust: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: transparent
}

.container {
    position: relative;
    overflow: hidden;
    width: 960px;
    height: 600px;
    margin: 0 auto;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.scene-global {
    z-index: 3;
    width: 100%;
    height: 100%
}

.global-mute {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 10px;
    width: 47px;
    height: 48px;
    background-image: url(../images/btn_mute.png?v=1745294189570);
    background-repeat: no-repeat;
    background-size: 47px 96px
}

.global-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.thrive {
	max-width: 250px;
}

.thrive-text {
	font-family: 'RNHouseSans-Light';
	font-size: 22px;
	color: white;
}

.global-mute--muted {
    background-position: 0 -48px
}

.global-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: none;
    width: 167px;
    height: 39px;
    background-image: url(../images/btn_main_site.png?v=1745294189570);
    background-repeat: no-repeat;
    background-size: 167px 39px
}

.scene {
    position: relative;
    display: none;
    width: 100%;
    height: 100%
}

.scene__loading {
    background: #5a287d;
    background-size: cover
}

.state-loaded .loading__bar {
    display: none
}

.loading__bar {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 469px;
    height: 83px;
    margin-left: -234px;
    background: url(../images/loading/loading.png?v=1745294189570) no-repeat 0 0;
    background-size: 469px 83px
}

.loading__bar--progress {
    position: absolute;
    top: 47px;
    width: 0;
    height: 36px;
    background: url(../images/loading/loading_bar.png?v=1745294189570) no-repeat 0 0;
    background-size: 469px 36px
}

.loading__tag {
    position: absolute;
    top: 25%;
    left: 50%;
    width: 70%;
    height: 100%;
    background: url(../images/choices.svg?v=1745294189570) no-repeat center 0;
    background-size: 600px;
    transform: translateX(-50%);
}

.loading__btn-play {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    /* background: #3C1153; */
    color: white;
    /* padding: 10px 15px; */
    display: none;
    max-width: 200px;
/*    width: 224px;*/
/*    height: 73px;*/
/*    margin-left: -112px;*/
/*    background: url(../images/loading/btn_start.png?v=1745294189570) no-repeat 0 0;*/
/*    background-size: 224px 73px*/
}

.loading__btn-play img {
    width: 100%;
}

.state-loaded .loading__btn-play {
    display: block;
	width: 100%;
}

.scene__home {
    background: url(../images/home/bg.png?v=1745294189570) no-repeat 50%;
    background-size: cover
}

.home__heading {
    position: absolute;
    top: 20px;
    width: 100%;
    height: 83px;
    background: url(../images/characters/heading_what_would_you_do.png?v=1745294189570) no-repeat 50%;
    background-size: 394px 83px;
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 20px;
    color: white;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
}

.active-scene__home .home__cloud1 {
    position: absolute;
    top: 100px;
    left: -200px;
    width: 200px;
    height: 31px;
    -webkit-animation: cloudAnimation 20s linear infinite;
    animation: cloudAnimation 20s linear infinite;
    background: url(../images/home/cloud.png?v=1745294189570) no-repeat;
    background-size: auto 31px
}

.active-scene__home .home__cloud2 {
    position: absolute;
    top: 70px;
    left: -200px;
    width: 200px;
    height: 51px;
    -webkit-animation: cloudAnimation 30s linear 1s infinite;
    animation: cloudAnimation 30s linear 1s infinite;
    background: url(../images/home/cloud.png?v=1745294189570) no-repeat;
    background-size: auto 51px
}

.active-scene__home .home__cloud3 {
    position: absolute;
    top: 80px;
    left: -200px;
    width: 200px;
    height: 75px;
    -webkit-animation: cloudAnimation 30s linear 10s infinite;
    animation: cloudAnimation 30s linear 10s infinite;
    background: url(../images/home/cloud.png?v=1745294189570) no-repeat;
    background-size: auto 75px
}

@-webkit-keyframes cloudAnimation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(1160px);
        transform: translateX(1160px)
    }
}

@keyframes cloudAnimation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(1160px);
        transform: translateX(1160px)
    }
}

.home__character {
    position: absolute;
    bottom: 40px;
    width: 120px
}

.character__figure {
    width: 120px;
    height: 350px
}

.character__tick {
    height: 35px;
    background: url(../images/characters/tick.png?v=1745294189570) no-repeat -100px -100px;
    background-size: 35px 35px
}

.state-josh-complete .home__character-josh .character__tick,
.state-kaylee-complete .home__character-kaylee .character__tick,
.state-lee-complete .home__character-lee .character__tick {
    background-position: 50%
}

.character__name {
    height: 21px;
    padding-top: 16px;
    text-align: center;
    color: #fff
}

.home__character-josh {
    left: 50%;
    margin-left: -300px
}

.home__character-lee {
    left: 50%;
    margin-left: 180px
}

.home__character-kaylee {
    left: 50%;
    margin-left: -60px
}

.home__character-josh .character__figure {
    background: url(../images/characters/josh/josh.svg?v=1745294189570) no-repeat bottom;
    background-size: 113px auto
}

.character__figure-eyes {
    position: absolute;
    overflow: hidden;
    width: 47px;
    height: 10px;
    background: no-repeat bottom;
    background-size: 47px auto
}

.home__character-josh .character__figure-eyes {
    bottom: 313px;
    left: 34px;
    background-image: url(../images/characters/josh/eyes.svg?v=1745294189570)
}

.home__character-lee .character__figure-eyes {
    bottom: 293px;
    left: 40px;
    background-image: url(../images/characters/lee/eyes.svg?v=1745294189570)
}

.home__character-kaylee .character__figure-eyes {
    bottom: 285px;
    left: 33px;
    background-image: url(../images/characters/kaylee/eyes.svg?v=1745294189570)
}

.state-blink-josh .home__character-josh .character__figure-eyes,
.state-blink-kaylee .home__character-kaylee .character__figure-eyes,
.state-blink-lee .home__character-lee .character__figure-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

@-webkit-keyframes figureBlink {
    0% {
        height: 10px
    }

    50% {
        height: 4px
    }

    to {
        height: 10px
    }
}

@keyframes figureBlink {
    0% {
        height: 10px
    }

    50% {
        height: 4px
    }

    to {
        height: 10px
    }
}

.home__character-lee .character__figure {
    background: url(../images/characters/lee/lee.svg?v=1745294189570) no-repeat bottom;
    background-size: 101px auto
}

.home__character-kaylee .character__figure {
    background: url(../images/characters/kaylee/kaylee.svg?v=1745294189570) no-repeat bottom;
    background-size: 114px auto
}

.decision,
.intro,
.pressure,
.pressures,
.result {
    display: none;
    width: 100%;
    height: 100%
}

.intro__scene {
    position: absolute;
    bottom: 35px;
    left: 85px;
    width: 393px;
    height: 469px;
    background-size: 393px 469px
}

.active-scene__josh--decision .scene__josh .decision,
.active-scene__josh--dilema-next .scene__josh .intro,
.active-scene__josh--dilema .scene__josh .intro,
.active-scene__josh--pressure .scene__josh .pressure,
.active-scene__josh--pressures .scene__josh .pressures,
.active-scene__josh--result .scene__josh .result,
.active-scene__kaylee--decision .scene__kaylee .decision,
.active-scene__kaylee--dilema-next .scene__kaylee .intro,
.active-scene__kaylee--dilema .scene__kaylee .intro,
.active-scene__kaylee--pressure .scene__kaylee .pressure,
.active-scene__kaylee--pressures .scene__kaylee .pressures,
.active-scene__kaylee--result .scene__kaylee .result,
.active-scene__lee--decision .scene__lee .decision,
.active-scene__lee--dilema-next .scene__lee .intro,
.active-scene__lee--dilema .scene__lee .intro,
.active-scene__lee--pressure .scene__lee .pressure,
.active-scene__lee--pressures .scene__lee .pressures,
.active-scene__lee--result .scene__lee .result {
    display: block
}

.intro__box {
    position: absolute;
    bottom: 35px;
    left: 399px;
    width: 497px;
    height: 469px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.intro__box-bg {
    position: relative;
    top: 50%;
    padding: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #53a6ce
}

.intro__box-border {
    box-sizing: border-box;
    width: 477px;
    border: 2px solid #356170
}

.intro__box-text-container {
    height: 220px;
    padding: 30px 40px 0 90px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.intro__box-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff
}

.intro__box-btn--2,
.intro__box-text--2 {
    display: none
}

.intro__box-btn {
    width: 167px;
    height: 55px;
    margin: 20px 0 20px 177px;
    background: url(../images/btn_next.png?v=1745294189570) no-repeat 0 0;
    background-size: 167px 55px
}

.intro__box-btn_back {
	width: 167px;
    height: 55px;
    margin: 20px 0 20px 177px;
    background: url(../images/btn_back.png?v=1745294189570) no-repeat 0 0;
    background-size: 167px 55px
}

.active-scene__josh--dilema-next .intro__box-btn--2,
.active-scene__josh--dilema-next .intro__box-text--2,
.active-scene__kaylee--dilema-next .intro__box-btn--2,
.active-scene__kaylee--dilema-next .intro__box-text--2,
.active-scene__lee--dilema-next .intro__box-btn--2,
.active-scene__lee--dilema-next .intro__box-text--2 {
    display: block
}

.active-scene__josh--dilema-next .intro__box-btn--1,
.active-scene__josh--dilema-next .intro__box-text--1,
.active-scene__kaylee--dilema-next .intro__box-btn--1,
.active-scene__kaylee--dilema-next .intro__box-text--1,
.active-scene__lee--dilema-next .intro__box-btn--1,
.active-scene__lee--dilema-next .intro__box-text--1 {
    display: none
}

.intro__scene-character-eyes {
    position: absolute;
    overflow: hidden;
    width: 42px;
    height: 10px;
    background: no-repeat bottom;
    background-size: 42px auto
}

.pressures {
    background: url(../images/characters/star.png?v=1745294189570) no-repeat center 150px;
    background-size: 364px 357px
}

.pressures__heading {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 439px;
    height: 83px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -220px;
    background: no-repeat 0 0;
    background-size: 439px 83px;
    color: white;
    font-size: 20px;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
}

.pressures__figure {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 130px;
    height: 400px;
    margin-left: -65px;
    background: no-repeat bottom;
    background-size: 130px auto
}

.pressures__figure-eyes {
    position: absolute;
    overflow: hidden;
    width: 55px;
    height: 12px;
    background: no-repeat bottom;
    background-size: 55px auto
}

.pressures__pressure {
    position: absolute;
    width: 170px;
    height: 200px;
    background: no-repeat 0 0;
    background-size: 170px 200px
}

.pressures__pressure--1 {
    bottom: 265px;
    left: 100px
}

.pressures__pressure--2 {
    right: 100px;
    bottom: 265px
}

.pressures__pressure--3 {
    bottom: 25px;
    left: 100px
}

.pressures__pressure--4 {
    right: 100px;
    bottom: 25px
}

.pressures__pressure-tick {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    width: 45px;
    height: 48px;
    background: url(../images/characters/tick.png?v=1745294189570) no-repeat 0 0;
    background-size: 45px 48px
}

.pressures__btn-decision {
    position: absolute;
    bottom: 40px;
    left: 50%;
    display: none;
    width: 352px;
    height: 55px;
    margin-left: -176px;
    background: url(../images/characters/btn_make_decision.png?v=1745294189570) no-repeat 0 0;
    background-size: 352px 55px
}

.state-josh-pressure-complete-1.state-josh-pressure-complete-2.state-josh-pressure-complete-3.state-josh-pressure-complete-4 .scene__josh .pressures__figure,
.state-kaylee-pressure-complete-1.state-kaylee-pressure-complete-2.state-kaylee-pressure-complete-3.state-kaylee-pressure-complete-4 .scene__kaylee .pressures__figure,
.state-lee-pressure-complete-1.state-lee-pressure-complete-2.state-lee-pressure-complete-3.state-lee-pressure-complete-4 .scene__lee .pressures__figure {
    bottom: 100px
}

.active-scene__josh--view-pressure-1 .scene__josh .pressure-1,
.active-scene__josh--view-pressure-2 .scene__josh .pressure-2,
.active-scene__josh--view-pressure-3 .scene__josh .pressure-3,
.active-scene__josh--view-pressure-4 .scene__josh .pressure-4,
.active-scene__kaylee--view-pressure-1 .scene__kaylee .pressure-1,
.active-scene__kaylee--view-pressure-2 .scene__kaylee .pressure-2,
.active-scene__kaylee--view-pressure-3 .scene__kaylee .pressure-3,
.active-scene__kaylee--view-pressure-4 .scene__kaylee .pressure-4,
.active-scene__lee--view-pressure-1 .scene__lee .pressure-1,
.active-scene__lee--view-pressure-2 .scene__lee .pressure-2,
.active-scene__lee--view-pressure-3 .scene__lee .pressure-3,
.active-scene__lee--view-pressure-4 .scene__lee .pressure-4,
.state-josh-pressure-complete-1.state-josh-pressure-complete-2.state-josh-pressure-complete-3.state-josh-pressure-complete-4 .scene__josh .pressures__btn-decision,
.state-kaylee-pressure-complete-1.state-kaylee-pressure-complete-2.state-kaylee-pressure-complete-3.state-kaylee-pressure-complete-4 .scene__kaylee .pressures__btn-decision,
.state-lee-pressure-complete-1.state-lee-pressure-complete-2.state-lee-pressure-complete-3.state-lee-pressure-complete-4 .scene__lee .pressures__btn-decision {
    display: block
}

.pressure__scene {
    position: absolute;
    z-index: 1;
    bottom: 35px;
    left: 85px;
    width: 393px;
    height: 469px;
    background-size: 393px 469px
}

.pressure__scene-eyes {
    position: absolute;
    width: 47px;
    height: 10px;
    background: no-repeat bottom
}

.pressure__name {
	position: absolute;
	left: 50%;
	top: 10px;
	color: #414141;
	transform: translateX(-50%);
	white-space: nowrap;
	margin: 0;
}

.state-blink-pressure-1 .pressure-1 .pressure__scene-eyes,
.state-blink-pressure-2 .pressure-2 .pressure__scene-eyes,
.state-blink-pressure-3 .pressure-3 .pressure__scene-eyes,
.state-blink-pressure-4 .pressure-4 .pressure__scene-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

.pressure__box {
    position: absolute;
    bottom: 35px;
    left: 399px;
    width: 497px;
    height: 469px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.pressure__box-bg {
    position: relative;
    top: 50%;
    padding: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #53a6ce
}

.pressure__box-border {
    box-sizing: border-box;
    width: 477px;
    border: 2px solid #356170;
    background-image: url('../images/speech_bubble.png?v=1745294189570');
    background-repeat: no-repeat;
    background-size: 457px;
    background-position: 40px -30px;

}

.pressure__box-border_nospeech {
	box-sizing: border-box;
    width: 477px;
    border: 2px solid #356170;
}

.pressure__box-border_nospeech .pressure__box-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff
}

.pressure__box-border_nospeech .pressure__box-text-container {
    height: 220px;
    padding: 30px 40px 0 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}


.pressure__box-text-container {
    height: 220px;
    padding: 30px 40px 0 90px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.pressure__box-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #53a6ce;
    margin-left: 40px;
}

.pressure__box-text p {
    margin-top: 0
}

.pressure__box-border_nospeech .pressure__box-btn_next {
    width: 167px;
    height: 55px;
    margin: 20px 0 20px 147px;
    background: url(../images/btn_next.png?v=1745294189570) no-repeat 0 0;
    background-size: 167px 55px
}

.pressure__box-btn_next {
    width: 167px;
    height: 55px;
    margin: 20px 0 20px 200px;
    background: url(../images/btn_next.png?v=1745294189570) no-repeat 0 0;
    background-size: 167px 55px
}

.pressure__box-btn_back {
    width: 167px;
    height: 55px;
    margin: 20px 0 20px 177px;
    background: url(../images/btn_back.png?v=1745294189570) no-repeat 0 0;
    background-size: 167px 55px
}

.decision {
    background: #fff url(../images/characters/choices_bg.png?v=1745294189570) no-repeat 0 0;
    background-size: cover
}

.decision__heading {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 439px;
    height: 83px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-left: -220px;
    background: url(../images/characters/heading_what_would_you_do.png?v=1745294189570) no-repeat 0 0;
    background-size: 439px 83px;
    font-size: 20px;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
}

.scene__josh .decision__heading {
	background-image: url(../images/characters/heading_what_would_you_do.png?v=1745294189570)
}

.scene__kaylee .decision__heading {
   background-image: url(../images/characters/heading_what_would_you_do.png?v=1745294189570)
}

.option__image {
    box-sizing: border-box;
    width: 278px;
    height: 278px;
    border: 4px solid #a1a1a1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%
}

.option__button {
    position: relative;
    height: 70px;
    margin-top: -10px;
    text-align: center;
    color: #0a0a0a;
    border-radius: 15px;
    background-color: #be12b3;
    box-shadow: 3px 3px 3px #333;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.option__button-text {
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    padding: 0 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

.options__1 {
    left: 40px
}

.options__1,
.options__2 {
    position: absolute;
    top: 30%;
    width: 278px
}

.options__2 {
    left: 50%;
    margin-left: -139px
}

.options__3 {
    position: absolute;
    top: 30%;
    right: 40px;
    width: 278px
}

.result__heading {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 600px;
    height: 83px;
    margin-left: -300px;
    background: no-repeat 50%
}

.result__scene {
    bottom: 85px;
    left: 45px;
    width: 876px;
    height: 369px;
    background: no-repeat 0 0;
    background-size: 876px 369px
}

.result__btn,
.result__scene,
.result__scene-figure {
    position: absolute
}

.result__btn {
    bottom: 20px;
    left: 50%;
    width: 167px;
    height: 55px;
    margin-left: -84px;
    background: url(../images/btn_next.png?v=1745294189570) no-repeat 0 0;
    background-size: 167px 55px
}

.result__btn_back {
    bottom: 20px;
    left: 50%;
    width: 167px;
    height: 55px;
    margin-left: -84px;
    background: url(../images/btn_back.png?v=1745294189570) no-repeat 0 0;
    background-size: 167px 55px
}

.scene__josh {
/*    background: #fff url(../images/bg.png?v=1745294189570) no-repeat 0 0;*/
background: #59297D;
    background-size: cover
}

.scene__josh .intro__scene {
    background-image: url(../images/characters/josh/dilema.png?v=1745294189570)
}

.scene__josh .intro__scene-character {
    position: absolute;
    bottom: 40px;
    left: 175px;
    width: 100px;
    height: 300px;
    background: url(../images/characters/josh/josh.svg?v=1745294189570) no-repeat 0 0;
    background-size: 100px auto
}

.scene__josh .intro__scene-character-eyes {
    bottom: 243px;
    left: 27px;
    background-image: url(../images/characters/josh/eyes.svg?v=1745294189570)
}

.state-blink-josh .scene__josh .intro__scene-character-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

.scene__josh .intro__scene-skateboard {
    position: absolute;
    bottom: 36px;
    left: 165px;
    width: 44px;
    height: 135px;
    background: url(../images/characters/josh/skate.png?v=1745294189570) no-repeat 0 0;
    background-size: 44px 135px
}

.scene__josh .pressures__heading {
    background-image: url(../images/characters/heading_what_would_you_do.png?v=1745294189570)
}

.scene__josh .pressures__figure {
    background-image: url(../images/characters/josh/josh.svg?v=1745294189570)
}

.scene__josh .pressures__figure-eyes {
    bottom: 318px;
    left: 35px;
    background-image: url(../images/characters/josh/eyes.svg?v=1745294189570)
}

.state-blink-josh .scene__josh .pressures__figure-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

.scene__josh .pressures__pressure--1 {
    background-image: url(../images/characters/josh/btn_mum.png?v=1745294189570)
}

.scene__josh .pressures__pressure--2 {
    background-image: url(../images/characters/josh/btn_caitlin.png?v=1745294189570)
}

.scene__josh .pressures__pressure--3 {
    background-image: url(../images/characters/josh/btn_advert.png?v=1745294189570)
}

.scene__josh .pressures__pressure--4 {
    background-image: url(../images/characters/josh/btn_jacob.png?v=1745294189570)
}

.state-josh-pressure-complete-1 .scene__josh .pressures__pressure--1 .pressures__pressure-tick,
.state-josh-pressure-complete-2 .scene__josh .pressures__pressure--2 .pressures__pressure-tick,
.state-josh-pressure-complete-3 .scene__josh .pressures__pressure--3 .pressures__pressure-tick,
.state-josh-pressure-complete-4 .scene__josh .pressures__pressure--4 .pressures__pressure-tick {
    display: block
}

.state-josh-pressure-complete-1.state-josh-pressure-complete-2.state-josh-pressure-complete-3.state-josh-pressure-complete-4 .scene__josh .pressures__heading {
    display: none;
}

.state-kaylee-pressure-complete-1.state-kaylee-pressure-complete-2.state-kaylee-pressure-complete-3.state-kaylee-pressure-complete-4 .scene__kaylee .pressures__heading {
    display: none;
}


.scene__josh .pressure-1 .pressure__scene {
    background-image: url(../images/characters/josh/pressure_mum.png?v=1745294189570)
}

.scene__josh .pressure-1 .pressure__scene-eyes {
    bottom: 358px;
    left: 162px;
    width: 64px;
    background-image: url(../images/characters/josh/mum_eyes.svg?v=1745294189570);
    background-size: 64px auto
}

.scene__josh .pressure-2 .pressure__scene {
    background-image: url(../images/characters/josh/pressure_caitlin.png?v=1745294189570)
}

.scene__josh .pressure-2 .pressure__scene-eyes {
    bottom: 328px;
    left: 158px;
    width: 50px;
    background-image: url(../images/characters/josh/caitlin_eyes.svg?v=1745294189570);
    background-size: 50px auto
}

.scene__josh .pressure-3 .pressure__scene {
    background-image: url(../images/characters/josh/pressure_advert.png?v=1745294189570)
}

.scene__josh .pressure-4 .pressure__scene {
    background-image: url(../images/characters/josh/pressure_jacob.png?v=1745294189570)
}

.scene__josh .pressure-4 .pressure__scene-eyes {
    bottom: 358px;
    left: 177px;
    width: 50px;
    background-image: url(../images/characters/josh/jacob_eyes.svg?v=1745294189570);
    background-size: 50px auto
}

.scene__josh .options__1 .option__image {
    background-image: url(../images/characters/josh/option_expensive.png?v=1745294189570);
    background-size: 249px 152px
}

.scene__josh .options__2 .option__image {
    background-image: url(../images/characters/josh/option_less_expensive.png?v=1745294189570);
    background-size: 232px 103px
}

.scene__josh .options__3 .option__image {
    background-image: url(../images/characters/josh/option_dont_buy.png?v=1745294189570);
    background-size: 290px 270px;
}

.state-josh-result-1 .scene__josh .result__heading {
    background-image: url(../images/characters/josh/heading_result_expensive.png?v=1745294189570);
    background-size: 439px 83px
}

.state-josh-result-2 .scene__josh .result__heading {
    background-image: url(../images/characters/josh/heading_result_less.png?v=1745294189570);
    background-size: 472px 83px
}

.state-josh-result-3 .scene__josh .result__heading {
    background-image: url(../images/characters/josh/heading_result_save.png?v=1745294189570);
    background-size: 472px 83px
}

.scene__josh .result__scene {
    background-image: url(../images/characters/josh/final.png?v=1745294189570)
}

.scene__josh .result__scene-figure {
    bottom: 20px;
    left: 50%;
    width: 145px;
    height: 300px;
    margin-left: -100px;
    background: url(../images/characters/josh/josh_arm_up.svg?v=1745294189570) no-repeat bottom;
    background-size: 145px auto
}

.state-josh-result-1 .scene__josh .result__scene-figure {
    margin-left: -72px;
    background-image: url(../images/characters/josh/josh.svg?v=1745294189570);
    background-size: 96px auto
}

.scene__josh .result__scene-figure-eyes {
    position: absolute;
    bottom: 238px;
    left: 72px;
    overflow: hidden;
    width: 44px;
    height: 10px;
    background: no-repeat bottom;
    background-image: url(../images/characters/josh/eyes.svg?v=1745294189570);
    background-size: 44px auto
}

.state-josh-result-1 .scene__josh .result__scene-figure-eyes {
    bottom: 233px;
    left: 49px
}

.state-blink-josh .scene__josh .result__scene-figure-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

.state-josh-result-2 .scene__josh .result__scene-money {
    position: absolute;
    bottom: 190px;
    width: 25px;
    height: 25px;
    background: url(../images/characters/josh/5pounds.svg?v=1745294189570) no-repeat bottom;
    background-size: 25px auto
}

.state-josh-result-3 .scene__josh .result__scene-money {
    position: absolute;
    bottom: 190px;
    width: 25px;
    height: 25px;
    background: url(../images/characters/josh/10pounds.svg?v=1745294189570) no-repeat bottom;
    background-size: 25px auto
}

.state-josh-result-1 .scene__josh .result__scene-shoe-left {
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 55px;
    height: 20px;
    background: url(../images/characters/josh/expensive_shoe_left.svg?v=1745294189570) no-repeat bottom;
    background-size: 55px auto
}

.state-josh-result-1 .scene__josh .result__scene-shoe-right {
    position: absolute;
    right: 18px;
    bottom: 0;
    width: 55px;
    height: 20px;
    background: url(../images/characters/josh/expensive_shoe_right.svg?v=1745294189570) no-repeat bottom;
    background-size: 55px auto
}

.state-kaylee-result-1 .speech {
    top: 100px;
}

.speech {
	position: absolute;
	right: 90px;
	top: 10px;
	background-image: url('../images/speech_bubble.png?v=1745294189570');
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: 40px -30px;
    width: 350px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.speech p {
	width: 170px;
/*	padding: 15px 0 0;*/
	font-size: 16px;
	color: #414141;
	margin-left: 115px;
}

.state-josh-result-2 .scene__josh .result__scene-shoe-left {
    position: absolute;
    bottom: 0;
    left: 38px;
    width: 55px;
    height: 20px;
    background: url(../images/characters/josh/less_expensive_shoe_left.svg?v=1745294189570) no-repeat bottom;
    background-size: 55px auto
}

.state-josh-result-2 .scene__josh .result__scene-shoe-right {
    position: absolute;
    right: -4px;
    bottom: 0;
    width: 55px;
    height: 20px;
    background: url(../images/characters/josh/less_expensive_shoe_right.svg?v=1745294189570) no-repeat bottom;
    background-size: 55px auto
}

.state-josh-result-1 .scene__josh .result__scene-skateboard {
    position: absolute;
    bottom: 15px;
    left: 380px;
    width: 44px;
    height: 135px;
    background: url(../images/characters/josh/skate.png?v=1745294189570) no-repeat 0 0;
    background-size: 44px 135px
}

/*.scene__kaylee {
    background: #fff url(../images/bg.png?v=1745294189570) no-repeat 0 0;
    background-size: cover
}

.scene__kaylee .intro__scene {
    background-image: url(../images/characters/kaylee/dilema.png?v=1745294189570)
}

.scene__kaylee .intro__scene-character {
    position: absolute;
    bottom: 20px;
    left: 175px;
    width: 121px;
    height: 340px;
    background: url(../images/characters/kaylee/kaylee.svg?v=1745294189570) no-repeat 0 0;
    background-size: auto 340px
}

.scene__kaylee .intro__scene-character-eyes {
    bottom: 276px;
    left: 34px;
    width: 51px;
    background-image: url(../images/characters/kaylee/eyes.svg?v=1745294189570);
    background-size: 51px auto
}

.state-blink-kaylee .scene__kaylee .intro__scene-character-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

.scene__kaylee .pressures__heading {
    background-image: url(../images/characters/kaylee/heading_pressures.png?v=1745294189570)
}

.scene__kaylee .pressures__figure {
    bottom: 100px;
    background-image: url(../images/characters/kaylee/kaylee.svg?v=1745294189570)
}

.scene__kaylee .pressures__figure-eyes {
    bottom: 282px;
    left: 34px;
    background-image: url(../images/characters/kaylee/eyes.svg?v=1745294189570)
}

.state-blink-kaylee .scene__kaylee .pressures__figure-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

.scene__kaylee .pressures__pressure--1 {
    background-image: url(../images/characters/kaylee/btn_jessica.png?v=1745294189570)
}

.scene__kaylee .pressures__pressure--2 {
    background-image: url(../images/characters/kaylee/btn_shop.png?v=1745294189570)
}

.scene__kaylee .pressures__pressure--3 {
    background-image: url(../images/characters/kaylee/btn_emily.png?v=1745294189570)
}

.scene__kaylee .pressures__pressure--4 {
    background-image: url(../images/characters/kaylee/btn_avinash.png?v=1745294189570)
}

.state-kaylee-pressure-complete-1 .scene__kaylee .pressures__pressure--1 .pressures__pressure-tick,
.state-kaylee-pressure-complete-2 .scene__kaylee .pressures__pressure--2 .pressures__pressure-tick,
.state-kaylee-pressure-complete-3 .scene__kaylee .pressures__pressure--3 .pressures__pressure-tick,
.state-kaylee-pressure-complete-4 .scene__kaylee .pressures__pressure--4 .pressures__pressure-tick {
    display: block
}

.scene__kaylee .pressure-1 .pressure__scene {
    background-image: url(../images/characters/kaylee/pressure_jessica.png?v=1745294189570)
}

.scene__kaylee .pressure-1 .pressure__scene-eyes {
    bottom: 293px;
    left: 168px;
    width: 48px;
    background-image: url(../images/characters/kaylee/jessica_eyes.svg?v=1745294189570);
    background-size: 48px auto
}

.scene__kaylee .pressure-2 .pressure__scene {
    background-image: url(../images/characters/kaylee/pressure_shop.png?v=1745294189570)
}

.scene__kaylee .pressure-2 .pressure__scene-eyes {
    bottom: 318px;
    left: 156px;
    width: 50px;
    background-image: url(../images/characters/kaylee/shop_eyes.svg?v=1745294189570);
    background-size: 50px auto
}

.scene__kaylee .pressure-3 .pressure__scene {
    background-image: url(../images/characters/kaylee/pressure_emily.png?v=1745294189570)
}

.scene__kaylee .pressure-3 .pressure__scene-eyes {
    bottom: 325px;
    left: 173px;
    width: 60px;
    background-image: url(../images/characters/kaylee/emily_eyes.svg?v=1745294189570);
    background-size: 60px auto
}

.scene__kaylee .pressure-4 .pressure__scene {
    background-image: url(../images/characters/kaylee/pressure_avinash.png?v=1745294189570)
}

.scene__kaylee .pressure-4 .pressure__scene-eyes {
    bottom: 305px;
    left: 172px;
    width: 60px;
    background-image: url(../images/characters/kaylee/avinash_eyes.svg?v=1745294189570);
    background-size: 60px auto
}

.scene__kaylee .options__1 .option__image {
    background-image: url(../images/characters/kaylee/option_expensive.png?v=1745294189570);
    background-size: 96px 216px
}

.scene__kaylee .options__2 .option__image {
    background-image: url(../images/characters/kaylee/option_less_expensive.png?v=1745294189570);
    background-size: 100px 224px
}

.scene__kaylee .options__3 .option__image {
    background-image: url(../images/characters/kaylee/option_dont_buy.png?v=1745294189570);
    background-size: 150px 172px
}

.state-kaylee-result-1 .scene__kaylee .result__heading {
    background-image: url(../images/characters/kaylee/heading_result_expensive.png?v=1745294189570);
    background-size: 439px 83px
}

.state-kaylee-result-2 .scene__kaylee .result__heading {
    background-image: url(../images/characters/kaylee/heading_result_less.png?v=1745294189570);
    background-size: 472px 83px
}

.state-kaylee-result-3 .scene__kaylee .result__heading {
    background-image: url(../images/characters/kaylee/heading_result_save.png?v=1745294189570);
    background-size: 472px 83px
}

.state-kaylee-result-1 .scene__kaylee .result__scene {
    background-image: url(../images/characters/kaylee/result_1.png?v=1745294189570)
}

.state-kaylee-result-2 .scene__kaylee .result__scene {
    background-image: url(../images/characters/kaylee/result_2.png?v=1745294189570)
}

.state-kaylee-result-3 .scene__kaylee .result__scene {
    background-image: url(../images/characters/kaylee/result_3.png?v=1745294189570)
}

.scene__kaylee .result__scene-figure-eyes {
    position: absolute;
    bottom: 269px;
    left: 423px;
    overflow: hidden;
    width: 53px;
    height: 10px;
    background: no-repeat bottom;
    background-image: url(../images/characters/kaylee/eyes.svg?v=1745294189570);
    background-size: 53px auto
}

.state-blink-kaylee .result__scene-figure-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}*/

.scene__kaylee {
/*    background: #fff url(../images/bg.png?v=1745294189570) no-repeat 0 0;*/
	background: #59297D;
    background-size: cover
}

.scene__kaylee .intro__scene {
    background-image: url(../images/characters/kaylee/dilema.png?v=1745294189570)
}

.scene__kaylee .intro__scene-character {
    position: absolute;
    bottom: 20px;
    left: 175px;
    width: 121px;
    height: 340px;
    background: url(../images/characters/kaylee/kaylee.svg?v=1745294189570) no-repeat 0 0;
    background-size: auto 340px
}

.scene__kaylee .intro__scene-character-eyes {
    bottom: 276px;
    left: 34px;
    width: 51px;
    background-image: url(../images/characters/kaylee/eyes.svg?v=1745294189570);
    background-size: 51px auto
}

.state-blink-kaylee .scene__kaylee .intro__scene-character-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

.scene__kaylee .pressures__heading {
    background-image: url(../images/characters/heading_what_would_you_do.png?v=1745294189570)
}

.scene__kaylee .pressures__figure {
    bottom: 100px;
    background-image: url(../images/characters/kaylee/kaylee.svg?v=1745294189570)
}

.scene__kaylee .pressures__figure-eyes {
    bottom: 282px;
    left: 34px;
    background-image: url(../images/characters/kaylee/eyes.svg?v=1745294189570)
}

.state-blink-kaylee .scene__kaylee .pressures__figure-eyes {
    -webkit-animation: figureBlink .5s 1;
    animation: figureBlink .5s 1
}

.scene__kaylee .pressures__pressure--1 {
    background-image: url(../images/characters/kaylee/btn_dad.png?v=1745294189570)
}

.scene__kaylee .pressures__pressure--2 {
    background-image: url(../images/characters/kaylee/btn_concert.png?v=1745294189570);
    width: 224px;
    background-size: 230px 200px;
    right: 72px;
}

.scene__kaylee .pressures__pressure--3 {
    background-image: url(../images/characters/kaylee/btn_conor.png?v=1745294189570)
}

.scene__kaylee .pressures__pressure--4 {
    background-image: url(../images/characters/kaylee/btn_megan.png?v=1745294189570)
}

.state-kaylee-pressure-complete-1 .scene__kaylee .pressures__pressure--1 .pressures__pressure-tick,
.state-kaylee-pressure-complete-2 .scene__kaylee .pressures__pressure--2 .pressures__pressure-tick,
.state-kaylee-pressure-complete-3 .scene__kaylee .pressures__pressure--3 .pressures__pressure-tick,
.state-kaylee-pressure-complete-4 .scene__kaylee .pressures__pressure--4 .pressures__pressure-tick {
    display: block
}

.scene__kaylee .pressure-1 .pressure__scene {
    background-image: url(../images/characters/kaylee/pressure_dad.png?v=1745294189570)
}

.scene__kaylee .pressure-1 .pressure__scene-eyes {
    bottom: 330px;
    left: 173px;
    width: 45px;
    background-image: url(../images/characters/kaylee/dad_eyes.svg?v=1745294189570);
    background-size: 45px auto
}

.scene__kaylee .pressure-2 .pressure__box-text {
	font-size: 20px;
}

.scene__kaylee .pressure-2 .pressure__scene {
    background-image: url(../images/characters/kaylee/pressure_concert.png?v=1745294189570)
}

.scene__kaylee .pressure-2 .pressure__scene-eyes {
    right: 57px;
    bottom: 288px;
    width: 50px;
    background-image: url(../images/characters/kaylee/lachlan_eyes.svg?v=1745294189570);
    background-size: 50px auto
}

.scene__kaylee .pressure-3 .pressure__scene {
    background-image: url(../images/characters/kaylee/pressure_conor.png?v=1745294189570)
}

.scene__kaylee .pressure-3 .pressure__scene-eyes {
    bottom: 282px;
    left: 229px;
    width: 50px;
    background-image: url(../images/characters/kaylee/conor_eyes.svg?v=1745294189570);
    background-size: 50px auto
}

.scene__kaylee .pressure-4 .pressure__scene {
    background-image: url(../images/characters/kaylee/pressure_megan.png?v=1745294189570)
}

.scene__kaylee .pressure-4 .pressure__scene-eyes {
    bottom: 283px;
    left: 246px;
    width: 50px;
    background-image: url(../images/characters/kaylee/megan_eyes.svg?v=1745294189570);
    background-size: 50px auto
}

.scene__kaylee .options__1 .option__image {
    background-image: url(../images/characters/kaylee/option_expensive.png?v=1745294189570);
    background-size: 278px 278px
}

.scene__kaylee .options__2 .option__image {
    background-image: url(../images/characters/kaylee/option_less_expensive.png?v=1745294189570);
    background-size: 278px 278px
}

.scene__kaylee .options__3 .option__image {
    background-image: url(../images/characters/kaylee/option_dont_buy.png?v=1745294189570);
    background-size: 290px 270px;
}

.scene__kaylee .result__heading {
    height: 98px
}

.state-kaylee-result-1 .scene__kaylee .result__heading {
    background-image: url(../images/characters/kaylee/heading_result_expensive.png?v=1745294189570);
    background-size: auto 98px
}

.state-kaylee-result-2 .scene__kaylee .result__heading {
    background-image: url(../images/characters/kaylee/heading_result_less.png?v=1745294189570);
    background-size: auto 98px
}

.state-kaylee-result-3 .scene__kaylee .result__heading {
    background-image: url(../images/characters/kaylee/heading_result_save.png?v=1745294189570);
    background-size: auto 98px
}

.state-kaylee-result-1 .scene__kaylee .result__scene {
    background-image: url(../images/characters/kaylee/result_1.png?v=1745294189570)
}

.state-kaylee-result-2 .scene__kaylee .result__scene {
    background-image: url(../images/characters/kaylee/result_2.png?v=1745294189570)
}

.state-kaylee-result-3 .scene__kaylee .result__scene {
    background-image: url(../images/characters/kaylee/result_3.png?v=1745294189570)
}

.state-kaylee-result-1 .scene__kaylee .result__scene-figure {
    position: absolute;
    bottom: 12px;
    left: 50%;
    width: 200px;
    height: 180px;
    margin-left: -100px;
    -webkit-animation: figureWave .75s steps(2) infinite;
    animation: figureWave .75s steps(2) infinite;
    background: url(../images/characters/lee/lee_waving.png?v=1745294189570) no-repeat 0 0;
    background-size: 400px auto
}

@-webkit-keyframes figureWave {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -400px 0
    }
}

@keyframes figureWave {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -400px 0
    }
}

.state-kaylee-result-3 .scene__kaylee .result__scene-figure-eyes {
    position: absolute;
    bottom: 268px;
    left: 420px;
    overflow: hidden;
    width: 50px;
    height: 10px;
    background: no-repeat bottom;
    background-image: url(../images/characters/kaylee/eyes.svg?v=1745294189570);
    background-size: 50px auto
}

.state-kaylee-result-2 .scene__kaylee .result__scene-figure-eyes {
    position: absolute;
    bottom: 207px;
    left: 257px;
    overflow: hidden;
    width: 40px;
    height: 10px;
    background: no-repeat bottom;
    background-image: url(../images/characters/kaylee/eyes.svg?v=1745294189570);
    background-size: 40px auto
}

.state-kaylee-result-2 .scene__kaylee .result__scene-megan-eyes {
    position: absolute;
    bottom: 188px;
    left: 365px;
    overflow: hidden;
    width: 32px;
    height: 10px;
    background: no-repeat bottom;
    background-image: url(../images/characters/kaylee/megan_eyes.svg?v=1745294189570);
    background-size: 32px auto
}

.state-kaylee-result-2 .scene__kaylee .result__scene-conor-eyes {
    position: absolute;
    bottom: 195px;
    left: 148px;
    overflow: hidden;
    width: 36px;
    height: 10px;
    background: no-repeat bottom;
    background-image: url(../images/characters/kaylee/conor_eyes.svg?v=1745294189570);
    background-size: 36px auto
}

.scene__end {
    text-align: center;
/*    background: #fff url(../images/bg.png?v=1745294189570) no-repeat 0 0;*/
    background-size: cover;
    color: white;
    padding: 60px 0;
}

.scene__end-heading {
    font-size: 36px;
    padding: 20px 0 10px;
    color: white;
}

.scene__end-sub-heading {
    padding-bottom: 20px;
    color: white;
}

.end__play-again-btn {
    width: 247px;
    height: 55px;
    margin: 0 auto;
    background: url(../images/end/btn_play_again.png?v=1745294189570) no-repeat 0 0;
    background-size: 247px 55px
}

.end__big-spender {
    padding: 231px 0 40px;
    background: url(../images/end/end_big_spender.png?v=1745294189570) no-repeat top;
    background-size: 352px 221px
}

.end__thrifty {
    padding: 256px 0 40px;
    background: url(../images/end/end_thrifty.png?v=1745294189570) no-repeat top;
    background-size: 315px 246px
}

.end__balanced {
    padding: 244px 0 40px;
    background: url(../images/end/end_balanced.png?v=1745294189570) no-repeat top;
    background-size: 352px 234px
}

.end__balanced,
.end__big-spender,
.end__thrifty {
    display: none;
    color: white;
}

.state-result-1 .end__big-spender,
.state-result-2 .end__balanced,
.state-result-3 .end__thrifty {
    display: block
    
}

.rotate-message {
    display: none;
    width: 100%;
    height: 100%;
    background: url(../images/rotate_bg@2x.png?v=1745294189570) no-repeat 50%;
    background-size: cover
}

@media only screen and (min-device-width:320px) and (max-device-width:768px) and (orientation:portrait) {
    .container {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0 auto
    }

    .stage {
        display: none
    }

    .rotate-message {
        display: block
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi) {
    .global-mute {
        background-image: url(../images/btn_mute@2x.png?v=1745294189570)
    }

    .global-close {
        background-image: url(../images/btn_main_site@2x.png?v=1745294189570)
    }

    .scene__loading {
/*        background-image: url(../images/bg@2x.png?v=1745294189570)*/
    }

    .loading__bar {
        background-image: url(../images/loading/loading@2x.png?v=1745294189570)
    }

    .loading__bar--progress {
        background-image: url(../images/loading/loading_bar@2x.png?v=1745294189570)
    }

    .loading__tag {
        background-image: url(../images/choices.svg?v=1745294189570)
    }

    .loading__btn-play {
/*        background-image: url(../images/loading/btn_start@2x.png?v=1745294189570)*/
    }

    .scene__home {
        background-image: url(../images/home/bg@2x.png?v=1745294189570)
    }

    .home__heading {
        background-image: url(../images/characters/heading_what_would_you_do.png?v=1745294189570)
    }

    .active-scene__home .home__cloud1,
    .active-scene__home .home__cloud2,
    .active-scene__home .home__cloud3 {
        background-image: url(../images/home/cloud@2x.png?v=1745294189570)
    }

    .character__tick {
        background-image: url(../images/characters/tick@2x.png?v=1745294189570)
    }

    .intro__box-btn {
        background-image: url(../images/btn_next@2x.png?v=1745294189570)
    }

    .intro__box-btn_back {
        background-image: url(../images/btn_back@2x.png?v=1745294189570)
    }

    .pressures {
        background-image: url(../images/characters/star@2x.png?v=1745294189570)
    }

    .pressures__pressure-tick {
        background-image: url(../images/characters/tick@2x.png?v=1745294189570)
    }

    .pressure__box-btn_next {
        background-image: url(../images/btn_next@2x.png?v=1745294189570)
    }

    .pressure__box-btn_back {
        background-image: url(../images/btn_back@2x.png?v=1745294189570)
    }

    .decision {
        background-image: url(../images/characters/choices_bg@2x.png?v=1745294189570)
    }

    .decision__heading {
        background-image: url(../images/characters/heading_what_would_you_do@2x.png?v=1745294189570)
    }

    .result__btn {
        background-image: url(../images/btn_next@2x.png?v=1745294189570)
    }

    .result__btn_back {
        background-image: url(../images/btn_back@2x.png?v=1745294189570)
    }

    .scene__josh {
/*        background-image: url(../images/bg@2x.png?v=1745294189570)*/
    }

    .scene__josh .intro__scene {
        background-image: url(../images/characters/josh/dilema@2x.png?v=1745294189570)
    }

    .scene__josh .intro__scene-skateboard {
        background-image: url(../images/characters/josh/skate@2x.png?v=1745294189570)
    }

    .scene__josh .pressures__heading {
        background-image: url(../images/characters/heading_what_would_you_do.png?v=1745294189570)
    }

    .scene__josh .pressures__pressure--1 {
        background-image: url(../images/characters/josh/btn_mum@2x.png?v=1745294189570)
    }

    .scene__josh .pressures__pressure--2 {
        background-image: url(../images/characters/josh/btn_caitlin@2x.png?v=1745294189570)
    }

    .scene__josh .pressures__pressure--3 {
        background-image: url(../images/characters/josh/btn_advert@2x.png?v=1745294189570)
    }

    .scene__josh .pressures__pressure--4 {
        background-image: url(../images/characters/josh/btn_jacob@2x.png?v=1745294189570)
    }

    .scene__josh .pressure-1 .pressure__scene {
        background-image: url(../images/characters/josh/pressure_mum@2x.png?v=1745294189570)
    }

    .scene__josh .pressure-2 .pressure__scene {
        background-image: url(../images/characters/josh/pressure_caitlin@2x.png?v=1745294189570)
    }

    .scene__josh .pressure-3 .pressure__scene {
        background-image: url(../images/characters/josh/pressure_advert@2x.png?v=1745294189570)
    }

    .scene__josh .pressure-4 .pressure__scene {
        background-image: url(../images/characters/josh/pressure_jacob@2x.png?v=1745294189570)
    }

    .scene__josh .options__1 .option__image {
        background-image: url(../images/characters/josh/option_expensive@2x.png?v=1745294189570)
    }

    .scene__josh .options__2 .option__image {
        background-image: url(../images/characters/josh/option_less_expensive@2x.png?v=1745294189570)
    }

    .scene__josh .options__3 .option__image {
        background-image: url(../images/characters/josh/option_dont_buy@2x.png?v=1745294189570)
    }

    .state-josh-result-1 .scene__josh .result__heading {
        background-image: url(../images/characters/josh/heading_result_expensive@2x.png?v=1745294189570)
    }

    .state-josh-result-2 .scene__josh .result__heading {
        background-image: url(../images/characters/josh/heading_result_less@2x.png?v=1745294189570)
    }

    .state-josh-result-3 .scene__josh .result__heading {
        background-image: url(../images/characters/josh/heading_result_save@2x.png?v=1745294189570)
    }

    .scene__josh .result__scene {
        background-image: url(../images/characters/josh/final@2x.png?v=1745294189570)
    }

    .state-josh-result-1 .scene__josh .result__scene-skateboard {
        background-image: url(../images/characters/josh/skate@2x.png?v=1745294189570) no-repeat 0 0
    }

    /*.scene__kaylee {
        background-image: url(../images/bg@2x.png?v=1745294189570)
    }

    .scene__kaylee .intro__scene {
        background-image: url(../images/characters/kaylee/dilema@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressures__heading {
        background-image: url(../images/characters/kaylee/heading_pressures@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressures__pressure--1 {
        background-image: url(../images/characters/kaylee/btn_jessica@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressures__pressure--2 {
        background-image: url(../images/characters/kaylee/btn_shop@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressures__pressure--3 {
        background-image: url(../images/characters/kaylee/btn_emily@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressures__pressure--4 {
        background-image: url(../images/characters/kaylee/btn_avinash@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressure-1 .pressure__scene {
        background-image: url(../images/characters/kaylee/pressure_jessica@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressure-2 .pressure__scene {
        background-image: url(../images/characters/kaylee/pressure_shop@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressure-3 .pressure__scene {
        background-image: url(../images/characters/kaylee/pressure_emily@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressure-4 .pressure__scene {
        background-image: url(../images/characters/kaylee/pressure_avinash@2x.png?v=1745294189570)
    }

    .scene__kaylee .options__1 .option__image {
        background-image: url(../images/characters/kaylee/option_expensive@2x.png?v=1745294189570)
    }

    .scene__kaylee .options__2 .option__image {
        background-image: url(../images/characters/kaylee/option_less_expensive@2x.png?v=1745294189570)
    }

    .scene__kaylee .options__3 .option__image {
        background-image: url(../images/characters/kaylee/option_dont_buy@2x.png?v=1745294189570)
    }

    .state-kaylee-result-1 .scene__kaylee .result__heading {
        background-image: url(../images/characters/kaylee/heading_result_expensive@2x.png?v=1745294189570)
    }

    .state-kaylee-result-2 .scene__kaylee .result__heading {
        background-image: url(../images/characters/kaylee/heading_result_less@2x.png?v=1745294189570)
    }

    .state-kaylee-result-3 .scene__kaylee .result__heading {
        background-image: url(../images/characters/kaylee/heading_result_save@2x.png?v=1745294189570)
    }

    .state-kaylee-result-1 .scene__kaylee .result__scene {
        background-image: url(../images/characters/kaylee/result_1@2x.png?v=1745294189570)
    }

    .state-kaylee-result-2 .scene__kaylee .result__scene {
        background-image: url(../images/characters/kaylee/result_2@2x.png?v=1745294189570)
    }

    .state-kaylee-result-3 .scene__kaylee .result__scene {
        background-image: url(../images/characters/kaylee/result_3@2x.png?v=1745294189570)
    }*/

    .scene__kaylee {
/*        background-image: url(../images/bg@2x.png?v=1745294189570)*/
    }

    .scene__kaylee .intro__scene {
        background-image: url(../images/characters/kaylee/dilema@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressures__heading {
        background-image: url(../images/characters/heading_what_would_you_do.png?v=1745294189570)
    }

    .scene__kaylee .pressures__pressure--1 {
        background-image: url(../images/characters/kaylee/btn_dad@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressures__pressure--2 {
        background-image: url(../images/characters/kaylee/btn_concert@2x.png?v=1745294189570);
        width: 224px;
	    background-size: 230px 200px;
	    right: 72px;
    }

    .scene__kaylee .pressures__pressure--3 {
        background-image: url(../images/characters/kaylee/btn_conor@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressures__pressure--4 {
        background-image: url(../images/characters/kaylee/btn_megan@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressure-1 .pressure__scene {
        background-image: url(../images/characters/kaylee/pressure_dad@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressure-2 .pressure__scene {
        background-image: url(../images/characters/kaylee/pressure_concert@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressure-3 .pressure__scene {
        background-image: url(../images/characters/kaylee/pressure_conor@2x.png?v=1745294189570)
    }

    .scene__kaylee .pressure-4 .pressure__scene {
        background-image: url(../images/characters/kaylee/pressure_megan@2x.png?v=1745294189570)
    }

    .scene__kaylee .options__1 .option__image {
        background-image: url(../images/characters/kaylee/option_expensive@2x.png?v=1745294189570)
    }

    .scene__kaylee .options__2 .option__image {
        background-image: url(../images/characters/kaylee/option_less_expensive@2x.png?v=1745294189570)
    }

    .scene__kaylee .options__3 .option__image {
        background-image: url(../images/characters/kaylee/option_dont_buy@2x.png?v=1745294189570)
    }

    .state-kaylee-result-1 .scene__kaylee .result__heading {
        background-image: url(../images/characters/kaylee/heading_result_expensive@2x.png?v=1745294189570)
    }

    .state-kaylee-result-2 .scene__kaylee .result__heading {
        background-image: url(../images/characters/kaylee/heading_result_less@2x.png?v=1745294189570)
    }

    .state-kaylee-result-3 .scene__kaylee .result__heading {
        background-image: url(../images/characters/kaylee/heading_result_save@2x.png?v=1745294189570)
    }

    .state-kaylee-result-1 .scene__kaylee .result__scene {
        background-image: url(../images/characters/kaylee/result_1@2x.png?v=1745294189570)
    }

    .state-kaylee-result-2 .scene__kaylee .result__scene {
        background-image: url(../images/characters/kaylee/result_2@2x.png?v=1745294189570)
    }

    .state-kaylee-result-3 .scene__kaylee .result__scene {
        background-image: url(../images/characters/kaylee/result_3@2x.png?v=1745294189570)
    }

    .state-kaylee-result-1 .scene__kaylee .result__scene-figure {
        background-image: url(../images/characters/kaylee/kaylee_waving@2x.png?v=1745294189570)
    }

    .scene__end {
/*        background-image: url(../images/bg@2x.png?v=1745294189570)*/
    }

    .end__play-again-btn {
        background-image: url(../images/end/btn_play_again@2x.png?v=1745294189570)
    }

    .end__big-spender {
        background-image: url(../images/end/end_big_spender@2x.png?v=1745294189570)
    }

    .end__thrifty {
        background-image: url(../images/end/end_thrifty@2x.png?v=1745294189570)
    }

    .end__balanced {
        background-image: url(../images/end/end_balanced@2x.png?v=1745294189570)
    }
}

.active-scene__end .scene__end,
.active-scene__home .scene__home,
.active-scene__josh .scene__josh,
.active-scene__kaylee .scene__kaylee,
.active-scene__lee .scene__lee,
.active-scene__loading .scene__loading {
    display: block
}

.pressures__pressure--name {
    margin: 0;
    font-size: 17px;
    color: white;
    text-align: center;
}

.btn,
.character__figure {
    cursor: pointer
}

.read-aloud {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #FAEE22;
    padding: 10px;
    color: black;
    font-size: 16px;
}

.hidden {
    display: none !important
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

@media print {

    *,
    :after,
    :before,
    :first-letter,
    :first-line {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}