html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    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:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.bold {
    font-family: forma-djr-display, sans-serif;
    font-weight: 700 !important;
    font-style: normal;
    color: #f03
}

.regular {
    font-family: forma-djr-display, sans-serif;
    font-weight: 500 !important;
    font-style: normal;
    color: #f03
}

.medium {
    font-family: forma-djr-display, sans-serif;
    font-weight: 600 !important;
    font-style: normal;
    color: #f03
}

html {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    background-color: #000 !important;
    font-family: forma-djr-display, sans-serif !important
}

canvas {
    background-color: #000;
    zoom: 1 !important;
    outline: none;
    inset: 0;
    position: absolute;
    margin: auto
}

canvas.drag {
    cursor: grab !important;
    cursor: -webkit-grab !important
}

canvas.drag:active {
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important
}

* {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

body {
    font-family: forma-djr-display, sans-serif !important;
    touch-action: none;
    user-select: none;
    color: #fff;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #000;
    text-rendering: geometricPrecision
}

body.glhover {
    cursor: pointer !important
}

.title-container {
    min-width: 200px;
    position: absolute;
    top: 50px;
    left: 50px;
    margin-left: 15px;
    text-transform: uppercase
}

.mobile .title-container {
    left: 20px;
    top: 80px
}

html[data-v-da121a04],
body[data-v-da121a04],
div[data-v-da121a04],
span[data-v-da121a04],
applet[data-v-da121a04],
object[data-v-da121a04],
iframe[data-v-da121a04],
h1[data-v-da121a04],
h2[data-v-da121a04],
h3[data-v-da121a04],
h4[data-v-da121a04],
h5[data-v-da121a04],
h6[data-v-da121a04],
p[data-v-da121a04],
blockquote[data-v-da121a04],
pre[data-v-da121a04],
a[data-v-da121a04],
abbr[data-v-da121a04],
acronym[data-v-da121a04],
address[data-v-da121a04],
big[data-v-da121a04],
cite[data-v-da121a04],
code[data-v-da121a04],
del[data-v-da121a04],
dfn[data-v-da121a04],
em[data-v-da121a04],
img[data-v-da121a04],
ins[data-v-da121a04],
kbd[data-v-da121a04],
q[data-v-da121a04],
s[data-v-da121a04],
samp[data-v-da121a04],
small[data-v-da121a04],
strike[data-v-da121a04],
strong[data-v-da121a04],
sub[data-v-da121a04],
sup[data-v-da121a04],
tt[data-v-da121a04],
var[data-v-da121a04],
b[data-v-da121a04],
u[data-v-da121a04],
i[data-v-da121a04],
center[data-v-da121a04],
dl[data-v-da121a04],
dt[data-v-da121a04],
dd[data-v-da121a04],
ol[data-v-da121a04],
ul[data-v-da121a04],
li[data-v-da121a04],
fieldset[data-v-da121a04],
form[data-v-da121a04],
label[data-v-da121a04],
legend[data-v-da121a04],
table[data-v-da121a04],
caption[data-v-da121a04],
tbody[data-v-da121a04],
tfoot[data-v-da121a04],
thead[data-v-da121a04],
tr[data-v-da121a04],
th[data-v-da121a04],
td[data-v-da121a04],
article[data-v-da121a04],
aside[data-v-da121a04],
canvas[data-v-da121a04],
details[data-v-da121a04],
embed[data-v-da121a04],
figure[data-v-da121a04],
figcaption[data-v-da121a04],
footer[data-v-da121a04],
header[data-v-da121a04],
hgroup[data-v-da121a04],
menu[data-v-da121a04],
nav[data-v-da121a04],
output[data-v-da121a04],
ruby[data-v-da121a04],
section[data-v-da121a04],
summary[data-v-da121a04],
time[data-v-da121a04],
mark[data-v-da121a04],
audio[data-v-da121a04],
video[data-v-da121a04] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-da121a04],
aside[data-v-da121a04],
details[data-v-da121a04],
figcaption[data-v-da121a04],
figure[data-v-da121a04],
footer[data-v-da121a04],
header[data-v-da121a04],
hgroup[data-v-da121a04],
menu[data-v-da121a04],
nav[data-v-da121a04],
section[data-v-da121a04] {
    display: block
}

body[data-v-da121a04] {
    line-height: 1
}

ol[data-v-da121a04],
ul[data-v-da121a04] {
    list-style: none
}

blockquote[data-v-da121a04],
q[data-v-da121a04] {
    quotes: none
}

blockquote[data-v-da121a04]:before,
blockquote[data-v-da121a04]:after,
q[data-v-da121a04]:before,
q[data-v-da121a04]:after {
    content: "";
    content: none
}

table[data-v-da121a04] {
    border-collapse: collapse;
    border-spacing: 0
}

p[data-v-da121a04] {
    text-align: center;
    color: #f03;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .21px;
    word-wrap: break-word;
    display: block;
    height: 100%;
    line-height: 32px
}

p[data-v-da121a04] {
    pointer-events: none
}

/* 隐藏顶部导航按钮 (EXPLORE, WORKS, ABOUT) */
#topmenu {
    display: none !important;
}

/* 隐藏左上角个人描述文本的标题部分，保留 .left-tutorial 教程内容 */
.title-container>h1,
.title-container>br,
.title-container>h2,
.title-container>h3,
.title-container>h4 {
    display: none !important;
}

.surround[data-v-da121a04] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto
}

.surround[data-v-da121a04] {
    background-color: #0000;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer !important;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    width: 120px;
    height: 35px
}

.surround p[data-v-da121a04] {
    transition: color .3s
}

@media (hover: hover) and (pointer: fine) {
    .surround[data-v-da121a04]:hover {
        background-color: #ff0033bf
    }

    .surround:hover p[data-v-da121a04] {
        color: #000
    }
}

.surround.--selected[data-v-da121a04] {
    background-color: #f03
}

.surround.--selected p[data-v-da121a04] {
    color: #000
}

.mobile .surround[data-v-da121a04] {
    width: 100px !important
}

html[data-v-1c573e25],
body[data-v-1c573e25],
div[data-v-1c573e25],
span[data-v-1c573e25],
applet[data-v-1c573e25],
object[data-v-1c573e25],
iframe[data-v-1c573e25],
h1[data-v-1c573e25],
h2[data-v-1c573e25],
h3[data-v-1c573e25],
h4[data-v-1c573e25],
h5[data-v-1c573e25],
h6[data-v-1c573e25],
p[data-v-1c573e25],
blockquote[data-v-1c573e25],
pre[data-v-1c573e25],
a[data-v-1c573e25],
abbr[data-v-1c573e25],
acronym[data-v-1c573e25],
address[data-v-1c573e25],
big[data-v-1c573e25],
cite[data-v-1c573e25],
code[data-v-1c573e25],
del[data-v-1c573e25],
dfn[data-v-1c573e25],
em[data-v-1c573e25],
img[data-v-1c573e25],
ins[data-v-1c573e25],
kbd[data-v-1c573e25],
q[data-v-1c573e25],
s[data-v-1c573e25],
samp[data-v-1c573e25],
small[data-v-1c573e25],
strike[data-v-1c573e25],
strong[data-v-1c573e25],
sub[data-v-1c573e25],
sup[data-v-1c573e25],
tt[data-v-1c573e25],
var[data-v-1c573e25],
b[data-v-1c573e25],
u[data-v-1c573e25],
i[data-v-1c573e25],
center[data-v-1c573e25],
dl[data-v-1c573e25],
dt[data-v-1c573e25],
dd[data-v-1c573e25],
ol[data-v-1c573e25],
ul[data-v-1c573e25],
li[data-v-1c573e25],
fieldset[data-v-1c573e25],
form[data-v-1c573e25],
label[data-v-1c573e25],
legend[data-v-1c573e25],
table[data-v-1c573e25],
caption[data-v-1c573e25],
tbody[data-v-1c573e25],
tfoot[data-v-1c573e25],
thead[data-v-1c573e25],
tr[data-v-1c573e25],
th[data-v-1c573e25],
td[data-v-1c573e25],
article[data-v-1c573e25],
aside[data-v-1c573e25],
canvas[data-v-1c573e25],
details[data-v-1c573e25],
embed[data-v-1c573e25],
figure[data-v-1c573e25],
figcaption[data-v-1c573e25],
footer[data-v-1c573e25],
header[data-v-1c573e25],
hgroup[data-v-1c573e25],
menu[data-v-1c573e25],
nav[data-v-1c573e25],
output[data-v-1c573e25],
ruby[data-v-1c573e25],
section[data-v-1c573e25],
summary[data-v-1c573e25],
time[data-v-1c573e25],
mark[data-v-1c573e25],
audio[data-v-1c573e25],
video[data-v-1c573e25] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-1c573e25],
aside[data-v-1c573e25],
details[data-v-1c573e25],
figcaption[data-v-1c573e25],
figure[data-v-1c573e25],
footer[data-v-1c573e25],
header[data-v-1c573e25],
hgroup[data-v-1c573e25],
menu[data-v-1c573e25],
nav[data-v-1c573e25],
section[data-v-1c573e25] {
    display: block
}

