cocos-html-pack-3d
Version:
Single html web mobile template for Cocos verions 2.x
2,002 lines • 65.1 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--__MetaAdSize__-->
<title>${title}</title>
<!--http://www.html5rocks.com/en/mobile/mobifying/-->
<meta name="viewport"
content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1" />
<!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=no">
<!-- force webkit on 360 -->
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<!-- force edge on IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="msapplication-tap-highlight" content="no">
<!-- force full screen on some browser -->
<meta name="full-screen" content="yes" />
<meta name="x5-fullscreen" content="true" />
<meta name="360-fullscreen" content="true" />
<!-- force screen orientation on some browser -->
<meta name="screen-orientation" content="${orientation}" />
<meta name="x5-orientation" content="${orientation}">
<!--fix fireball/issues/3568 -->
<!--<meta name="browsermode" content="application">-->
<meta name="x5-page-mode" content="app">
<!--<link rel="apple-touch-icon" href=".png" />-->
<!--<link rel="apple-touch-icon-precomposed" href=".png" />-->
<link rel="icon" href="favicon.ico" />
${style}
<!--style vungle-->
<style>
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
p {
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
html {
margin: 0;
height: 100%;
width: 100%;
overflow: hidden;
-webkit-font-smoothing: antialiased;
font-size: 1em
}
html a {
text-decoration: none
}
body {
margin: 0;
height: 100%;
width: 100%;
overflow: hidden;
background-color: #000
}
body>* {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent
}
#vungle-close {
opacity: 1;
-webkit-transition: opacity .35s
}
#vungle-close.hide {
opacity: 0;
pointer-events: none
}
#vungle-ad-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto
}
#vungle-ad {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto
}
#video.hide {
display: none
}
#vungle-vid {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 100%;
font-size: 0
}
#vungle-wrap {
display: flex;
flex-flow: column;
height: 100%
}
#vungle-wrap.video-inline #vungle-vid {
flex: 0 1 auto;
position: initial;
transform: none;
top: initial;
left: initial
}
#vungle-wrap.video-inline #vungle-ad {
flex: 1 1 auto;
transform: none;
top: initial;
left: initial;
height: initial
}
#close-button-replacement,
#vungle-close {
opacity: 1;
-webkit-transition: opacity .35s
}
#close-button-replacement.hide,
#vungle-close.hide {
opacity: 0;
pointer-events: none
}
#close-button-replacement {
color: #fff;
background-color: rgba(0, 0, 0, .3);
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 10px 10px;
margin: 0;
text-align: center;
position: absolute;
right: 0;
left: 0;
top: 0;
z-index: -1
}
#vungle-header {
position: absolute;
top: 0;
right: 0;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
z-index: 10000000
}
#vungle-header a {
display: block;
padding: .8em .8em .5em 1.2em;
right: 0
}
body.windows #vungle-header a {
padding: .25em .25em .45em .45em
}
@media all and (min-width:900px) {
body.windows #vungle-header a {
padding: .5em .5em .5em .5em
}
}
#vungle-header a svg {
right: 0;
margin: 0;
padding: 0;
vertical-align: bottom;
height: 1.1em;
width: 1.1em
}
body.windows #vungle-header a svg {
height: 1em;
width: 1em;
margin-bottom: .2em;
margin-right: .1em
}
@media all and (min-width:900px) {
body.windows #vungle-header a svg {
height: 1.5em;
width: 1.5em;
margin-right: .3em
}
}
#vungle-header a:active {
opacity: .55
}
body.light #vungle-header #background-vungle-ad-close {
background: rgba(0, 0, 0, .3)
}
body.dark #vungle-header #background-vungle-ad-close {
background: rgba(255, 255, 255, .6)
}
body.android #vungle-header #background-vungle-ad-close,
body.ios #vungle-header #background-vungle-ad-close {
background: 0 0
}
body.windows #vungle-header #background-vungle-ad-close {
padding: .3em .6em .3em .6em
}
@media all and (min-width:900px) {
body.windows #vungle-header #background-vungle-ad-close {
padding: .5em .8em .5em .8em
}
}
#vungle-header #background-vungle-ad-close span {
display: none
}
body.light #vungle-header #background-vungle-ad-close span {
color: #e8e8e8
}
body.dark #vungle-header #background-vungle-ad-close span {
color: #000
}
body.windows #vungle-header #background-vungle-ad-close span {
display: inline-block;
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 1.2em;
line-height: 1.3em
}
@media all and (min-width:900px) {
body.windows #vungle-header #background-vungle-ad-close span {
font-size: 1.8em;
line-height: 1.2em
}
}
#vungle-header .svg-vungle-ad-close-icon {
fill: #000;
stroke: rgba(255, 255, 255, .6);
stroke-width: 14;
stroke-miterlimit: 10
}
body.light #vungle-header .svg-vungle-ad-close-icon {
fill: #e8e8e8;
stroke: rgba(0, 0, 0, .3)
}
body.dark #vungle-header .svg-vungle-ad-close-icon {
fill: #000;
stroke: rgba(255, 255, 255, .6)
}
body.windows #vungle-header .svg-vungle-ad-close-icon {
stroke: none
}
#vungle-header.left {
right: auto;
left: 0
}
#vungle-ad {
transition: opacity 20ms linear;
-webkit-transition: opacity 20ms linear;
position: relative
}
#vungle-ad.endcard,
#vungle-ad.video-endcard,
.endcard-view {
position: absolute;
margin: auto;
top: 0;
left: 0;
overflow: hidden;
height: 100%;
width: 100%
}
#vungle-ad-debug {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 99999;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
background-color: rgba(0, 0, 0, .3)
}
#vungle-ad-debug p {
text-align: center;
position: absolute;
width: 80%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
body.landscape #vungle-ad-debug p {
width: 60%
}
#vungle-ad-debug span {
display: block;
padding: .5em 1em;
background: rgba(100, 100, 100, .35);
color: #fff;
font-weight: 400;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
font-size: 3vw
}
@media (max-width:30em) {
#vungle-ad-debug span {
font-size: .9em
}
}
@media (min-width:36.66667em) {
#vungle-ad-debug span {
font-size: 1.1em
}
}
#vungle-ad-debug span.title {
font-size: 2.5vw;
background: rgba(0, 0, 0, .8)
}
@media (max-width:56em) {
#vungle-ad-debug span.title {
font-size: 1.4em
}
}
@media (min-width:68em) {
#vungle-ad-debug span.title {
font-size: 1.7em
}
}
#vungle-ad-debug span b {
font-weight: 600
}
#vungle-ad-debug span:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
#vungle-ad-debug span:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px
}
#vungle-ad-debug span:nth-child(3) {
box-shadow: inset 0 11px 0 -10px rgba(0, 0, 0, .1), inset 0 -11px 0 -10px rgba(0, 0, 0, .1)
}
body.landscape #vungle-ad-debug span {
font-size: 2vw
}
@media (max-width:35em) {
body.landscape #vungle-ad-debug span {
font-size: .7em
}
}
@media (min-width:45em) {
body.landscape #vungle-ad-debug span {
font-size: .9em
}
}
body.landscape #vungle-ad-debug span.title {
font-size: 2vw
}
@media (max-width:75em) {
body.landscape #vungle-ad-debug span.title {
font-size: 1.5em
}
}
@media (min-width:90em) {
body.landscape #vungle-ad-debug span.title {
font-size: 1.8em
}
}
body.square #vungle-ad-debug span {
font-size: 2vw
}
@media (max-width:35em) {
body.square #vungle-ad-debug span {
font-size: .7em
}
}
@media (min-width:45em) {
body.square #vungle-ad-debug span {
font-size: .9em
}
}
body.square #vungle-ad-debug span.title {
font-size: 2vw
}
@media (max-width:75em) {
body.square #vungle-ad-debug span.title {
font-size: 1.5em
}
}
@media (min-width:90em) {
body.square #vungle-ad-debug span.title {
font-size: 1.8em
}
}
body.square #vungle-ad-debug span.title {
background-color: rgba(113, 127, 155, .65)
}
body.portrait-xs #vungle-ad-debug span.title {
background-color: rgba(215, 129, 106, .65)
}
body.portrait-s #vungle-ad-debug span.title {
background-color: rgba(222, 151, 133, .65)
}
body.portrait-m #vungle-ad-debug span.title {
background-color: rgba(229, 174, 160, .65)
}
body.portrait-l #vungle-ad-debug span.title {
background-color: rgba(236, 197, 187, .65)
}
body.portrait-xl #vungle-ad-debug span.title {
background-color: rgba(255, 220, 214, .65)
}
body.landscape-xs #vungle-ad-debug span.title {
background-color: rgba(126, 145, 111, .65)
}
body.landscape-s #vungle-ad-debug span.title {
background-color: rgba(158, 180, 139, .65)
}
body.landscape-m #vungle-ad-debug span.title {
background-color: rgba(180, 203, 161, .65)
}
body.landscape-l #vungle-ad-debug span.title {
background-color: rgba(195, 213, 180, .65)
}
body.landscape-xl #vungle-ad-debug span.title {
background-color: rgba(210, 223, 198, .65)
}
#vungle-ad-debug.oob {
background-color: rgba(255, 0, 0, .4)
}
#vungle-ad-debug.oob span.title {
background-color: rgba(255, 0, 0, .65) !important
}
#vungle-ad-debug.oob p {
color: #fff;
font-weight: 700
}
#privacy-wrapper #privacy-page-wrapper {
position: absolute;
z-index: 5000001;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0;
border: 0;
padding: 0;
display: none;
background: #fff;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 16000001
}
#privacy-wrapper #privacy-page {
height: 100%;
width: 100%;
margin: 0;
border: 0;
padding: 0
}
#privacy-wrapper #privacy-back-button-container {
position: absolute;
bottom: 2.5vmin;
right: 2.5vmin;
width: 7vmin;
height: 7vmin;
background: #00b17e;
padding: 4vmin;
border-radius: 100%;
display: none;
z-index: 16000002
}
#privacy-wrapper #privacy-icon #privacy-external {
width: 3vmin;
display: inline-block;
margin-left: 8.7vmin;
margin-top: -.2vmin
}
#privacy-wrapper #privacy-icon svg {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 4vmin;
width: 5vmin;
-webkit-tap-highlight-color: transparent
}
#privacy-wrapper #privacy-icon svg path {
fill: rgba(190, 190, 190, .5);
stroke: rgba(0, 0, 0, .25);
stroke-width: 8
}
#privacy-wrapper #privacy-icon.privacy-container {
-webkit-tap-highlight-color: transparent;
z-index: 5000000;
position: absolute;
left: 1vmin;
bottom: 1vmin;
font-size: 68px;
font-size: 10vmin;
color: #909090;
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 8vmin;
height: 8vmin;
background: #fff;
border-radius: 50%;
transition: background .5s ease-in-out, width .5s ease-in-out, border-radius .2s ease-in-out, border .5s ease-in-out;
background: rgba(255, 255, 255, 0);
overflow: hidden;
border: .25vmin solid transparent
}
#privacy-wrapper #privacy-icon.privacy-container span {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #909090;
font-size: 12px;
font-size: 3vmin;
left: 8vmin;
white-space: nowrap
}
#privacy-wrapper #privacy-icon.privacy-extended {
background: #fff;
width: 26vmin;
border-radius: 5vmin 5vmin 5vmin 5vmin;
border: .25vmin solid rgba(0, 0, 0, .1)
}
#privacy-wrapper #privacy-icon.privacy-reverse {
transition: background .5s .5s ease-in-out, width .5s ease-in-out, border-radius .25s .2s ease-in-out, border .5s .5s ease-in-out
}
#privacy-wrapper #privacy-icon .privacy-external-path {
fill: #909090
}
#privacy-page-loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: #fff;
opacity: 1;
pointer-events: none;
-webkit-transition: opacity .25s
}
#privacy-page-loading.loaded {
opacity: 0
}
#privacy-page-spinner-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center
}
#privacy-page-loading.loading svg.components__spinner {
-webkit-animation: rotator 1.4s linear infinite;
animation: rotator 1.4s linear infinite
}
#privacy-page-loading svg.components__spinner circle.path {
stroke-dasharray: 187;
stroke-dashoffset: 0;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
#privacy-page-loading.loading svg.components__spinner circle.path {
-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite
}
#privacy-wrapper #privacy-icon #privacy-external path {
stroke-width: 0
}
@media only screen and (min-device-width:768px) {
#privacy-back-button-container,
#privacy-icon {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5);
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
}
@media only screen and (min-device-width:768px) and (max-device-height:450px) and (orientation:landscape) {
#privacy-back-button-container,
#privacy-icon {
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-webkit-keyframes rotator {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
}
@keyframes rotator {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
}
@-webkit-keyframes colors {
0% {
stroke: #4285f4
}
25% {
stroke: #de3e35
}
50% {
stroke: #f7c223
}
75% {
stroke: #1b9a59
}
to {
stroke: #4285f4
}
}
@keyframes colors {
0% {
stroke: #4285f4
}
25% {
stroke: #de3e35
}
50% {
stroke: #f7c223
}
75% {
stroke: #1b9a59
}
to {
stroke: #4285f4
}
}
@-webkit-keyframes dash {
0% {
stroke-dashoffset: 187
}
50% {
stroke-dashoffset: 46.75;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
to {
stroke-dashoffset: 187;
-webkit-transform: rotate(450deg);
transform: rotate(450deg)
}
}
@keyframes dash {
0% {
stroke-dashoffset: 187
}
50% {
stroke-dashoffset: 46.75;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
to {
stroke-dashoffset: 187;
-webkit-transform: rotate(450deg);
transform: rotate(450deg)
}
}
.endcard-view {
background-color: #000
}
#privacy-wrapper #privacy-page-wrapper {
position: absolute;
z-index: 5000001;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0;
border: 0;
padding: 0;
display: none;
background: #fff;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 16000001
}
#privacy-wrapper #privacy-page {
height: 100%;
width: 100%;
margin: 0;
border: 0;
padding: 0
}
#privacy-wrapper #privacy-back-button-container {
position: absolute;
bottom: 2.5vmin;
right: 2.5vmin;
width: 7vmin;
height: 7vmin;
background: #00b17e;
padding: 4vmin;
border-radius: 100%;
display: none;
z-index: 16000002
}
#privacy-wrapper #privacy-icon #privacy-external {
width: 3vmin;
display: inline-block;
margin-left: 8.7vmin;
margin-top: -.2vmin
}
#privacy-wrapper #privacy-icon svg {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 4vmin;
width: 5vmin;
-webkit-tap-highlight-color: transparent
}
#privacy-wrapper #privacy-icon svg path {
fill: rgba(190, 190, 190, .5);
stroke: rgba(0, 0, 0, .25);
stroke-width: 8
}
#privacy-wrapper #privacy-icon.privacy-container {
-webkit-tap-highlight-color: transparent;
z-index: 5000000;
position: absolute;
left: 1vmin;
bottom: 1vmin;
font-size: 68px;
font-size: 10vmin;
color: #909090;
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 8vmin;
height: 8vmin;
background: #fff;
border-radius: 50%;
transition: background .5s ease-in-out, width .5s ease-in-out, border-radius .2s ease-in-out, border .5s ease-in-out;
background: rgba(255, 255, 255, 0);
overflow: hidden;
border: .25vmin solid transparent
}
#privacy-wrapper #privacy-icon.privacy-container span {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #909090;
font-size: 12px;
font-size: 3vmin;
left: 8vmin;
white-space: nowrap
}
#privacy-wrapper #privacy-icon.privacy-extended {
background: #fff;
width: 26vmin;
border-radius: 5vmin 5vmin 5vmin 5vmin;
border: .25vmin solid rgba(0, 0, 0, .1)
}
#privacy-wrapper #privacy-icon.privacy-reverse {
transition: background .5s .5s ease-in-out, width .5s ease-in-out, border-radius .25s .2s ease-in-out, border .5s .5s ease-in-out
}
#privacy-wrapper #privacy-icon .privacy-external-path {
fill: #909090
}
#privacy-page-loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: #fff;
opacity: 1;
pointer-events: none;
-webkit-transition: opacity .25s
}
#privacy-page-loading.loaded {
opacity: 0
}
#privacy-page-spinner-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center
}
#privacy-page-loading.loading svg.components__spinner {
-webkit-animation: rotator 1.4s linear infinite;
animation: rotator 1.4s linear infinite
}
#privacy-page-loading svg.components__spinner circle.path {
stroke-dasharray: 187;
stroke-dashoffset: 0;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
#privacy-page-loading.loading svg.components__spinner circle.path {
-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite
}
#privacy-wrapper #privacy-icon #privacy-external path {
stroke-width: 0
}
@media only screen and (min-device-width:768px) {
#privacy-back-button-container,
#privacy-icon {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5);
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
}
@media only screen and (min-device-width:768px) and (max-device-height:450px) and (orientation:landscape) {
#privacy-back-button-container,
#privacy-icon {
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-webkit-keyframes rotator {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
}
@keyframes rotator {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
}
@-webkit-keyframes colors {
0% {
stroke: #4285f4
}
25% {
stroke: #de3e35
}
50% {
stroke: #f7c223
}
75% {
stroke: #1b9a59
}
to {
stroke: #4285f4
}
}
@keyframes colors {
0% {
stroke: #4285f4
}
25% {
stroke: #de3e35
}
50% {
stroke: #f7c223
}
75% {
stroke: #1b9a59
}
to {
stroke: #4285f4
}
}
@-webkit-keyframes dash {
0% {
stroke-dashoffset: 187
}
50% {
stroke-dashoffset: 46.75;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
to {
stroke-dashoffset: 187;
-webkit-transform: rotate(450deg);
transform: rotate(450deg)
}
}
@keyframes dash {
0% {
stroke-dashoffset: 187
}
50% {
stroke-dashoffset: 46.75;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
to {
stroke-dashoffset: 187;
-webkit-transform: rotate(450deg);
transform: rotate(450deg)
}
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
p {
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
html {
margin: 0;
height: 100%;
width: 100%;
overflow: hidden;
-webkit-font-smoothing: antialiased;
font-size: 1em
}
html a {
text-decoration: none
}
body {
margin: 0;
height: 100%;
width: 100%;
overflow: hidden;
background-color: #000
}
body>* {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent
}
#vungle-close {
opacity: 1;
-webkit-transition: opacity .35s
}
#vungle-close.hide {
opacity: 0;
pointer-events: none
}
#vungle-ad-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto
}
#vungle-ad {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto
}
#video.hide {
display: none
}
#vungle-vid {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 100%;
font-size: 0
}
#vungle-wrap {
display: flex;
flex-flow: column;
height: 100%
}
#vungle-wrap.video-inline #vungle-vid {
flex: 0 1 auto;
position: initial;
transform: none;
top: initial;
left: initial
}
#vungle-wrap.video-inline #vungle-ad {
flex: 1 1 auto;
transform: none;
top: initial;
left: initial;
height: initial
}
#close-button-replacement,
#vungle-close {
opacity: 1;
-webkit-transition: opacity .35s
}
#close-button-replacement.hide,
#vungle-close.hide {
opacity: 0;
pointer-events: none
}
#close-button-replacement {
color: #fff;
background-color: rgba(0, 0, 0, .3);
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 10px 10px;
margin: 0;
text-align: center;
position: absolute;
right: 0;
left: 0;
top: 0;
z-index: -1
}
#vungle-header {
position: absolute;
top: 0;
right: 0;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
z-index: 10000000
}
#vungle-header a {
display: block;
padding: .8em .8em .5em 1.2em;
right: 0
}
body.windows #vungle-header a {
padding: .25em .25em .45em .45em
}
@media all and (min-width:900px) {
body.windows #vungle-header a {
padding: .5em .5em .5em .5em
}
}
#vungle-header a svg {
right: 0;
margin: 0;
padding: 0;
vertical-align: bottom;
height: 1.1em;
width: 1.1em
}
body.windows #vungle-header a svg {
height: 1em;
width: 1em;
margin-bottom: .2em;
margin-right: .1em
}
@media all and (min-width:900px) {
body.windows #vungle-header a svg {
height: 1.5em;
width: 1.5em;
margin-right: .3em
}
}
#vungle-header a:active {
opacity: .55
}
body.light #vungle-header #background-vungle-ad-close {
background: rgba(0, 0, 0, .3)
}
body.dark #vungle-header #background-vungle-ad-close {
background: rgba(255, 255, 255, .6)
}
body.android #vungle-header #background-vungle-ad-close,
body.ios #vungle-header #background-vungle-ad-close {
background: 0 0
}
body.windows #vungle-header #background-vungle-ad-close {
padding: .3em .6em .3em .6em
}
@media all and (min-width:900px) {
body.windows #vungle-header #background-vungle-ad-close {
padding: .5em .8em .5em .8em
}
}
#vungle-header #background-vungle-ad-close span {
display: none
}
body.light #vungle-header #background-vungle-ad-close span {
color: #e8e8e8
}
body.dark #vungle-header #background-vungle-ad-close span {
color: #000
}
body.windows #vungle-header #background-vungle-ad-close span {
display: inline-block;
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 1.2em;
line-height: 1.3em
}
@media all and (min-width:900px) {
body.windows #vungle-header #background-vungle-ad-close span {
font-size: 1.8em;
line-height: 1.2em
}
}
#vungle-header .svg-vungle-ad-close-icon {
fill: #000;
stroke: rgba(255, 255, 255, .6);
stroke-width: 14;
stroke-miterlimit: 10
}
body.light #vungle-header .svg-vungle-ad-close-icon {
fill: #e8e8e8;
stroke: rgba(0, 0, 0, .3)
}
body.dark #vungle-header .svg-vungle-ad-close-icon {
fill: #000;
stroke: rgba(255, 255, 255, .6)
}
body.windows #vungle-header .svg-vungle-ad-close-icon {
stroke: none
}
#vungle-header.left {
right: auto;
left: 0
}
#vungle-ad {
transition: opacity 20ms linear;
-webkit-transition: opacity 20ms linear;
position: relative
}
#vungle-ad.endcard,
#vungle-ad.video-endcard,
.endcard-view {
position: absolute;
margin: auto;
top: 0;
left: 0;
overflow: hidden;
height: 100%;
width: 100%
}
#vungle-ad-debug {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 99999;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
background-color: rgba(0, 0, 0, .3)
}
#vungle-ad-debug p {
text-align: center;
position: absolute;
width: 80%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: -apple-system, "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
body.landscape #vungle-ad-debug p {
width: 60%
}
#vungle-ad-debug span {
display: block;
padding: .5em 1em;
background: rgba(100, 100, 100, .35);
color: #fff;
font-weight: 400;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
font-size: 3vw
}
@media (max-width:30em) {
#vungle-ad-debug span {
font-size: .9em
}
}
@media (min-width:36.66667em) {
#vungle-ad-debug span {
font-size: 1.1em
}
}
#vungle-ad-debug span.title {
font-size: 2.5vw;
background: rgba(0, 0, 0, .8)
}
@media (max-width:56em) {
#vungle-ad-debug span.title {
font-size: 1.4em
}
}
@media (min-width:68em) {
#vungle-ad-debug span.title {
font-size: 1.7em
}
}
#vungle-ad-debug span b {
font-weight: 600
}
#vungle-ad-debug span:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
#vungle-ad-debug span:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px
}
#vungle-ad-debug span:nth-child(3) {
box-shadow: inset 0 11px 0 -10px rgba(0, 0, 0, .1), inset 0 -11px 0 -10px rgba(0, 0, 0, .1)
}
body.landscape #vungle-ad-debug span {
font-size: 2vw
}
@media (max-width:35em) {
body.landscape #vungle-ad-debug span {
font-size: .7em
}
}
@media (min-width:45em) {
body.landscape #vungle-ad-debug span {
font-size: .9em
}
}
body.landscape #vungle-ad-debug span.title {
font-size: 2vw
}
@media (max-width:75em) {
body.landscape #vungle-ad-debug span.title {
font-size: 1.5em
}
}
@media (min-width:90em) {
body.landscape #vungle-ad-debug span.title {
font-size: 1.8em
}
}
body.square #vungle-ad-debug span {
font-size: 2vw
}
@media (max-width:35em) {
body.square #vungle-ad-debug span {
font-size: .7em
}
}
@media (min-width:45em) {
body.square #vungle-ad-debug span {
font-size: .9em
}
}
body.square #vungle-ad-debug span.title {
font-size: 2vw
}
@media (max-width:75em) {
body.square #vungle-ad-debug span.title {
font-size: 1.5em
}
}
@media (min-width:90em) {
body.square #vungle-ad-debug span.title {
font-size: 1.8em
}
}
body.square #vungle-ad-debug span.title {
background-color: rgba(113, 127, 155, .65)
}
body.portrait-xs #vungle-ad-debug span.title {
background-color: rgba(215, 129, 106, .65)
}
body.portrait-s #vungle-ad-debug span.title {
background-color: rgba(222, 151, 133, .65)
}
body.portrait-m #vungle-ad-debug span.title {
background-color: rgba(229, 174, 160, .65)
}
body.portrait-l #vungle-ad-debug span.title {
background-color: rgba(236, 197, 187, .65)
}
body.portrait-xl #vungle-ad-debug span.title {
background-color: rgba(255, 220, 214, .65)
}
body.landscape-xs #vungle-ad-debug span.title {
background-color: rgba(126, 145, 111, .65)
}
body.landscape-s #vungle-ad-debug span.title {
background-color: rgba(158, 180, 139, .65)
}
body.landscape-m #vungle-ad-debug span.title {
background-color: rgba(180, 203, 161, .65)
}
body.landscape-l #vungle-ad-debug span.title {
background-color: rgba(195, 213, 180, .65)
}
body.landscape-xl #vungle-ad-debug span.title {
background-color: rgba(210, 223, 198, .65)
}
#vungle-ad-debug.oob {
background-color: rgba(255, 0, 0, .4)
}
#vungle-ad-debug.oob span.title {
background-color: rgba(255, 0, 0, .65) !important
}
#vungle-ad-debug.oob p {
color: #fff;
font-weight: 700
}
</style>
</head>
<body id="vungle-ad-container">
<div id="vungle-header">
<p class="hide" id="close-button-replacement"></p>
<a id="vungle-close" class="hide" href="javascript:void(0)" onclick="window.callSDK('close')">
<!-- CLOSE ICON -->
<div id="background-vungle-ad-close">
<svg version="1.1" id="svg-vungle-ad-close" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 321.2 321"
style="enable-background:new 0 0 321.2 321;" xml:space="preserve">
<g>
<g id="svg-vungle-ad-close-icon-layer-1">
<g id="svg-vungle-ad-close-icon-layer-close">
<g>
<polygon class="svg-vungle-ad-close-icon" points="280.8,309.5 161,189.8 40.4,309.5 11.6,280.8 132.4,160 11.6,40.3 40.4,11.5 161,131.3 280.8,11.5
309.5,40.3 189.8,160 309.5,280.8 " />
</g>
</g>
</g>
</g>
</svg>
</div>
</a>
</div>
<div id="vungle-wrap">
<div id="vungle-ad">
<div class="endcard-view">
<object id="ad-content" type="text/html" data="ad.html" frameborder="0"
style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></object>
</div>
</div>
</div>
<!-- PRIVACY START HTML -->
<div id="privacy-wrapper">
<div id="privacy-icon" class="privacy-container">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 390 390" style="enable-background:new 0 0 390 390;" xml:space="preserve">
<g>
<path class="st0" d="M338.3,75.4c-59.4,0-104.9-17-143.3-54.4C156.5,58.4,111,75.4,51.7,75.4c0,97.4-20.2,236.9,143.3,293.6
C358.5,312.3,338.3,172.8,338.3,75.4z M195.5,269.5L195.5,269.5l-0.9,0h-64.1c0-46.9,41.2-46.8,50.3-59.1l1-5.6
c-12.8-6.5-21.9-22.2-21.9-40.5c0-24.2,15.7-43.7,35.1-43.7s35.1,19.6,35.1,43.7c0,18.2-8.9,33.8-21.6,40.4l1.2,6.3
c10,11.7,49.8,12.4,49.8,58.5H195.5z" />
</g>
</svg>
<span> Privacy
<svg id="privacy-external" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 194.818 194.818"
style="enable-background:new 0 0 194.818 194.818;" xml:space="preserve">
<g>
<path class="privacy-external-path" d="M185.818,2.161h-57.04c-4.971,0-9,4.029-9,9s4.029,9,9,9h35.312l-86.3,86.3c-3.515,3.515-3.515,9.213,0,12.728
c1.758,1.757,4.061,2.636,6.364,2.636s4.606-0.879,6.364-2.636l86.3-86.3v35.313c0,4.971,4.029,9,9,9s9-4.029,9-9v-57.04
C194.818,6.19,190.789,2.161,185.818,2.161z" />
<path class="privacy-external-path"
d="M149,77.201c-4.971,0-9,4.029-9,9v88.456H18v-122h93.778c4.971,0,9-4.029,9-9s-4.029-9-9-9H9c-4.971,0-9,4.029-9,9v140
c0,4.971,4.029,9,9,9h140c4.971,0,9-4.029,9-9V86.201C158,81.23,153.971,77.201,149,77.201z" />
</g>
</svg>
</span>
</div>
<div id="privacy-page-wrapper">
<div id="privacy-page-loading">
<div id="privacy-page-spinner-wrapper">
<svg class="components__spinner" width="60px" height="60px" viewBox="0 0 34 34"
xmlns="http://www.w3.org/2000/svg" style="">
<circle class="path" fill="none" stroke-width="1" stroke-linecap="round" cx="17" cy="17" r="15">
</circle>
</svg>
</div>
</div>
<iframe id="privacy-page" src=""></iframe>
</div>
<div id="privacy-back-button-container" class="back-button-container" href="javascript:void(0)">
<div class="privacy-back-button-back-button">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 7000 7000" style="enable-background:new 0 0 7000 7000;" xml:space="preserve">
<g>
<path class="privacy-back-arrow" fill="#fff"
d="M3590.2,6157.4L1234.8,3802H6927V3198H1234.8L3590.2,842.6l-422.8-422.8L72.2,3500l3080.1,3080.1L3590.2,6157.4z">
</path>
</g>
</svg>
</div>
</div>
</div>
<canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
<div id="splash">
<div class="progress-bar stripes">
<span style="width: 0%"></span>
</div>
</div>
<script type="text/javascript" charset="utf-8">
var clickTag = '';
var androidLink = '';
var iosLink = '';
var defaultLink = '';
openAdUrl = function () {
if (cc.sys.os == cc.sys.OS_ANDROID) {
clickTag = androidLink;
}
else if (cc.sys.os == cc.sys.OS_IOS) {
clickTag = iosLink;
} else {
clickTag = defaultLink;
}
var adNetwork = '__adNetwork__';
switch (adNetwork) {
case 'adword':
window.open(clickTag);
break;
case 'applovin':
mraid.open(clickTag);
break;
case 'facebook':
FbPlayableAd.onCTAClick();
break;
case 'ironsource':
mraid.openStoreUrl(clickTag);
break;
case 'unity':
mraid.open(clickTag);
break;
case 'vungle':
callSDK('download');
break;
default:
window.open(clickTag);
}
}
</script>
<!-- PRIVACY END HTML -->
<script>
//** VUNGLE SETTINGS START **//
window.vungleSettings = {
theme: 'light', // value can be either 'light' or 'dark'
closeButtonTimerDuration: 0, //seconds
displayTimer: true,
privacy: true,
ASOIEnabled: false,
// ASOIDelayTimer: 0,
// ASOITapInteractions: 0,
// ASOIDelayTimerAutoplay: 5
};
//** VUNGLE SETTINGS END **//
</script>
<script>!function a(s, l, d) { function r(t, e) { if (!l[t]) { if (!s[t]) { var n = "function" == typeof require && require; if (!e && n) return n(t, !0); if (c) return c(t, !0); var i = new Error("Cannot find module '" + t + "'"); throw i.code = "MODULE_NOT_FOUND", i } var o = l[t] = { exports: {} }; s[t][0].call(o.exports, function (e) { return r(s[t][1][e] || e) }, o, o.exports, a, s, l, d) } return l[t].exports } for (var c = "function" == typeof require && require, e = 0; e < d.length; e++)r(d[e]); return r }({ 1: [function (e, t, n) { "use strict"; var i, o = e("./vungle-ad-core.js"); ((i = o) && i.__esModule ? i : { default: i }).default.init() }, { "./vungle-ad-core.js": 2 }], 2: [function (e, t, n) { "use strict"; Object.defineProperty(n, "__esModule", { value: !0 }); var p = i(e("./vungle-ad-helpers.js")), a = i(e("./vungle-ad-privacy.js")); function i(e) { return e && e.__esModule ? e : { default: e } } var o = { init: function () { window.addEventListener("load", function () { this.start(function () { console.log("ready") }) }.bind(this), !1); var e = window.addEventListener ? "addEventListener" : "attachEvent", t = window[e], n = "attachEvent" == e ? "onmessage" : "message", i = document.getElementById("vungle-header"); t(n, function (e) { switch (e.data) { case "close": window.callSDK("close"); break; case "download": window.callSDK("download"); break; case "close-align-left": i.className = i.className + " left"; break; case "close-align-right": i.className = i.className.replace(" left", ""); break; case "complete": this.completeAd(); break; case "interacted": if (window.vungleSettings) { if (window.vungleSettings.hasInteracted = !0, -1 === window.vungleSettings.interactions) return; window.vungleSettings.ASOIDelayTimer = window.vungleSettings.ASOIDelayTimer || 0, window.vungleSettings.ASOITapInteractions = window.vungleSettings.ASOITapInteractions || 0, window.vungleSettings.interactions = window.vungleSettings.interactions || 0, window.vungleSettings.interactions++, !0 === window.vungleSettings.ASOIEnabled && 0 < window.vungleSettings.ASOITapInteractions && window.vungleSettings.interactions >= window.vungleSettings.ASOITapInteractions && (window.vungleSettings.interactions = -1, setTimeout(function () { window.callSDK("download") }, 1e3 * window.vungleSettings.ASOIDelayTimer)) } break; case "revealCloseButton": this.revealCloseButton() } }.bind(this), !1) }, start: function (e) { var g, v = this.revealCloseButton, t = {}; if (window.vungleSettings) for (var n in window.vungleSettings) window.vungleSettings.hasOwnProperty(n) && (t[n] = window.vungleSettings[n]); window.vungleSettings.hasInteracted = !1, window.callSDK = function (e) { if ("undefined" != typeof actionClicked) return document.getElementById("ad-content") && document.getElementById("ad-content").remove(), actionClicked(e); console.log("%c Vungle SDK action " + e, "color: #008800") }, t ? (g = t.theme, t.closeButtonTimer) : console.error("No tokens supplied"), t && void 0 === t.privacy && (t.privacy = !0), t && !0 === t.privacy && a.default.init(); var m = {}, w = 1e3 * window.vungleSettings.closeButtonTimerDuration, f = 45; m.adSizes = ["xs", "s", "m", "l", "xl"]; var i = document.getElementById("vungle-ad"); document.ontouchmove = function (e) { e.preventDefault() }, window.addEventListener("resize", function (e) { i.style.opacity = 0, this.resizeTimer && clearTimeout(this.resizeTimer), this.resizeTimer = setTimeout(function () { o(), i.style.opacity = 1 }, 20) }), o(); t.placementType; function o(e) { var t = document.getElementById("vungle-ad-container"), n = Math.max(t.offsetHeight, t.offsetWidth), i = Math.min(t.offsetHeight, t.offsetWidth); null == g && (g = "dark"); var o, a, s = f / 100 * n, l = (n - s) / m.adSizes.length, d = Math.floor((i - s) / l), r = ""; n === i ? o = "square" : r = document.body.clientHeight > document.body.clientWidth ? (o = "portrait", m.adSizes[d] ? " portrait-" + (a = m.adSizes[d]) : " portrait-" + (a = m.adSizes[m.adSizes.length - 1]) + " oob") : (o = "landscape", m.adSizes[d] ? " landscape-" + (a = m.adSizes[d]) : " landscape-" + (a = m.adSizes[d]) + " oob"); var c = o.concat(r); document.body.className = c + " " + g + " " + p.default.getOS(), m.shape = o, m.sizeClass = a, m.theme = g, m.os = p.default.getOS(); document.getElementById("vungle-close"); !0 === window.vungleSettings.displayTimer && !0 !== window.vungleSettings.timerStarted && (window.vungleSettings.timerStarted = !0, setTimeout(function () { !function e(t) { var n = document.getElementById("close-button-replacement"); if (t <= 0 || "hide complete" === n.className) return void (n.className = "hide"); n.className = ""; n.innerHTML = t; setTimeout(function () { e(t - 1) }, 1e3) }(.001 * w) }, 500)); var u = 0; 0 < w && (u = 1e3), setTimeout(v, w + u) } e() }, completeAd: function () { window.vungleSettings.completeAd = !0, window.vungleSettings.ASOIDelayTimer = window.vungleSettings.ASOIDelayTimer || 0, (!0 === window.vungleSettings.ASOIEnabled && !0 === window.vungleSettings.hasInteracted || !0 === window.vungleSettings.asoiDelayCompleted) && setTimeout(function () { window.callSDK("download") }, 1e3 * window.vungleSettings.ASOIDelayTimer) }, revealCloseButton: function () { document.getElementById("vungle-close").className = "", document.getElementById("close-button-replacement").className = "hide complete", !0 === window.vungleSettings.ASOIEnabled && !0 !== window.vungleSettings.asoiDelayStarted && (window.vungleSettings.ASOIDelayTimerAutoplay = window.vungleSettings.ASOIDelayTimerAutoplay || 5, window.vungleSettings.asoiDelayStarted = !0, setTimeout(function () { (window.vungleSettings.asoiDelayCompleted = !0) === window.vungleSettings.completeAd && !1 === window.vungleSettings.hasInteracted && window.callSDK("download") }, 1e3 * window.vungleSettings.ASOIDelayTimerAutoplay)) } }; n.default = o }, { "./vungle-ad-helpers.js": 3, "./vungle-ad-privacy.js": 4 }], 3: [function (e, t, n) { "use strict"; function i(e, t) { return o.apply(this, arguments) } var o; Object.defineProperty(n, "__esModule", { value: !0 }), n.default = { addClass: function (e, t) { e.classList ? e.classList.add(t) : e.className += " " + t }, removeClass: function (e, t) { e.classList ? e.classList.remove(t) : e.className = e.className.replace(new RegExp("(^|\\b)" + t.split(" ").join("|") + "(\\b|$)", "gi"), " ") }, hasClass: function (e, t) { return -1 < (" " + e.className + " ").indexOf(" " + t + " ") }, getOS: function () { var e = window.navigator.userAgent, t = window.navigator.platform; return -1 !== ["Macintosh", "MacIntel", "MacPPC", "Mac68K"].indexOf(t) || -1 !== ["iPhone", "iPad", "iPod"].indexOf(t) ? "ios" : -1 !== ["Win32", "Win64", "Windows", "WinCE"].indexOf(t) ? "windows" : /Android/.test(e) ? "android" : "" }, greatestCommonDivisor: (o = function (e, t) { return 0 == t ? e : greatestCommonDivisor(t, e % t) }, i.toString = function () { return o.toString() }, i), vungleVideoType: function (e, t) { var n, i = greatestCommonDivisor(e, t); switch (e / i + ":" + t / i) { case "16:9": n = "landscape"; break; case "9:16": n = "portrait"; break; case "1:1": n = "square"; break; default: n = "nonconform" }return { ratio: e / i + ":" + t / i, classname: "ratio" + e / i + t / i, type: n, width: e, height: t } }, resizeVideo: function (e, t, n) { var i = .5625 * e.offsetHeight, o = e.offsetWidth / .5625, a = e.offsetHeight / .5625, s = .5625 * e.offsetWidth, l = e.offsetHeight, d = e.offsetWidth; t.style.width = "", t.style.height = "", hasClass(document.body, "portrait") || hasClass(document.body, "square") ? "9:16" === vungleVideo.ratio ? i <= e.offsetWidth ? t.style.width = i + "px" : t.style.height = o + "px" : "16:9" === vungleVideo.ratio ? s <= e.offsetHeight ? t.style.height = s + "px" : t.style.width = a + "px" : l <= e.offsetWidth ? t.style.width = l + "px" : t.style.height = d + "px" : "9:16" === vungleVideo.ratio ? o <= e.offsetHeight ? t.style.height = o + "px" : t.style.width = i + "px" : "16:9" === vungleVideo.ratio ? s <= e.offsetHeight ? t.style.height = s + "px" : t.style.width = a + "px" : l <= e.offsetWidth ? t.style.width = l + "px" : t.style.height = d + "px" } } }, {}], 4: [function (e, t, n) { "use strict"; Object.defineProperty(n, "__esModule", { value: !0 }), n.default = { init: function () { var e, n = "", i = "http://vungle.com/privacy/", t = 500, o = document.getElementById(n + "privacy-icon"); function a(e, t) { e instanceof HTMLDivElement || (e = document.getElementById(e)), e.classList ? e.classList.add(t) : s(e, t) || (e.className += " " + t) } function s(e, t) { return e.classList ? e.classList.contains(t) : !!e.className.match(new RegExp("(\\s|^)" + t + "(\\s|$)")) } function l(e, t) { if (e instanceof HTMLDivElement || (e = document.getElementById(e)), e.classList) e.classList.remove(t); else if (s(e, t)) { var n = new RegExp("(\\s|^)" + t + "(\\s|$)"); e.className = e.className.replace(n, " ") } } function d() { l(o, "privacy-extended"), setTimeout(function () { l(o, "privacy-reverse") }, t) } document.getElementById(n + "privacy-icon").addEventListener("click", function () { if (s(o, "privacy-extended")) return function () { var e = document.getElementById(n + "privacy-page-loading"), t = document.getElementById(n + "privacy-page"); document.getElementById(n + "privacy-page-wrapper").style.display = "initial", document.getElementById(n + "privacy-back-button-container").style.display = "initial", l(e, "loaded"), a(e, "loading"), t.onload = function () { l(e, "loading"), a(e, "loaded") }, t.src = i }(), void d(); a(o, "privacy-extended"), clearTimeout(e), e = setTimeout(function () { d() }, 2e3), setTimeout(function () { a(o, "privacy-reverse") }, 1e3) }), document.getElementById(n + "privacy-back-button-container").addEventListener("click", function () { l(document.getElementById(n + "privacy-page-loading"), "loaded"), document.getElementById(n + "privacy-page-wrapper").style.display = "none", document.getElementById(n + "privacy-back-button-container").style.display = "none" }) } } }, {}] }, {}, [1]);</script>
<!-- compress -->
${compressed}
<!-- assets -->
${assets}
<!-- settings -->
${settings.js}
<!-- cocos2d-js-min.js -->
${cocos2d-js-min.js}
<!-- physics-min.js -->
${physics-min.js}
<!-- assets/internal/index.js -->
${assets/internal/index.js}
<!-- main.js -->
${main.js}
<!-- assets/main/index.js -->
${assets/main/index.js}
</body>
</html>