/*Game:Platformer*/@font-face {font-family: 'Oxanium';src: url("__ROOT_URL__/ui/fonts/Oxanium-Bold.ttf") format('truetype');font-weight: 900;font-style: normal;}@font-face {font-family: 'Oxanium';src: url("__ROOT_URL__/ui/fonts/Oxanium-Regular.ttf") format('truetype');font-weight: 400;font-style: normal}@font-face {font-family: 'Oxanium';src: url("__ROOT_URL__/ui/fonts/Oxanium-Light.ttf") format('truetype');font-weight: 100;font-style: normal;}html { overflow: hidden; background: #1a1e22;}html, body, .btn { margin: 0; padding: 0; cursor: url("__MEDIA_URL__/img/ui/cursor-pointer.cur"), pointer; font-family: 'Oxanium',arial,georgia,sans-serif;}#stephino-rpg-ptf { position: absolute; width: 100%; height: 100%; z-index: 1;}#stephino-rpg-ptf canvas { width: 100% !important; height: 100% !important; background: -o-linear-gradient(bottom, rgba(0,0,0,0.4) 50%, rgba(35,35,35,0.6) 95%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0,0,0,0.4)), color-stop(95%, rgba(35,35,35,0.6)), to(rgba(0,0,0,0.5))); background: linear-gradient(0deg, rgba(0,0,0,0.4) 50%, rgba(35,35,35,0.6) 95%, rgba(0,0,0,0.5) 100%);}.panel { position: absolute; top: 5vh; right: 5vh; z-index: 2;}.not-found { font-size: 5vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 50%; position: absolute; width: 100%; margin-top: -2.5vh;}[data-role="score"] { opacity: 0; color: #ffffff; float: right; background: rgba(0,0,0,0.5); padding: 4vh 6vh; border-radius: 10px; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 4vh;}[data-role="score"].active { opacity: 1;}[data-btn], [data-role="mobile-toggle"], [data-role="full-screen"] { background: url("__MEDIA_URL__/img/ui/ptfs/ptf-buttons.png") no-repeat 0 0 transparent; width: 20vh; height: 20vh; background-size: auto 100%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}[data-role="mobile-toggle"], [data-role="full-screen"] { float: right; background-position: -40vh 0px; opacity: 0.25; margin-top: -3vh; margin-right: 3vh; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}[data-role="full-screen"] { background-position: -80vh 0px;}[data-role="mobile-toggle"]:hover, [data-role="mobile-toggle"].active,[data-role="full-screen"]:hover,[data-role="full-screen"].active { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 1;}[data-role="info"] { position: absolute; right: 5vh; bottom: 5vh; z-index: 1; opacity: 0.5;}body.is-mobile [data-role="mobile-toggle"] { background-position: -60vh 0px;}body.full-screen [data-role="full-screen"] { background-position: -100vh 0px;}[data-btn] { position: absolute; z-index: 2; opacity: 0;}body.is-mobile [data-btn] { opacity: 1;}[data-btn].active { background-position: -20vh 0px;}[data-btn="w"] { right: 5vh; bottom: 30vh;}[data-btn="s"] { right: 5vh; bottom: 5vh; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}[data-btn="a"] { left: 5vh; bottom: 5vh; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}[data-btn="d"] { left: 30vh; bottom: 5vh; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}[data-role="ptf-popup"] { position: absolute !important; top: 50%; left: 25%; width: 50%; text-align: center; z-index: 10; padding: 5vh; background: rgba(0,0,0,0.5) !important; border-radius: 10px; -webkit-transform: translateY(-2000%); -ms-transform: translateY(-2000%); transform: translateY(-2000%); -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275);;}[data-role="ptf-popup"] h4 { font-size: 4vh; line-height: 6vh; margin-bottom: 2vh;}[data-role="ptf-popup"] .btn { font-size: 3vh; line-height: 3vh; padding: 2vh; border: none;}[data-role="ptf-popup"].success,[data-role="ptf-popup"].failure { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}[data-role="ptf-popup"].success .failure,[data-role="ptf-popup"].failure .success { display: none;}[data-role="ptf-popup"] .ptf-reward { font-size: 3vh; line-height: 4vh; padding-bottom: 2vh;}[data-role="ptf-rating"] { margin-bottom: 2vh;}[data-role="ptf-rating"] > i { display: inline-block; width: 5vh; height: 5vh; margin: 1vh; border-radius: 50%; background: #000; border: 0.5vh solid #f39c12; -webkit-transform: translateY(-20vh); -ms-transform: translateY(-20vh); transform: translateY(-20vh); -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;}[data-role="ptf-rating"] > i[data-rating="2"] { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s;}[data-role="ptf-rating"] > i[data-rating="3"] { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;}[data-role="ptf-rating"] > i[data-rating="4"] { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s;}[data-role="ptf-rating"] > i[data-rating="5"] { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}[data-role="ptf-rating"] > i.active { background: #f39c12; border: 0.5vh solid #000;}[data-role="ptf-rating"] > i:hover { background: #f39c12; border: 0.5vh solid #f39c12;}[data-role="ptf-popup"].success [data-role="ptf-rating"] > i,[data-role="ptf-popup"].failure [data-role="ptf-rating"] > i { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}/*End of Game:Platformer*/