body[data-v-1c573e25] {
    line-height: 1
}

ol[data-v-1c573e25],
ul[data-v-1c573e25] {
    list-style: none
}

blockquote[data-v-1c573e25],
q[data-v-1c573e25] {
    quotes: none
}

blockquote[data-v-1c573e25]:before,
blockquote[data-v-1c573e25]:after,
q[data-v-1c573e25]:before,
q[data-v-1c573e25]:after {
    content: "";
    content: none
}

table[data-v-1c573e25] {
    border-collapse: collapse;
    border-spacing: 0
}

#topmenu[data-v-1c573e25] {
    display: none !important;

    position: fixed;
    top: 1;
    left: 50%;
    translate: -50% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    margin-top: 50px
}

.mobile #topmenu[data-v-1c573e25] {
    display: none !important;
    margin-top: 20px;
    left: 20px;
    translate: 0 0
}

.mobile #topmenu .surround[data-v-1c573e25] {
    width: 25%
}

.mobile #topmenu .surround p[data-v-1c573e25] {
    color: #000
}

.surround[data-v-1c573e25]:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px
}

.mobile.portrait .surround[data-v-1c573e25]:nth-child(2) {
    margin-left: 10px;
    margin-right: 10px
}

html[data-v-749f6021],
body[data-v-749f6021],
div[data-v-749f6021],
span[data-v-749f6021],
applet[data-v-749f6021],
object[data-v-749f6021],
iframe[data-v-749f6021],
h1[data-v-749f6021],
h2[data-v-749f6021],
h3[data-v-749f6021],
h4[data-v-749f6021],
h5[data-v-749f6021],
h6[data-v-749f6021],
p[data-v-749f6021],
blockquote[data-v-749f6021],
pre[data-v-749f6021],
a[data-v-749f6021],
abbr[data-v-749f6021],
acronym[data-v-749f6021],
address[data-v-749f6021],
big[data-v-749f6021],
cite[data-v-749f6021],
code[data-v-749f6021],
del[data-v-749f6021],
dfn[data-v-749f6021],
em[data-v-749f6021],
img[data-v-749f6021],
ins[data-v-749f6021],
kbd[data-v-749f6021],
q[data-v-749f6021],
s[data-v-749f6021],
samp[data-v-749f6021],
small[data-v-749f6021],
strike[data-v-749f6021],
strong[data-v-749f6021],
sub[data-v-749f6021],
sup[data-v-749f6021],
tt[data-v-749f6021],
var[data-v-749f6021],
b[data-v-749f6021],
u[data-v-749f6021],
i[data-v-749f6021],
center[data-v-749f6021],
dl[data-v-749f6021],
dt[data-v-749f6021],
dd[data-v-749f6021],
ol[data-v-749f6021],
ul[data-v-749f6021],
li[data-v-749f6021],
fieldset[data-v-749f6021],
form[data-v-749f6021],
label[data-v-749f6021],
legend[data-v-749f6021],
table[data-v-749f6021],
caption[data-v-749f6021],
tbody[data-v-749f6021],
tfoot[data-v-749f6021],
thead[data-v-749f6021],
tr[data-v-749f6021],
th[data-v-749f6021],
td[data-v-749f6021],
article[data-v-749f6021],
aside[data-v-749f6021],
canvas[data-v-749f6021],
details[data-v-749f6021],
embed[data-v-749f6021],
figure[data-v-749f6021],
figcaption[data-v-749f6021],
footer[data-v-749f6021],
header[data-v-749f6021],
hgroup[data-v-749f6021],
menu[data-v-749f6021],
nav[data-v-749f6021],
output[data-v-749f6021],
ruby[data-v-749f6021],
section[data-v-749f6021],
summary[data-v-749f6021],
time[data-v-749f6021],
mark[data-v-749f6021],
audio[data-v-749f6021],
video[data-v-749f6021] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-749f6021],
aside[data-v-749f6021],
details[data-v-749f6021],
figcaption[data-v-749f6021],
figure[data-v-749f6021],
footer[data-v-749f6021],
header[data-v-749f6021],
hgroup[data-v-749f6021],
menu[data-v-749f6021],
nav[data-v-749f6021],
section[data-v-749f6021] {
    display: block
}

body[data-v-749f6021] {
    line-height: 1
}

ol[data-v-749f6021],
ul[data-v-749f6021] {
    list-style: none
}

blockquote[data-v-749f6021],
q[data-v-749f6021] {
    quotes: none
}

blockquote[data-v-749f6021]:before,
blockquote[data-v-749f6021]:after,
q[data-v-749f6021]:before,
q[data-v-749f6021]:after {
    content: "";
    content: none
}

table[data-v-749f6021] {
    border-collapse: collapse;
    border-spacing: 0
}

#aroundTriangle[data-v-749f6021] {
    background-color: #f03;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative
}

img[data-v-749f6021] {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.top[data-v-749f6021] {
    transform: rotate(0);
    transform-origin: center;
    margin-bottom: 5px;
    margin-left: 25px
}

.bottom[data-v-749f6021] {
    transform: rotate(180deg);
    transform-origin: center
}

.left[data-v-749f6021] {
    margin-right: 5px;
    transform: rotate(-90deg);
    transform-origin: center
}

.right[data-v-749f6021] {
    margin-left: 5px;
    transform: rotate(90deg);
    transform-origin: center
}

html[data-v-116ebe6d],
body[data-v-116ebe6d],
div[data-v-116ebe6d],
span[data-v-116ebe6d],
applet[data-v-116ebe6d],
object[data-v-116ebe6d],
iframe[data-v-116ebe6d],
h1[data-v-116ebe6d],
h2[data-v-116ebe6d],
h3[data-v-116ebe6d],
h4[data-v-116ebe6d],
h5[data-v-116ebe6d],
h6[data-v-116ebe6d],
p[data-v-116ebe6d],
blockquote[data-v-116ebe6d],
pre[data-v-116ebe6d],
a[data-v-116ebe6d],
abbr[data-v-116ebe6d],
acronym[data-v-116ebe6d],
address[data-v-116ebe6d],
big[data-v-116ebe6d],
cite[data-v-116ebe6d],
code[data-v-116ebe6d],
del[data-v-116ebe6d],
dfn[data-v-116ebe6d],
em[data-v-116ebe6d],
img[data-v-116ebe6d],
ins[data-v-116ebe6d],
kbd[data-v-116ebe6d],
q[data-v-116ebe6d],
s[data-v-116ebe6d],
samp[data-v-116ebe6d],
small[data-v-116ebe6d],
strike[data-v-116ebe6d],
strong[data-v-116ebe6d],
sub[data-v-116ebe6d],
sup[data-v-116ebe6d],
tt[data-v-116ebe6d],
var[data-v-116ebe6d],
b[data-v-116ebe6d],
u[data-v-116ebe6d],
i[data-v-116ebe6d],
center[data-v-116ebe6d],
dl[data-v-116ebe6d],
dt[data-v-116ebe6d],
dd[data-v-116ebe6d],
ol[data-v-116ebe6d],
ul[data-v-116ebe6d],
li[data-v-116ebe6d],
fieldset[data-v-116ebe6d],
form[data-v-116ebe6d],
label[data-v-116ebe6d],
legend[data-v-116ebe6d],
table[data-v-116ebe6d],
caption[data-v-116ebe6d],
tbody[data-v-116ebe6d],
tfoot[data-v-116ebe6d],
thead[data-v-116ebe6d],
tr[data-v-116ebe6d],
th[data-v-116ebe6d],
td[data-v-116ebe6d],
article[data-v-116ebe6d],
aside[data-v-116ebe6d],
canvas[data-v-116ebe6d],
details[data-v-116ebe6d],
embed[data-v-116ebe6d],
figure[data-v-116ebe6d],
figcaption[data-v-116ebe6d],
footer[data-v-116ebe6d],
header[data-v-116ebe6d],
hgroup[data-v-116ebe6d],
menu[data-v-116ebe6d],
nav[data-v-116ebe6d],
output[data-v-116ebe6d],
ruby[data-v-116ebe6d],
section[data-v-116ebe6d],
summary[data-v-116ebe6d],
time[data-v-116ebe6d],
mark[data-v-116ebe6d],
audio[data-v-116ebe6d],
video[data-v-116ebe6d] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-116ebe6d],
aside[data-v-116ebe6d],
details[data-v-116ebe6d],
figcaption[data-v-116ebe6d],
figure[data-v-116ebe6d],
footer[data-v-116ebe6d],
header[data-v-116ebe6d],
hgroup[data-v-116ebe6d],
menu[data-v-116ebe6d],
nav[data-v-116ebe6d],
section[data-v-116ebe6d] {
    display: block
}

body[data-v-116ebe6d] {
    line-height: 1
}

ol[data-v-116ebe6d],
ul[data-v-116ebe6d] {
    list-style: none
}

blockquote[data-v-116ebe6d],
q[data-v-116ebe6d] {
    quotes: none
}

blockquote[data-v-116ebe6d]:before,
blockquote[data-v-116ebe6d]:after,
q[data-v-116ebe6d]:before,
q[data-v-116ebe6d]:after {
    content: "";
    content: none
}

table[data-v-116ebe6d] {
    border-collapse: collapse;
    border-spacing: 0
}

.mobile .left-tutorial[data-v-116ebe6d] {
    display: none
}

.left-tutorial-container[data-v-116ebe6d] {
    display: inline-block;
    width: 50%
}

.triangle-container[data-v-116ebe6d] {
    text-align: left
}

.left-tutorial[data-v-116ebe6d] {
    opacity: 0;
    margin-top: 50px;
    display: block;
    width: 100%;
    pointer-events: none
}

.square-container[data-v-116ebe6d] {
    background-color: #f03;
    width: 70px;
    border-radius: 5px;
    text-align: center
}

.space[data-v-116ebe6d] {
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: .2px;
    word-wrap: break-word;
    color: #000;
    padding: 5px
}

h1[data-v-116ebe6d] {
    color: #f03;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 11px;
    letter-spacing: .22px;
    word-wrap: break-word
}

html[data-v-2adf675c],
body[data-v-2adf675c],
div[data-v-2adf675c],
span[data-v-2adf675c],
applet[data-v-2adf675c],
object[data-v-2adf675c],
iframe[data-v-2adf675c],
h1[data-v-2adf675c],
h2[data-v-2adf675c],
h3[data-v-2adf675c],
h4[data-v-2adf675c],
h5[data-v-2adf675c],
h6[data-v-2adf675c],
p[data-v-2adf675c],
blockquote[data-v-2adf675c],
pre[data-v-2adf675c],
a[data-v-2adf675c],
abbr[data-v-2adf675c],
acronym[data-v-2adf675c],
address[data-v-2adf675c],
big[data-v-2adf675c],
cite[data-v-2adf675c],
code[data-v-2adf675c],
del[data-v-2adf675c],
dfn[data-v-2adf675c],
em[data-v-2adf675c],
img[data-v-2adf675c],
ins[data-v-2adf675c],
kbd[data-v-2adf675c],
q[data-v-2adf675c],
s[data-v-2adf675c],
samp[data-v-2adf675c],
small[data-v-2adf675c],
strike[data-v-2adf675c],
strong[data-v-2adf675c],
sub[data-v-2adf675c],
sup[data-v-2adf675c],
tt[data-v-2adf675c],
var[data-v-2adf675c],
b[data-v-2adf675c],
u[data-v-2adf675c],
i[data-v-2adf675c],
center[data-v-2adf675c],
dl[data-v-2adf675c],
dt[data-v-2adf675c],
dd[data-v-2adf675c],
ol[data-v-2adf675c],
ul[data-v-2adf675c],
li[data-v-2adf675c],
fieldset[data-v-2adf675c],
form[data-v-2adf675c],
label[data-v-2adf675c],
legend[data-v-2adf675c],
table[data-v-2adf675c],
caption[data-v-2adf675c],
tbody[data-v-2adf675c],
tfoot[data-v-2adf675c],
thead[data-v-2adf675c],
tr[data-v-2adf675c],
th[data-v-2adf675c],
td[data-v-2adf675c],
article[data-v-2adf675c],
aside[data-v-2adf675c],
canvas[data-v-2adf675c],
details[data-v-2adf675c],
embed[data-v-2adf675c],
figure[data-v-2adf675c],
figcaption[data-v-2adf675c],
footer[data-v-2adf675c],
header[data-v-2adf675c],
hgroup[data-v-2adf675c],
menu[data-v-2adf675c],
nav[data-v-2adf675c],
output[data-v-2adf675c],
ruby[data-v-2adf675c],
section[data-v-2adf675c],
summary[data-v-2adf675c],
time[data-v-2adf675c],
mark[data-v-2adf675c],
audio[data-v-2adf675c],
video[data-v-2adf675c] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-2adf675c],
aside[data-v-2adf675c],
details[data-v-2adf675c],
figcaption[data-v-2adf675c],
figure[data-v-2adf675c],
footer[data-v-2adf675c],
header[data-v-2adf675c],
hgroup[data-v-2adf675c],
menu[data-v-2adf675c],
nav[data-v-2adf675c],
section[data-v-2adf675c] {
    display: block
}

body[data-v-2adf675c] {
    line-height: 1
}

ol[data-v-2adf675c],
ul[data-v-2adf675c] {
    list-style: none
}

blockquote[data-v-2adf675c],
q[data-v-2adf675c] {
    quotes: none
}

blockquote[data-v-2adf675c]:before,
blockquote[data-v-2adf675c]:after,
q[data-v-2adf675c]:before,
q[data-v-2adf675c]:after {
    content: "";
    content: none
}

table[data-v-2adf675c] {
    border-collapse: collapse;
    border-spacing: 0
}

#smsy[data-v-2adf675c] {
    font-size: max(2.6388888889vw, 38px);
    line-height: max(2.6388888889vw, 38px)
}

#smsy .tm[data-v-2adf675c] {
    display: inline-block;
    font-size: max(.9631944444vw, 13.87px);
    line-height: max(.9631944444vw, 13.87px);
    vertical-align: top
}

h1[data-v-2adf675c] {
    font-size: max(2.6388888889vw, 38px);
    line-height: max(2.6388888889vw, 38px);
    font-weight: 400;
    letter-spacing: 1.12px;
    word-wrap: break-word
}

h2[data-v-2adf675c] {
    font-size: max(.625vw, 9px);
    line-height: max(.625vw, 9px);
    font-weight: 400;
    color: #f03
}

h3[data-v-2adf675c] {
    font-size: max(.6944444444vw, 10px);
    line-height: max(.6944444444vw, 10px);
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .11px;
    word-wrap: break-word
}

h4[data-v-2adf675c] {
    font-size: max(.625vw, 9px);
    line-height: max(.625vw, 9px);
    font-weight: 400;
    margin-top: 5px;
    letter-spacing: .11px;
    word-wrap: break-word
}

html[data-v-3f08f550],
body[data-v-3f08f550],
div[data-v-3f08f550],
span[data-v-3f08f550],
applet[data-v-3f08f550],
object[data-v-3f08f550],
iframe[data-v-3f08f550],
h1[data-v-3f08f550],
h2[data-v-3f08f550],
h3[data-v-3f08f550],
h4[data-v-3f08f550],
h5[data-v-3f08f550],
h6[data-v-3f08f550],
p[data-v-3f08f550],
blockquote[data-v-3f08f550],
pre[data-v-3f08f550],
a[data-v-3f08f550],
abbr[data-v-3f08f550],
acronym[data-v-3f08f550],
address[data-v-3f08f550],
big[data-v-3f08f550],
cite[data-v-3f08f550],
code[data-v-3f08f550],
del[data-v-3f08f550],
dfn[data-v-3f08f550],
em[data-v-3f08f550],
img[data-v-3f08f550],
ins[data-v-3f08f550],
kbd[data-v-3f08f550],
q[data-v-3f08f550],
s[data-v-3f08f550],
samp[data-v-3f08f550],
small[data-v-3f08f550],
strike[data-v-3f08f550],
strong[data-v-3f08f550],
sub[data-v-3f08f550],
sup[data-v-3f08f550],
tt[data-v-3f08f550],
var[data-v-3f08f550],
b[data-v-3f08f550],
u[data-v-3f08f550],
i[data-v-3f08f550],
center[data-v-3f08f550],
dl[data-v-3f08f550],
dt[data-v-3f08f550],
dd[data-v-3f08f550],
ol[data-v-3f08f550],
ul[data-v-3f08f550],
li[data-v-3f08f550],
fieldset[data-v-3f08f550],
form[data-v-3f08f550],
label[data-v-3f08f550],
legend[data-v-3f08f550],
table[data-v-3f08f550],
caption[data-v-3f08f550],
tbody[data-v-3f08f550],
tfoot[data-v-3f08f550],
thead[data-v-3f08f550],
tr[data-v-3f08f550],
th[data-v-3f08f550],
td[data-v-3f08f550],
article[data-v-3f08f550],
aside[data-v-3f08f550],
canvas[data-v-3f08f550],
details[data-v-3f08f550],
embed[data-v-3f08f550],
figure[data-v-3f08f550],
figcaption[data-v-3f08f550],
footer[data-v-3f08f550],
header[data-v-3f08f550],
hgroup[data-v-3f08f550],
menu[data-v-3f08f550],
nav[data-v-3f08f550],
output[data-v-3f08f550],
ruby[data-v-3f08f550],
section[data-v-3f08f550],
summary[data-v-3f08f550],
time[data-v-3f08f550],
mark[data-v-3f08f550],
audio[data-v-3f08f550],
video[data-v-3f08f550] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-3f08f550],
aside[data-v-3f08f550],
details[data-v-3f08f550],
figcaption[data-v-3f08f550],
figure[data-v-3f08f550],
footer[data-v-3f08f550],
header[data-v-3f08f550],
hgroup[data-v-3f08f550],
menu[data-v-3f08f550],
nav[data-v-3f08f550],
section[data-v-3f08f550] {
    display: block
}

body[data-v-3f08f550] {
    line-height: 1
}

ol[data-v-3f08f550],
ul[data-v-3f08f550] {
    list-style: none
}

blockquote[data-v-3f08f550],
q[data-v-3f08f550] {
    quotes: none
}

blockquote[data-v-3f08f550]:before,
blockquote[data-v-3f08f550]:after,
q[data-v-3f08f550]:before,
q[data-v-3f08f550]:after {
    content: "";
    content: none
}

table[data-v-3f08f550] {
    border-collapse: collapse;
    border-spacing: 0
}

.fps-text[data-v-3f08f550] {
    position: fixed;
    top: 15px;
    right: 15px;
    font-size: 10px;
    color: #f03;
    padding: 5px;
    border-radius: 4px;
    z-index: 1001;
    width: 370px;
    font-family: monospace
}

.mobile.fps-text[data-v-3f08f550] {
    top: 3px;
    right: 3px;
    font-size: 6px;
    padding: 3px;
    width: 188px
}

#soundtoggle[data-v-3f08f550] {
    position: fixed;
    bottom: 25px;
    border-radius: 8px;
    right: 30px;
    z-index: 1000;
    width: 50px;
    height: 35px;
    background-color: #f03;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease
}

#soundtoggle.sound-off[data-v-3f08f550] {
    background-color: #ff003380
}

@media (hover: hover) and (pointer: fine) {
    #soundtoggle.sound-off[data-v-3f08f550]:hover {
        background-color: #f03
    }
}

.mobile#soundtoggle[data-v-3f08f550] {
    bottom: 20px;
    right: 20px;
    height: 30px
}

.sound-bars[data-v-3f08f550] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 18px
}

.sound-bars .bar[data-v-3f08f550] {
    width: 3px;
    background-color: #000;
    border-radius: 1px;
    transition: height .1s ease
}

.sound-bars .bar.bar-1[data-v-3f08f550] {
    height: 6px
}

.sound-bars .bar.bar-1.animate[data-v-3f08f550] {
    animation: glitchWave1-3f08f550 .8s infinite linear
}

.sound-bars .bar.bar-2[data-v-3f08f550] {
    height: 12px
}

.sound-bars .bar.bar-2.animate[data-v-3f08f550] {
    animation: glitchWave2-3f08f550 1.2s infinite linear .1s
}

.sound-bars .bar.bar-3[data-v-3f08f550] {
    height: 9px
}

.sound-bars .bar.bar-3.animate[data-v-3f08f550] {
    animation: glitchWave3-3f08f550 1.4s infinite linear .2s
}

.sound-bars .bar.bar-4[data-v-3f08f550] {
    height: 15px
}

.sound-bars .bar.bar-4.animate[data-v-3f08f550] {
    animation: glitchWave4-3f08f550 1s infinite linear .3s
}

.sound-bars .bar.bar-5[data-v-3f08f550] {
    height: 7px
}

.sound-bars .bar.bar-5.animate[data-v-3f08f550] {
    animation: glitchWave5-3f08f550 1.8s infinite linear .4s
}

@keyframes glitchWave1-3f08f550 {
    0% {
        height: 6px
    }

    12% {
        height: 18px
    }

    25% {
        height: 3px
    }

    37% {
        height: 16px
    }

    50% {
        height: 2px
    }

    62% {
        height: 14px
    }

    75% {
        height: 8px
    }

    87% {
        height: 1px
    }

    to {
        height: 6px
    }
}

@keyframes glitchWave2-3f08f550 {
    0% {
        height: 12px
    }

    15% {
        height: 2px
    }

    30% {
        height: 17px
    }

    45% {
        height: 5px
    }

    60% {
        height: 19px
    }

    75% {
        height: 1px
    }

    90% {
        height: 11px
    }

    to {
        height: 12px
    }
}

@keyframes glitchWave3-3f08f550 {
    0% {
        height: 9px
    }

    20% {
        height: 16px
    }

    40% {
        height: 3px
    }

    60% {
        height: 18px
    }

    80% {
        height: 1px
    }

    to {
        height: 9px
    }
}

@keyframes glitchWave4-3f08f550 {
    0% {
        height: 15px
    }

    10% {
        height: 4px
    }

    20% {
        height: 19px
    }

    30% {
        height: 1px
    }

    40% {
        height: 13px
    }

    50% {
        height: 20px
    }

    60% {
        height: 2px
    }

    70% {
        height: 17px
    }

    80% {
        height: 6px
    }

    90% {
        height: 1px
    }

    to {
        height: 15px
    }
}

@keyframes glitchWave5-3f08f550 {
    0% {
        height: 7px
    }

    25% {
        height: 1px
    }

    50% {
        height: 16px
    }

    75% {
        height: 3px
    }

    to {
        height: 7px
    }
}

.sound-off .sound-bars .bar.bar-1[data-v-3f08f550],
.sound-off .sound-bars .bar.bar-2[data-v-3f08f550],
.sound-off .sound-bars .bar.bar-3[data-v-3f08f550],
.sound-off .sound-bars .bar.bar-4[data-v-3f08f550],
.sound-off .sound-bars .bar.bar-5[data-v-3f08f550] {
    height: 4px
}

html[data-v-0e4014e1],
body[data-v-0e4014e1],
div[data-v-0e4014e1],
span[data-v-0e4014e1],
applet[data-v-0e4014e1],
object[data-v-0e4014e1],
iframe[data-v-0e4014e1],
h1[data-v-0e4014e1],
h2[data-v-0e4014e1],
h3[data-v-0e4014e1],
h4[data-v-0e4014e1],
h5[data-v-0e4014e1],
h6[data-v-0e4014e1],
p[data-v-0e4014e1],
blockquote[data-v-0e4014e1],
pre[data-v-0e4014e1],
a[data-v-0e4014e1],
abbr[data-v-0e4014e1],
acronym[data-v-0e4014e1],
address[data-v-0e4014e1],
big[data-v-0e4014e1],
cite[data-v-0e4014e1],
code[data-v-0e4014e1],
del[data-v-0e4014e1],
dfn[data-v-0e4014e1],
em[data-v-0e4014e1],
img[data-v-0e4014e1],
ins[data-v-0e4014e1],
kbd[data-v-0e4014e1],
q[data-v-0e4014e1],
s[data-v-0e4014e1],
samp[data-v-0e4014e1],
small[data-v-0e4014e1],
strike[data-v-0e4014e1],
strong[data-v-0e4014e1],
sub[data-v-0e4014e1],
sup[data-v-0e4014e1],
tt[data-v-0e4014e1],
var[data-v-0e4014e1],
b[data-v-0e4014e1],
u[data-v-0e4014e1],
i[data-v-0e4014e1],
center[data-v-0e4014e1],
dl[data-v-0e4014e1],
dt[data-v-0e4014e1],
dd[data-v-0e4014e1],
ol[data-v-0e4014e1],
ul[data-v-0e4014e1],
li[data-v-0e4014e1],
fieldset[data-v-0e4014e1],
form[data-v-0e4014e1],
label[data-v-0e4014e1],
legend[data-v-0e4014e1],
table[data-v-0e4014e1],
caption[data-v-0e4014e1],
tbody[data-v-0e4014e1],
tfoot[data-v-0e4014e1],
thead[data-v-0e4014e1],
tr[data-v-0e4014e1],
th[data-v-0e4014e1],
td[data-v-0e4014e1],
article[data-v-0e4014e1],
aside[data-v-0e4014e1],
canvas[data-v-0e4014e1],
details[data-v-0e4014e1],
embed[data-v-0e4014e1],
figure[data-v-0e4014e1],
figcaption[data-v-0e4014e1],
footer[data-v-0e4014e1],
header[data-v-0e4014e1],
hgroup[data-v-0e4014e1],
menu[data-v-0e4014e1],
nav[data-v-0e4014e1],
output[data-v-0e4014e1],
ruby[data-v-0e4014e1],
section[data-v-0e4014e1],
summary[data-v-0e4014e1],
time[data-v-0e4014e1],
mark[data-v-0e4014e1],
audio[data-v-0e4014e1],
video[data-v-0e4014e1] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-0e4014e1],
aside[data-v-0e4014e1],
details[data-v-0e4014e1],
figcaption[data-v-0e4014e1],
figure[data-v-0e4014e1],
footer[data-v-0e4014e1],
header[data-v-0e4014e1],
hgroup[data-v-0e4014e1],
menu[data-v-0e4014e1],
nav[data-v-0e4014e1],
section[data-v-0e4014e1] {
    display: block
}

body[data-v-0e4014e1] {
    line-height: 1
}

ol[data-v-0e4014e1],
ul[data-v-0e4014e1] {
    list-style: none
}

blockquote[data-v-0e4014e1],
q[data-v-0e4014e1] {
    quotes: none
}

blockquote[data-v-0e4014e1]:before,
blockquote[data-v-0e4014e1]:after,
q[data-v-0e4014e1]:before,
q[data-v-0e4014e1]:after {
    content: "";
    content: none
}

table[data-v-0e4014e1] {
    border-collapse: collapse;
    border-spacing: 0
}

.notification-wrapper[data-v-0e4014e1] {
    border-radius: 5px;
    position: fixed;
    top: 50px;
    right: 50px;
    width: 250px;
    height: 70px;
    background-color: #ff00001a;
    border: 1px solid #FF0033;
    padding: 4px
}

.mobile.notification-wrapper[data-v-0e4014e1] {
    top: 20px;
    right: 20px;
    margin-top: 50px;
    transform: scale(.6);
    transform-origin: top right
}

.mobile.landscape.notification-wrapper[data-v-0e4014e1] {
    top: 20px;
    right: 20px;
    margin-top: 0
}

.image-container[data-v-0e4014e1] {
    height: 70px;
    width: 70px;
    background-color: #f03;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.image-container img[data-v-0e4014e1] {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px
}

.image-container .imgquest[data-v-0e4014e1] {
    width: 100% !important;
    height: 100% !important
}

.content-container[data-v-0e4014e1] {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 170px;
    height: 100%
}

.notification[data-v-0e4014e1] {
    width: 100%
}

.title-notification-container[data-v-0e4014e1] {
    margin-bottom: 2px;
    background-color: #f03;
    vertical-align: top;
    padding: 3px;
    border-radius: 5px;
    width: 140px;
    overflow: hidden
}

h1[data-v-0e4014e1] {
    font-size: 12px;
    line-height: 14px;
    margin-left: 4px;
    text-transform: uppercase;
    color: #000
}

h2[data-v-0e4014e1] {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px
}

h3[data-v-0e4014e1] {
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 8px;
    line-height: 8px
}

html[data-v-0f16fcf3],
body[data-v-0f16fcf3],
div[data-v-0f16fcf3],
span[data-v-0f16fcf3],
applet[data-v-0f16fcf3],
object[data-v-0f16fcf3],
iframe[data-v-0f16fcf3],
h1[data-v-0f16fcf3],
h2[data-v-0f16fcf3],
h3[data-v-0f16fcf3],
h4[data-v-0f16fcf3],
h5[data-v-0f16fcf3],
h6[data-v-0f16fcf3],
p[data-v-0f16fcf3],
blockquote[data-v-0f16fcf3],
pre[data-v-0f16fcf3],
a[data-v-0f16fcf3],
abbr[data-v-0f16fcf3],
acronym[data-v-0f16fcf3],
address[data-v-0f16fcf3],
big[data-v-0f16fcf3],
cite[data-v-0f16fcf3],
code[data-v-0f16fcf3],
del[data-v-0f16fcf3],
dfn[data-v-0f16fcf3],
em[data-v-0f16fcf3],
img[data-v-0f16fcf3],
ins[data-v-0f16fcf3],
kbd[data-v-0f16fcf3],
q[data-v-0f16fcf3],
s[data-v-0f16fcf3],
samp[data-v-0f16fcf3],
small[data-v-0f16fcf3],
strike[data-v-0f16fcf3],
strong[data-v-0f16fcf3],
sub[data-v-0f16fcf3],
sup[data-v-0f16fcf3],
tt[data-v-0f16fcf3],
var[data-v-0f16fcf3],
b[data-v-0f16fcf3],
u[data-v-0f16fcf3],
i[data-v-0f16fcf3],
center[data-v-0f16fcf3],
dl[data-v-0f16fcf3],
dt[data-v-0f16fcf3],
dd[data-v-0f16fcf3],
ol[data-v-0f16fcf3],
ul[data-v-0f16fcf3],
li[data-v-0f16fcf3],
fieldset[data-v-0f16fcf3],
form[data-v-0f16fcf3],
label[data-v-0f16fcf3],
legend[data-v-0f16fcf3],
table[data-v-0f16fcf3],
caption[data-v-0f16fcf3],
tbody[data-v-0f16fcf3],
tfoot[data-v-0f16fcf3],
thead[data-v-0f16fcf3],
tr[data-v-0f16fcf3],
th[data-v-0f16fcf3],
td[data-v-0f16fcf3],
article[data-v-0f16fcf3],
aside[data-v-0f16fcf3],
canvas[data-v-0f16fcf3],
details[data-v-0f16fcf3],
embed[data-v-0f16fcf3],
figure[data-v-0f16fcf3],
figcaption[data-v-0f16fcf3],
footer[data-v-0f16fcf3],
header[data-v-0f16fcf3],
hgroup[data-v-0f16fcf3],
menu[data-v-0f16fcf3],
nav[data-v-0f16fcf3],
output[data-v-0f16fcf3],
ruby[data-v-0f16fcf3],
section[data-v-0f16fcf3],
summary[data-v-0f16fcf3],
time[data-v-0f16fcf3],
mark[data-v-0f16fcf3],
audio[data-v-0f16fcf3],
video[data-v-0f16fcf3] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-0f16fcf3],
aside[data-v-0f16fcf3],
details[data-v-0f16fcf3],
figcaption[data-v-0f16fcf3],
figure[data-v-0f16fcf3],
footer[data-v-0f16fcf3],
header[data-v-0f16fcf3],
hgroup[data-v-0f16fcf3],
menu[data-v-0f16fcf3],
nav[data-v-0f16fcf3],
section[data-v-0f16fcf3] {
    display: block
}

body[data-v-0f16fcf3] {
    line-height: 1
}

ol[data-v-0f16fcf3],
ul[data-v-0f16fcf3] {
    list-style: none
}

blockquote[data-v-0f16fcf3],
q[data-v-0f16fcf3] {
    quotes: none
}

blockquote[data-v-0f16fcf3]:before,
blockquote[data-v-0f16fcf3]:after,
q[data-v-0f16fcf3]:before,
q[data-v-0f16fcf3]:after {
    content: "";
    content: none
}

table[data-v-0f16fcf3] {
    border-collapse: collapse;
    border-spacing: 0
}

.overlay[data-v-0f16fcf3] {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100vw;
    height: 0;
    z-index: 20
}

html[data-v-b96b6344],
body[data-v-b96b6344],
div[data-v-b96b6344],
span[data-v-b96b6344],
applet[data-v-b96b6344],
object[data-v-b96b6344],
iframe[data-v-b96b6344],
h1[data-v-b96b6344],
h2[data-v-b96b6344],
h3[data-v-b96b6344],
h4[data-v-b96b6344],
h5[data-v-b96b6344],
h6[data-v-b96b6344],
p[data-v-b96b6344],
blockquote[data-v-b96b6344],
pre[data-v-b96b6344],
a[data-v-b96b6344],
abbr[data-v-b96b6344],
acronym[data-v-b96b6344],
address[data-v-b96b6344],
big[data-v-b96b6344],
cite[data-v-b96b6344],
code[data-v-b96b6344],
del[data-v-b96b6344],
dfn[data-v-b96b6344],
em[data-v-b96b6344],
img[data-v-b96b6344],
ins[data-v-b96b6344],
kbd[data-v-b96b6344],
q[data-v-b96b6344],
s[data-v-b96b6344],
samp[data-v-b96b6344],
small[data-v-b96b6344],
strike[data-v-b96b6344],
strong[data-v-b96b6344],
sub[data-v-b96b6344],
sup[data-v-b96b6344],
tt[data-v-b96b6344],
var[data-v-b96b6344],
b[data-v-b96b6344],
u[data-v-b96b6344],
i[data-v-b96b6344],
center[data-v-b96b6344],
dl[data-v-b96b6344],
dt[data-v-b96b6344],
dd[data-v-b96b6344],
ol[data-v-b96b6344],
ul[data-v-b96b6344],
li[data-v-b96b6344],
fieldset[data-v-b96b6344],
form[data-v-b96b6344],
label[data-v-b96b6344],
legend[data-v-b96b6344],
table[data-v-b96b6344],
caption[data-v-b96b6344],
tbody[data-v-b96b6344],
tfoot[data-v-b96b6344],
thead[data-v-b96b6344],
tr[data-v-b96b6344],
th[data-v-b96b6344],
td[data-v-b96b6344],
article[data-v-b96b6344],
aside[data-v-b96b6344],
canvas[data-v-b96b6344],
details[data-v-b96b6344],
embed[data-v-b96b6344],
figure[data-v-b96b6344],
figcaption[data-v-b96b6344],
footer[data-v-b96b6344],
header[data-v-b96b6344],
hgroup[data-v-b96b6344],
menu[data-v-b96b6344],
nav[data-v-b96b6344],
output[data-v-b96b6344],
ruby[data-v-b96b6344],
section[data-v-b96b6344],
summary[data-v-b96b6344],
time[data-v-b96b6344],
mark[data-v-b96b6344],
audio[data-v-b96b6344],
video[data-v-b96b6344] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-b96b6344],
aside[data-v-b96b6344],
details[data-v-b96b6344],
figcaption[data-v-b96b6344],
figure[data-v-b96b6344],
footer[data-v-b96b6344],
header[data-v-b96b6344],
hgroup[data-v-b96b6344],
menu[data-v-b96b6344],
nav[data-v-b96b6344],
section[data-v-b96b6344] {
    display: block
}

body[data-v-b96b6344] {
    line-height: 1
}

ol[data-v-b96b6344],
ul[data-v-b96b6344] {
    list-style: none
}

blockquote[data-v-b96b6344],
q[data-v-b96b6344] {
    quotes: none
}

blockquote[data-v-b96b6344]:before,
blockquote[data-v-b96b6344]:after,
q[data-v-b96b6344]:before,
q[data-v-b96b6344]:after {
    content: "";
    content: none
}

table[data-v-b96b6344] {
    border-collapse: collapse;
    border-spacing: 0
}

.close-infos[data-v-b96b6344] {
    position: absolute;
    top: 50px;
    left: 50%;
    right: 50%;
    z-Index: 1000;
    width: 100px;
    height: 30px;
    transform: translate(-50%);
    text-align: center;
    font-size: max(1.3888888889vw, 20px);
    line-height: max(1.3888888889vw, 20px)
}

.close-infos[data-v-b96b6344]:hover {
    cursor: pointer
}

.mobile .close-infos[data-v-b96b6344] {
    font-size: 16px;
    top: 20px
}

.infos[data-v-b96b6344] {
    pointer-events: initial;
    z-Index: 0;
    color: #f03;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.infos-background[data-v-b96b6344] {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    width: 100%;
    height: 100%
}

h1[data-v-b96b6344] {
    text-align: left;
    font-size: max(6.25vw, 90px);
    line-height: max(6.25vw, 90px);
    margin-bottom: 20px
}

h2[data-v-b96b6344] {
    padding-bottom: 20px;
    display: block;
    margin: auto;
    text-align: left
}

p[data-v-b96b6344] {
    text-align: justify;
    word-wrap: break-word;
    font-weight: 500;
    font-size: max(1.3888888889vw, 20px);
    line-height: max(1.5972222222vw, 23px)
}

.infos-center[data-v-b96b6344] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    max-width: 80%
}

.infobutton[data-v-b96b6344] {
    display: block;
    margin-top: 50px
}

.mobile .infos-title[data-v-b96b6344] {
    font-size: 14px
}

@media (max-width: 780px) {
    h1[data-v-b96b6344] {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 15px;
        text-align: center;
        margin-top: 60px
    }

    h2[data-v-b96b6344] {
        text-align: center;
        padding-bottom: 15px
    }

    p[data-v-b96b6344] {
        font-size: 16px;
        line-height: 20px;
        text-align: center
    }

    .infobutton[data-v-b96b6344] {
        margin: 30px auto auto
    }
}

html[data-v-32541cec],
body[data-v-32541cec],
div[data-v-32541cec],
span[data-v-32541cec],
applet[data-v-32541cec],
object[data-v-32541cec],
iframe[data-v-32541cec],
h1[data-v-32541cec],
h2[data-v-32541cec],
h3[data-v-32541cec],
h4[data-v-32541cec],
h5[data-v-32541cec],
h6[data-v-32541cec],
p[data-v-32541cec],
blockquote[data-v-32541cec],
pre[data-v-32541cec],
a[data-v-32541cec],
abbr[data-v-32541cec],
acronym[data-v-32541cec],
address[data-v-32541cec],
big[data-v-32541cec],
cite[data-v-32541cec],
code[data-v-32541cec],
del[data-v-32541cec],
dfn[data-v-32541cec],
em[data-v-32541cec],
img[data-v-32541cec],
ins[data-v-32541cec],
kbd[data-v-32541cec],
q[data-v-32541cec],
s[data-v-32541cec],
samp[data-v-32541cec],
small[data-v-32541cec],
strike[data-v-32541cec],
strong[data-v-32541cec],
sub[data-v-32541cec],
sup[data-v-32541cec],
tt[data-v-32541cec],
var[data-v-32541cec],
b[data-v-32541cec],
u[data-v-32541cec],
i[data-v-32541cec],
center[data-v-32541cec],
dl[data-v-32541cec],
dt[data-v-32541cec],
dd[data-v-32541cec],
ol[data-v-32541cec],
ul[data-v-32541cec],
li[data-v-32541cec],
fieldset[data-v-32541cec],
form[data-v-32541cec],
label[data-v-32541cec],
legend[data-v-32541cec],
table[data-v-32541cec],
caption[data-v-32541cec],
tbody[data-v-32541cec],
tfoot[data-v-32541cec],
thead[data-v-32541cec],
tr[data-v-32541cec],
th[data-v-32541cec],
td[data-v-32541cec],
article[data-v-32541cec],
aside[data-v-32541cec],
canvas[data-v-32541cec],
details[data-v-32541cec],
embed[data-v-32541cec],
figure[data-v-32541cec],
figcaption[data-v-32541cec],
footer[data-v-32541cec],
header[data-v-32541cec],
hgroup[data-v-32541cec],
menu[data-v-32541cec],
nav[data-v-32541cec],
output[data-v-32541cec],
ruby[data-v-32541cec],
section[data-v-32541cec],
summary[data-v-32541cec],
time[data-v-32541cec],
mark[data-v-32541cec],
audio[data-v-32541cec],
video[data-v-32541cec] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-32541cec],
aside[data-v-32541cec],
details[data-v-32541cec],
figcaption[data-v-32541cec],
figure[data-v-32541cec],
footer[data-v-32541cec],
header[data-v-32541cec],
hgroup[data-v-32541cec],
menu[data-v-32541cec],
nav[data-v-32541cec],
section[data-v-32541cec] {
    display: block
}

body[data-v-32541cec] {
    line-height: 1
}

ol[data-v-32541cec],
ul[data-v-32541cec] {
    list-style: none
}

blockquote[data-v-32541cec],
q[data-v-32541cec] {
    quotes: none
}

blockquote[data-v-32541cec]:before,
blockquote[data-v-32541cec]:after,
q[data-v-32541cec]:before,
q[data-v-32541cec]:after {
    content: "";
    content: none
}

table[data-v-32541cec] {
    border-collapse: collapse;
    border-spacing: 0
}

#works-container[data-v-32541cec] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    pointer-events: none
}

#works[data-v-32541cec] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    pointer-events: initial
}

.left-tutorial[data-v-32541cec] {
    margin-top: 50px;
    display: block;
    width: 100%;
    pointer-events: none
}

.square-container[data-v-32541cec] {
    background-color: #f03;
    width: 70px;
    border-radius: 5px
}

.escape-container[data-v-32541cec] {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 20px
}

.esc[data-v-32541cec] {
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: .2px;
    word-wrap: break-word;
    color: #000;
    padding: 5px;
    display: inline-block
}

.esc-tex[data-v-32541cec] {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

.top[data-v-32541cec] {
    margin-left: 0;
    margin-bottom: 0
}

.bottom[data-v-32541cec] {
    margin-left: 5px;
    margin-top: 0
}

.works-bottom-left-container[data-v-32541cec] {
    margin-left: 50px;
    z-index: 50
}

.mobile .works-bottom-left-container[data-v-32541cec] {
    margin-left: 20px
}

.mobile #works[data-v-32541cec] {
    margin-bottom: 20px
}

.works-bottom-container[data-v-32541cec] {
    left: 50%;
    translate: -50% 0;
    position: absolute;
    z-index: 30
}

.mobile .works-instruction[data-v-32541cec] {
    font-size: 8px
}

h2[data-v-32541cec] {
    margin-left: 10px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    word-wrap: break-word
}

.bar-container[data-v-32541cec] {
    vertical-align: bottom;
    display: inline-block;
    height: 30px
}

.bar-container.small-screen[data-v-32541cec] {
    transition: all .3s ease
}

.bar-container.small-screen[data-v-32541cec]:before,
.bar-container.small-screen[data-v-32541cec]:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 2px;
    background-color: #f03;
    opacity: .3
}

.bar-container.small-screen[data-v-32541cec]:before {
    left: -15px
}

.bar-container.small-screen[data-v-32541cec]:after {
    right: -15px
}

.bar-container.mobile-screen .bar-wrapper[data-v-32541cec] {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0
}

.bar-container.mobile-screen .bar-wrapper .bar-content[data-v-32541cec] {
    width: 150px;
    opacity: 1 !important
}

.bar-container.mobile-screen .bar-wrapper h3[data-v-32541cec] {
    text-align: center;
    margin-left: 0
}

.bar-container.mobile-screen .bar-wrapper:hover .bar-content[data-v-32541cec] {
    width: 150px !important;
    background-color: #f03 !important
}

.bar-container.mobile-screen[data-v-32541cec]:before,
.bar-container.mobile-screen[data-v-32541cec]:after {
    display: none !important
}

.bar-wrapper[data-v-32541cec] {
    display: inline-block;
    padding: 0 7px;
    height: 30px;
    cursor: pointer;
    margin-left: 1px;
    margin-right: 1px
}

.bar-wrapper.mobile-no-interaction[data-v-32541cec] {
    cursor: default;
    pointer-events: none
}

.bar-wrapper .bar-content[data-v-32541cec] {
    overflow: hidden;
    opacity: .6;
    height: 100%;
    width: 5px;
    background-color: #f03;
    border-radius: 5px;
    transition: width .2s;
    margin: 0 auto;
    pointer-events: none
}

.bar-wrapper:hover:not(.selected):not(.mobile-no-interaction) .bar-content[data-v-32541cec] {
    background-color: #ff003380;
    opacity: 1;
    width: 130px
}

.bar-wrapper.selected .bar-content[data-v-32541cec] {
    width: 130px;
    opacity: 1
}

h3[data-v-32541cec] {
    color: #000;
    margin-left: 10px;
    line-height: 26px;
    pointer-events: none
}

h3 span[data-v-32541cec] {
    color: #000;
    font-weight: 400
}

.bar-content.mobile[data-v-32541cec] {
    width: 70px
}

@media (max-width: 512px) {
    .bar-container.small-screen .bar-wrapper[data-v-32541cec] {
        padding: 0 4px;
        margin-left: 0;
        margin-right: 0
    }

    .bar-container.small-screen .bar-wrapper .bar-content[data-v-32541cec] {
        width: 3px
    }

    .bar-container.small-screen .bar-wrapper:hover .bar-content[data-v-32541cec],
    .bar-container.small-screen .bar-wrapper.selected .bar-content[data-v-32541cec] {
        width: 100px
    }

    .bar-container.small-screen h3[data-v-32541cec] {
        font-size: 11px;
        margin-left: 6px
    }
}

html[data-v-b9070ebd],
body[data-v-b9070ebd],
div[data-v-b9070ebd],
span[data-v-b9070ebd],
applet[data-v-b9070ebd],
object[data-v-b9070ebd],
iframe[data-v-b9070ebd],
h1[data-v-b9070ebd],
h2[data-v-b9070ebd],
h3[data-v-b9070ebd],
h4[data-v-b9070ebd],
h5[data-v-b9070ebd],
h6[data-v-b9070ebd],
p[data-v-b9070ebd],
blockquote[data-v-b9070ebd],
pre[data-v-b9070ebd],
a[data-v-b9070ebd],
abbr[data-v-b9070ebd],
acronym[data-v-b9070ebd],
address[data-v-b9070ebd],
big[data-v-b9070ebd],
cite[data-v-b9070ebd],
code[data-v-b9070ebd],
del[data-v-b9070ebd],
dfn[data-v-b9070ebd],
em[data-v-b9070ebd],
img[data-v-b9070ebd],
ins[data-v-b9070ebd],
kbd[data-v-b9070ebd],
q[data-v-b9070ebd],
s[data-v-b9070ebd],
samp[data-v-b9070ebd],
small[data-v-b9070ebd],
strike[data-v-b9070ebd],
strong[data-v-b9070ebd],
sub[data-v-b9070ebd],
sup[data-v-b9070ebd],
tt[data-v-b9070ebd],
var[data-v-b9070ebd],
b[data-v-b9070ebd],
u[data-v-b9070ebd],
i[data-v-b9070ebd],
center[data-v-b9070ebd],
dl[data-v-b9070ebd],
dt[data-v-b9070ebd],
dd[data-v-b9070ebd],
ol[data-v-b9070ebd],
ul[data-v-b9070ebd],
li[data-v-b9070ebd],
fieldset[data-v-b9070ebd],
form[data-v-b9070ebd],
label[data-v-b9070ebd],
legend[data-v-b9070ebd],
table[data-v-b9070ebd],
caption[data-v-b9070ebd],
tbody[data-v-b9070ebd],
tfoot[data-v-b9070ebd],
thead[data-v-b9070ebd],
tr[data-v-b9070ebd],
th[data-v-b9070ebd],
td[data-v-b9070ebd],
article[data-v-b9070ebd],
aside[data-v-b9070ebd],
canvas[data-v-b9070ebd],
details[data-v-b9070ebd],
embed[data-v-b9070ebd],
figure[data-v-b9070ebd],
figcaption[data-v-b9070ebd],
footer[data-v-b9070ebd],
header[data-v-b9070ebd],
hgroup[data-v-b9070ebd],
menu[data-v-b9070ebd],
nav[data-v-b9070ebd],
output[data-v-b9070ebd],
ruby[data-v-b9070ebd],
section[data-v-b9070ebd],
summary[data-v-b9070ebd],
time[data-v-b9070ebd],
mark[data-v-b9070ebd],
audio[data-v-b9070ebd],
video[data-v-b9070ebd] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-b9070ebd],
aside[data-v-b9070ebd],
details[data-v-b9070ebd],
figcaption[data-v-b9070ebd],
figure[data-v-b9070ebd],
footer[data-v-b9070ebd],
header[data-v-b9070ebd],
hgroup[data-v-b9070ebd],
menu[data-v-b9070ebd],
nav[data-v-b9070ebd],
section[data-v-b9070ebd] {
    display: block
}

body[data-v-b9070ebd] {
    line-height: 1
}

ol[data-v-b9070ebd],
ul[data-v-b9070ebd] {
    list-style: none
}

blockquote[data-v-b9070ebd],
q[data-v-b9070ebd] {
    quotes: none
}

blockquote[data-v-b9070ebd]:before,
blockquote[data-v-b9070ebd]:after,
q[data-v-b9070ebd]:before,
q[data-v-b9070ebd]:after {
    content: "";
    content: none
}

table[data-v-b9070ebd] {
    border-collapse: collapse;
    border-spacing: 0
}

#about[data-v-b9070ebd] {
    font-family: forma-djr-display, sans-serif !important
}

a[data-v-b9070ebd] {
    cursor: pointer !important;
    text-decoration: none;
    color: #f03;
    display: block;
    font-weight: 500
}

a[data-v-b9070ebd]:hover {
    text-decoration: underline
}

#about-background[data-v-b9070ebd] {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 3s;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000bf
}

#about-text-container[data-v-b9070ebd] {
    pointer-events: none;
    margin-left: 50px;
    margin-bottom: 50px;
    width: 80%;
    max-width: 1400px;
    display: block;
    z-index: 100;
    position: absolute;
    bottom: 0
}

#about-text-container p[data-v-b9070ebd] {
    margin-bottom: 50px
}

#about-text-container .about-text-container-half[data-v-b9070ebd]:nth-child(2) {
    vertical-align: top;
    margin-left: 20px
}

.about-text-container-half[data-v-b9070ebd] {
    width: 40%;
    min-width: 400px;
    display: inline-block
}

h1[data-v-b9070ebd] {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 1.12px
}

h2[data-v-b9070ebd] {
    margin-top: 6px;
    font-size: 9px;
    font-weight: 400;
    line-height: 11px;
    color: #f03
}

h3[data-v-b9070ebd] {
    color: #f03;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    text-align: right
}

#smsy span[data-v-b9070ebd] {
    font-size: 13.87px;
    vertical-align: top
}

.big-title[data-v-b9070ebd] {
    color: #f03;
    font-size: 139px;
    font-weight: 500;
    line-height: 139px;
    letter-spacing: 5.56px
}

p[data-v-b9070ebd] {
    width: 100%;
    font-size: max(1.25vw, 18px);
    line-height: max(1.4583333333vw, 21px);
    font-weight: 500;
    color: #f03
}

.links[data-v-b9070ebd] {
    margin-top: 20px;
    width: 300px;
    text-align: left;
    vertical-align: bottom
}

.links a[data-v-b9070ebd] {
    pointer-events: auto;
    cursor: pointer !important;
    display: inline-block;
    color: #f03;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 400;
    word-wrap: break-word;
    text-decoration: inherit
}

.links a[data-v-b9070ebd]:hover {
    cursor: pointer !important;
    text-decoration: underline
}

.links .mobile .big-title[data-v-b9070ebd] {
    font-size: 10
}

.links .mobile p[data-v-b9070ebd],
.links .mobile .links[data-v-b9070ebd] {
    margin-left: 20px
}

.credits[data-v-b9070ebd] {
    position: absolute;
    bottom: 50px;
    right: 100px
}

.credits h2[data-v-b9070ebd] {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #f03;
    margin-bottom: 5px
}

.credits a[data-v-b9070ebd] {
    cursor: pointer !important;
    padding-bottom: 1px;
    padding-top: 1px
}

@media (max-width: 1200px) {
    .landscape.mobile .credits[data-v-b9070ebd] {
        display: none
    }

    .credits[data-v-b9070ebd] {
        display: none;
        transform: scale(.6);
        transform-origin: bottom right;
        margin-right: 37px
    }

    #about .about-text-container-half[data-v-b9070ebd]:nth-child(2) {
        display: none
    }

    .mobile #about .credits[data-v-b9070ebd] {
        bottom: 20px;
        right: 20px
    }

    .mobile #about .big-title[data-v-b9070ebd],
    .mobile #about h3[data-v-b9070ebd] {
        display: none
    }

    .mobile #about p[data-v-b9070ebd] {
        font-size: 16px;
        width: 80%;
        margin-bottom: 30px
    }

    .mobile #about #about-text-container>div:nth-child(1)>p[data-v-b9070ebd]:nth-child(3) {
        margin-bottom: 0
    }

    .mobile #about #about-text-container[data-v-b9070ebd] {
        margin-left: 20px;
        width: 50%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .mobile #about .about-text-container-half[data-v-b9070ebd]:nth-child(2) {
        display: none
    }

    .mobile.landscape a[data-v-b9070ebd] {
        font-size: 18px
    }

    .mobile.landscape .title-container[data-v-b9070ebd] {
        top: 60px !important
    }

    .mobile.landscape #about-text-container[data-v-b9070ebd] {
        font-size: 14px !important;
        width: 100% !important
    }

    .mobile.landscape .about-text-container-half[data-v-b9070ebd] * {
        font-size: 10px !important;
        line-height: 10px !important
    }

    .mobile.landscape .about-text-container-half[data-v-b9070ebd] {
        width: 50%;
        min-width: 50%
    }
}

html[data-v-63891a96],
body[data-v-63891a96],
div[data-v-63891a96],
span[data-v-63891a96],
applet[data-v-63891a96],
object[data-v-63891a96],
iframe[data-v-63891a96],
h1[data-v-63891a96],
h2[data-v-63891a96],
h3[data-v-63891a96],
h4[data-v-63891a96],
h5[data-v-63891a96],
h6[data-v-63891a96],
p[data-v-63891a96],
blockquote[data-v-63891a96],
pre[data-v-63891a96],
a[data-v-63891a96],
abbr[data-v-63891a96],
acronym[data-v-63891a96],
address[data-v-63891a96],
big[data-v-63891a96],
cite[data-v-63891a96],
code[data-v-63891a96],
del[data-v-63891a96],
dfn[data-v-63891a96],
em[data-v-63891a96],
img[data-v-63891a96],
ins[data-v-63891a96],
kbd[data-v-63891a96],
q[data-v-63891a96],
s[data-v-63891a96],
samp[data-v-63891a96],
small[data-v-63891a96],
strike[data-v-63891a96],
strong[data-v-63891a96],
sub[data-v-63891a96],
sup[data-v-63891a96],
tt[data-v-63891a96],
var[data-v-63891a96],
b[data-v-63891a96],
u[data-v-63891a96],
i[data-v-63891a96],
center[data-v-63891a96],
dl[data-v-63891a96],
dt[data-v-63891a96],
dd[data-v-63891a96],
ol[data-v-63891a96],
ul[data-v-63891a96],
li[data-v-63891a96],
fieldset[data-v-63891a96],
form[data-v-63891a96],
label[data-v-63891a96],
legend[data-v-63891a96],
table[data-v-63891a96],
caption[data-v-63891a96],
tbody[data-v-63891a96],
tfoot[data-v-63891a96],
thead[data-v-63891a96],
tr[data-v-63891a96],
th[data-v-63891a96],
td[data-v-63891a96],
article[data-v-63891a96],
aside[data-v-63891a96],
canvas[data-v-63891a96],
details[data-v-63891a96],
embed[data-v-63891a96],
figure[data-v-63891a96],
figcaption[data-v-63891a96],
footer[data-v-63891a96],
header[data-v-63891a96],
hgroup[data-v-63891a96],
menu[data-v-63891a96],
nav[data-v-63891a96],
output[data-v-63891a96],
ruby[data-v-63891a96],
section[data-v-63891a96],
summary[data-v-63891a96],
time[data-v-63891a96],
mark[data-v-63891a96],
audio[data-v-63891a96],
video[data-v-63891a96] {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article[data-v-63891a96],
aside[data-v-63891a96],
details[data-v-63891a96],
figcaption[data-v-63891a96],
figure[data-v-63891a96],
footer[data-v-63891a96],
header[data-v-63891a96],
hgroup[data-v-63891a96],
menu[data-v-63891a96],
nav[data-v-63891a96],
section[data-v-63891a96] {
    display: block
}

body[data-v-63891a96] {
    line-height: 1
}

ol[data-v-63891a96],
ul[data-v-63891a96] {
    list-style: none
}

blockquote[data-v-63891a96],
q[data-v-63891a96] {
    quotes: none
}

blockquote[data-v-63891a96]:before,
blockquote[data-v-63891a96]:after,
q[data-v-63891a96]:before,
q[data-v-63891a96]:after {
    content: "";
    content: none
}

table[data-v-63891a96] {
    border-collapse: collapse;
    border-spacing: 0
}

#tutorial[data-v-63891a96] {
    opacity: 1;
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 100000
}

#tutorial #skipbutton[data-v-63891a96] {
    margin-bottom: 20px;
    transform: translate(-50%)
}

.mobile#skipbutton[data-v-63891a96] {
    margin-bottom: 0
}