/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button, hr, input {
    overflow: visible
}

progress, sub, sup {
    vertical-align: baseline
}

.button-a.float, .float.button-b, .float.button-c, .loader-wrap img {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -webkit-animation-direction: alternate
}

.component, .mobile-nav-shelf nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

#mobile-nav-shelf nav .button-a {
    width: 100%;
    text-align: center
}

@-webkit-keyframes button-float {
    0% {
        -webkit-transform: translate(-4px, 3px);
        transform: translate(-4px, 3px)
    }
    40% {
        -webkit-transform: translate(2px, -4px);
        transform: translate(2px, -4px)
    }
    70% {
        -webkit-transform: translate(6px, -2px);
        transform: translate(6px, -2px)
    }
}

@keyframes button-float {
    0% {
        -webkit-transform: translate(-4px, 3px);
        transform: translate(-4px, 3px)
    }
    40% {
        -webkit-transform: translate(2px, -4px);
        transform: translate(2px, -4px)
    }
    70% {
        -webkit-transform: translate(6px, -2px);
        transform: translate(6px, -2px)
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    width: 100%;
    min-height: 100%
}

.button-play-trigger:hover .button-play .play-arrow-over, .button-play:hover .play-arrow-over, .mobile-nav-shelf.is-active, [data-page=gameplay] .sub-path-wrap .character-wrap .character.is-active, [data-page=home] .lead-pokemon .graphic.is-active, [data-page=home] .partner-pokemon .graphic.is-active, [data-page=home] .partner-selector .result-name span.is-active, [data-page=home] .partner-selector.is-active, [data-page=home] .personality-quiz.is-active, [data-page=news] .sub-path-wrap .character-wrap .character.is-active, [data-page=world] .pokemon-carousel .item.is-active, [data-page=world] .sub-path-wrap .character-wrap .character.is-active, details, main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    cursor: pointer
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio], legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

.button-play-trigger:hover .button-play .play-arrow, .button-play:hover .play-arrow, .mobile-nav .coming-soon-text, .mobile-nav .media-paint, [data-page=gameplay] .sub-path-wrap .character-wrap .character, [data-page=home] .partner-selector .result-name span, [data-page=home] .watch-trailer .inline-video img, [data-page=news] .sub-path-wrap .character-wrap .character, [data-page=world] .pokemon-carousel .item, [data-page=world] .sub-path-wrap .character-wrap .character, [hidden], template {
    display: none
}

.alkazam-shadow, .arrow-left, .arrow-right, .box-art-burst, .box-art-paint, .button-cap, .character-shadow, .down-arrow, .exclamation, .facebook-icon, .facebook-icon-over, .ganga-shadow, .hash-1, .hash-2, .instagram-icon, .instagram-icon-over, .logo-paint-shadow, .media-paint, .media-thumb, .media-thumb-orange, .mudkip-shadow, .mystery-character, .nav-burger, .nav-x, .pikachu-shadow, .play-arrow, .play-arrow-over, .speech-bubble, .speech-bubble-circle, .squirtle-shadow, .teaser-paint, .top-arrow, .totodile-shadow, .twitter-icon, .twitter-icon-over, .tyranitar-shadow, .watch-trailer, .youtube-icon, .youtube-icon-over {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat
}

.arrow-left, .arrow-right {
    width: 32px;
    height: 37px;
    background-position: 99.1935% .202634%;
    background-size: 3200%
}

.arrow-right {
    background-position: 70.0605% 10.6383%
}

.box-art-burst {
    width: 340px;
    height: 213px;
    background-position: .292398% 36.7448%;
    background-size: 301.176%
}

.box-art-paint {
    width: 259px;
    height: 294px;
    background-position: .261438% .273973%;
    background-size: 395.367%
}

.button-cap {
    width: 17px;
    height: 56px;
    background-position: 78.3515% .206612%;
    background-size: 6023.53%
}

.down-arrow {
    width: 72px;
    height: 22px;
    background-position: 89.1807% 10.479%;
    background-size: 1422.22%
}

.facebook-icon, .facebook-icon-over {
    width: 41px;
    height: 41px;
    background-position: 95.7274% .203459%;
    background-size: 2497.56%
}

.facebook-icon-over {
    background-position: 70.7019% 6.30722%
}

.hash-1 {
    width: 76px;
    height: 47px;
    background-position: 85.2321% .204708%;
    background-size: 1347.37%
}

.hash-2 {
    width: 53px;
    height: 46px;
    background-position: 91.2461% .204499%;
    background-size: 1932.08%
}

.instagram-icon, .instagram-icon-over {
    width: 41px;
    height: 41px;
    background-position: 75.0763% 6.30722%;
    background-size: 2497.56%
}

.instagram-icon-over {
    background-position: 79.4507% 6.30722%
}

.logo-paint-shadow {
    width: 430px;
    height: 220px;
    background-position: 44.2761% .248756%;
    background-size: 238.14%
}

.media-paint {
    width: 385px;
    height: 203px;
    background-position: 54.6166% 62.4848%;
    background-size: 265.974%
}

.media-thumb, .media-thumb-orange {
    width: 345px;
    height: 211px;
    background-position: 50.6627% 36.6544%;
    background-size: 296.812%
}

.media-thumb-orange {
    background-position: .294551% 63.0996%
}

.nav-burger, .nav-x {
    width: 30px;
    height: 30px;
    background-position: 78.9738% 10.5634%;
    background-size: 3413.33%
}

.nav-x {
    background-position: 82.1932% 10.5634%
}

.play-arrow, .play-arrow-over {
    width: 45px;
    height: 58px;
    background-position: 70.9908% .207039%;
    background-size: 2275.56%
}

.play-arrow-over {
    background-position: 75.7916% .207039%
}

.top-arrow {
    width: 54px;
    height: 33px;
    background-position: 75.1546% 10.5954%;
    background-size: 1896.3%
}

.twitter-icon {
    width: 41px;
    height: 41px;
    background-position: 83.825% 6.30722%;
    background-size: 2497.56%
}

.twitter-icon-over, .youtube-icon, .youtube-icon-over {
    width: 41px;
    height: 41px;
    background-position: 88.1994% 6.30722%;
    background-size: 2497.56%
}

.youtube-icon, .youtube-icon-over {
    background-position: 92.5738% 6.30722%
}

.youtube-icon-over {
    background-position: 96.9481% 6.30722%
}

.watercolor-a, .watercolor-b, .watercolor-c, .watercolor-d {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    background-position: .641026% .641026%;
    background-size: 256%
}

.mobile-nav-shelf, .page {
    background-repeat: repeat
}

.watercolor-b, .watercolor-c, .watercolor-d {
    background-position: 65.3846% .641026%
}

.watercolor-c, .watercolor-d {
    background-position: .641026% 65.3846%
}

.watercolor-d {
    background-position: 65.3846% 65.3846%
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body, html {
    font-family: Livvic, sans-serif;
    color: #000;
    font-size: 1em
}

@media (max-width: 1023px) and (min-width: 768px) {
    body, html {
        font-size: 1.56vw
    }
}

body.is-scroll-lock {
    overflow: hidden;
    position: fixed
}

.gus-wrapper {
    position: relative;
    height: 62px;
    width: 100%
}

.pokemon-gus-container {
    position: absolute;
    width: 100%;
    top: 0;
    height: 62px
}

.switch-logo {
    position: absolute;
    top: 62px;
    right: 0;
    width: 80px;
    height: 80px;
    z-index: 100
}

@media (max-width: 1023px) and (min-width: 768px) {
    .switch-logo {
        width: 7.8125vw;
        height: 7.8125vw
    }
}

.canvas-bg, .desktop-nav {
    top: 0;
    left: 0;
    width: 100%
}

img, picture, video {
    vertical-align: bottom
}

.desktop-nav .logo img, .desktop-nav .logo picture, .desktop-nav nav, .img-wrap, .loader-wrap img, .mobile-nav .logo img, .mobile-nav .logo picture, .page, .sub-page, .sub-page .two-col, .sub-page .two-col .col, .sub-page .two-col .col-pad, .sub-page .two-col2, .sub-page .two-col2 .col, .sub-page .two-col2 .col-pad, [data-page=home] .quiz-wrap p, [data-page=home] .scroll-wrap, [data-page=home] .watch-trailer, [data-page=world] .media-thumb-orange, [data-page=world] .storage-carousel .carousel-content, footer, main, section {
    position: relative
}

.img-wrap {
    display: inline-block
}

.img-wrap img, .img-wrap picture, [data-page=home] .watch-trailer .inline-video video, [data-page=world] .media-thumb-orange .inline-video video {
    width: 100%;
    height: auto
}

.page {
    overflow: hidden;
    min-height: 100vh;
    background-color: #fffbf1
}

.button-a, .button-b, .button-c, .button-top {
    background-color: #92765e;
    border: 2px solid #472d18;
    overflow: hidden
}

.canvas-bg {
    position: fixed;
    height: 100%
}

footer:after, footer:before, main:after, main:before, section:after, section:before {
    content: '';
    clear: both;
    display: table
}

.h1-orange-gradient {
    position: relative;
    font-size: 3em;
    margin: .5em 0;
    font-weight: 900
}

.dark-bold span, .h1-orange-gradient span, .h2-dark span, .h2-red span, .watercolor-fx .splotch, .watercolor-fx [class*=watercolor], [data-page=home] .hero-characters, [data-page=home] .hero-characters [class*=wrap] div, [data-page=home] .mystery-character, [data-page=home] .trail-pokemon .character-shadow, [data-page=home] .trigger, [data-page=world] .pokemon-carousel .bullet span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.h1-orange-gradient .shadow-a {
    color: #432836;
    top: 3px;
    left: 3px
}

.h1-orange-gradient .border-a {
    color: transparent;
    text-shadow: #432836 2px 0 0, #432836 1.75517px .95885px 0, #432836 1.0806px 1.68294px 0, #432836 .14147px 1.99499px 0, #432836 -.83229px 1.81859px 0, #432836 -1.60229px 1.19694px 0, #432836 -1.97998px .28224px 0, #432836 -1.87291px -.70157px 0, #432836 -1.30729px -1.5136px 0, #432836 -.42159px -1.95506px 0, #432836 .56732px -1.91785px 0, #432836 1.41734px -1.41108px 0, #432836 1.92034px -.55883px 0
}

.h1-orange-gradient .text {
    position: relative;
    margin: 0;
    font-size: 1em;
    font-weight: inherit;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffea03), to(#eda635));
    background: linear-gradient(#ffea03, #eda635);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .h1-orange-gradient .text {
        color: #f4c221;
        background: 0 0;
        -webkit-text-fill-color: unset
    }
}

.h2-dark, .h2-dark .text, .h2-red {
    position: relative;
    font-size: 2.3em;
    margin: .67em 0;
    font-weight: 900
}

.dark-bold .text, .h2-dark .text {
    margin: 0;
    font-size: 1em;
    font-weight: inherit;
    color: #3f2349
}

.h2-red .shadow-a {
    color: #fff;
    top: 2px;
    left: 2px
}

.h2-red .text {
    position: relative;
    margin: 0;
    font-size: 1em;
    font-weight: inherit;
    color: #ee1c25
}

.dark-bold, .dark-bold .text {
    position: relative;
    font-size: 1.8em;
    margin: .4em 0;
    font-weight: 900
}

.button-a {
    font-size: 1.4em;
    padding: .7em 1.2em
}

.button-a, .button-b, .button-c {
    display: inline-block;
    position: relative;
    margin: .4em 0;
    font-weight: 900;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: #472d18 2px 2px 10px;
    box-shadow: #472d18 2px 2px 10px;
    -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.button-a:hover, .button-b:hover, .button-c:hover {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
    -webkit-box-shadow: #472d18 0 0 5px;
    box-shadow: #472d18 0 0 5px;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.button-a .hash-1, .button-b .hash-1, .button-c .hash-1 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10%
}

.button-a .hash-2, .button-b .hash-2, .button-c .hash-2 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10%
}

.button-a .button-cap {
    width: 9px;
    height: 29px
}

.button-a .button-cap, .button-b .button-cap, .button-c .button-cap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.button-a .button-cap.left, .button-b .button-cap.left, .button-c .button-cap.left, .button-close .button-cap.left, .button-top .button-cap.left {
    left: 8px
}

.button-a .button-cap.right, .button-b .button-cap.right, .button-c .button-cap.right, .button-close .button-cap.right, .button-top .button-cap.right {
    right: 8px
}

.button-a .text, .button-b .text, .button-c .text {
    position: relative;
    color: #fff;
    display: block;
    text-shadow: #472d18 0 0 10px, #472d18 0 0 10px
}

.button-a.float, .float.button-b, .float.button-c {
    -webkit-animation-name: button-float;
    animation-name: button-float;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-direction: alternate
}

.button-a.button-arrow-left, .button-a.button-arrow-right, .button-arrow-left.button-b, .button-arrow-left.button-c, .button-arrow-right.button-b, .button-arrow-right.button-c {
    padding-top: .4em;
    padding-bottom: .25em
}

@media (max-width: 1023px) and (min-width: 768px) {
    .button-a .button-cap, .button-b .button-cap, .button-c .button-cap {
        width: .87891vw;
        height: 2.83203vw
    }

    .button-a .button-cap.left, .button-b .button-cap.left, .button-c .button-cap.left {
        left: .78125vw
    }

    .button-a .button-cap.right, .button-b .button-cap.right, .button-c .button-cap.right {
        right: .78125vw
    }

    .button-a.button-arrow-left .arrow-left, .button-a.button-arrow-left .arrow-right, .button-a.button-arrow-right .arrow-left, .button-a.button-arrow-right .arrow-right, .button-arrow-left.button-b .arrow-left, .button-arrow-left.button-b .arrow-right, .button-arrow-left.button-c .arrow-left, .button-arrow-left.button-c .arrow-right, .button-arrow-right.button-b .arrow-left, .button-arrow-right.button-b .arrow-right, .button-arrow-right.button-c .arrow-left, .button-arrow-right.button-c .arrow-right {
        width: 3.125vw;
        height: 3.61328vw
    }

    .button-play .play-arrow {
        width: 4.39453vw;
        height: 5.66406vw
    }
}

@media (max-width: 539px) and (min-width: 320px) {
    .button-a .button-cap, .button-b .button-cap, .button-c .button-cap {
        width: 1.66667vw;
        height: 5.37037vw
    }

    .button-a .button-cap.left, .button-b .button-cap.left, .button-c .button-cap.left {
        left: 1.48148vw
    }

    .button-a .button-cap.right, .button-b .button-cap.right, .button-c .button-cap.right {
        right: 1.48148vw
    }

    .button-a.button-arrow-left .arrow-left, .button-a.button-arrow-left .arrow-right, .button-a.button-arrow-right .arrow-left, .button-a.button-arrow-right .arrow-right, .button-arrow-left.button-b .arrow-left, .button-arrow-left.button-b .arrow-right, .button-arrow-left.button-c .arrow-left, .button-arrow-left.button-c .arrow-right, .button-arrow-right.button-b .arrow-left, .button-arrow-right.button-b .arrow-right, .button-arrow-right.button-c .arrow-left, .button-arrow-right.button-c .arrow-right {
        width: 5.92593vw;
        height: 6.85185vw
    }
}

.button-b {
    font-size: .8em;
    padding: 1.2em 1.8em
}

.button-c, [data-page=home] .partner-selector .result-a, [data-page=home] .partner-selector .result-c, p {
    font-size: 1.2em
}

.button-b .button-cap, .button-c .button-cap {
    width: 7px;
    height: 22px
}

.button-c {
    padding: .6em 1.6em
}

.button-close, .button-top {
    margin: .4em 0;
    font-weight: 900;
    padding: 5px 10px;
    text-decoration: none;
    -webkit-box-shadow: #472d18 2px 2px 10px;
    cursor: pointer
}

.button-top {
    box-shadow: #472d18 2px 2px 10px;
    -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.button-close:before, .button-top:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-box-shadow: #472d18 0 0 20px, #472d18 0 0 20px, #472d18 0 0 20px, #472d18 0 0 20px;
    box-shadow: #472d18 0 0 20px, #472d18 0 0 20px, #472d18 0 0 20px, #472d18 0 0 20px
}

.button-close:hover, .button-top:hover {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
    -webkit-box-shadow: #472d18 0 0 5px;
    box-shadow: #472d18 0 0 5px
}

.button-close .button-cap, .button-top .button-cap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 22px
}

.button-top .top-arrow {
    color: #fff
}

.button-play, .button-top, [data-page=home] .personality-quiz .carousel-buttons {
    display: inline-block;
    position: relative
}

.button-play .play-arrow, .button-top .top-arrow {
    position: relative;
    display: block
}

.button-play .play-arrow-over {
    display: none;
    position: relative
}

.button-play, .button-play-trigger {
    cursor: pointer
}

.desktop-nav {
    position: absolute;
    z-index: 100
}

.desktop-nav nav, .locale-selector-component .button-a .text, .locale-selector-component .button-b .text, .locale-selector-component .button-c .text, [data-page=world] .watch-trailer-wrap.left-position, [data-page=world] .watch-trailer-wrap.right-position {
    text-align: center
}

.desktop-nav nav a.is-active .text {
    color: #fdcb08
}

.desktop-nav nav .button-c, .mobile-nav-shelf .button-a, .mobile-nav-shelf .button-b, .mobile-nav-shelf .button-c, [data-page=gameplay] .two-col .col:nth-child(2n), [data-page=home] .lead-pokemon, [data-page=world] .main-content, [data-page=world] .storage-carousel .carousel-content .two-col .col:nth-child(2n), [data-page=world] .storage-carousel .carousel-content .two-col2 .col:nth-child(2n), [data-page=world] .storage-carousel .carousel-content .two-col3 .col:nth-child(2n) {
    z-index: 2
}

.desktop-nav .logo, .mobile-nav .logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 64px
}

.desktop-nav .logo-paint-shadow-wrap, .mobile-nav .logo-paint-shadow-wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 430px;
    height: 220px;
    pointer-events: none
}

.desktop-nav .logo-paint-shadow, .mobile-nav .logo-paint-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(10%, -6%);
    transform: translate(10%, -6%)
}

.desktop-nav .nav-buy, .box-art-wrap .button-c {
    background-color: #eaa82b
}

.mobile-nav {
    position: absolute;
    top: 1px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    left: 0;
    z-index: 100;
    width: 100%
}

.mobile-nav-open, .mobile-nav-shelf .mobile-nav-close {
    position: absolute;
    top: 64px;
    left: 20px
}

.mobile-nav-open .button-a, .mobile-nav-open .button-b, .mobile-nav-open .button-c {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: .5em;
    padding-bottom: .5em
}

.mobile-nav-shelf {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    display: none
}

.mobile-nav-shelf .grass-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center
}

.mobile-nav-shelf .mobile-nav-close .button-a, .mobile-nav-shelf .mobile-nav-close .button-b, .mobile-nav-shelf .mobile-nav-close .button-c {
    padding-top: .5em;
    padding-bottom: .5em
}

.mobile-nav-shelf nav {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.mobile-nav-shelf .box-art-nav {
    position: relative;
    width: 160px;
    height: 280px;
    text-align: center;
    top: -50px
}

.mobile-nav-shelf .box-art-nav .box-art-paint, .box-art-wrap .box-art-paint {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0
}

.mobile-nav-shelf .box-art-nav .box-art-burst {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50px
}

.mobile-nav-shelf .box-art {
    position: relative;
    top: 60px;
    display: inline-block;
    width: 126px;
    height: 204px
}

.loader-wrap, .sub-path-1, .sub-path-2, .sub-path-3, .sub-path-wrap, .watercolor-fx {
    position: absolute
}

.loader-wrap {
    top: calc(50% - 35.5px);
    left: calc(50% - 30px);
    width: 60px;
    height: 71px;
    -webkit-transition: opacity 750ms;
    transition: opacity 750ms
}

.loader-wrap img {
    width: 100%;
    height: auto;
    -webkit-animation-name: arrow-bounce;
    animation-name: arrow-bounce;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-direction: alternate
}

[data-page=home] .hero .down-arrow-wrapper, [data-page=home] .hero-bg-layer .burst {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -webkit-animation-direction: alternate
}

.loader-wrap .loader-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -45px;
    color: #3f2349;
    text-align: center;
    font-size: 2em;
    font-weight: 900
}

[data-page=home] .hero-mask .hero-mask-frame.hide, [data-page=home] .hero-mask .mask-cover.hide, body.loaded .loader-wrap {
    opacity: 0
}

.watercolor-fx {
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    width: 200px;
    height: 200px
}

@media (max-width: 1023px) and (min-width: 768px) {
    .button-play .play-arrow-over {
        width: 4.39453vw;
        height: 5.66406vw
    }

    .desktop-nav .logo {
        top: 6.25vw;
        width: 32.22656vw;
        height: 18.55469vw
    }

    .desktop-nav .logo-paint-shadow-wrap {
        width: 41.99219vw;
        height: 21.48438vw
    }

    .watercolor-fx {
        width: 19.53125vw;
        height: 19.53125vw;
        left: calc(50% - (100 / 1024 * 100vw))
    }
}

.watercolor-fx [class*=watercolor] {
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0)
}

.is-visible.is-active .watercolor-fx [class*=watercolor] {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg)
}

.sub-page h2 {
    color: #3f2349;
    font-size: 2.2em
}

.sub-page .bold {
    font-weight: 500;
    font-size: 1.4em
}

.sub-page .main-content {
    position: relative;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .mobile-nav {
        display: none
    }

    .sub-page .two-col, .sub-page .two-col2, .sub-page .two-col3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sub-page .two-col .col, .sub-page .two-col2 .col, .sub-page .two-col3 .col {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .sub-page .main-content {
        width: 768px
    }

    [data-page=home] .hero .hero-info {
        width: 700px;
        top: auto;
        bottom: -25px
    }
}

.sub-page .media-thumb {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub-page .media-thumb .img-wrap {
    width: 313px;
    border: 1px solid #4c3210;
    border-radius: 5px;
    overflow: hidden
}

.sub-path-wrap {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 100%
}

.component .grass-bg, .leaving-site-component .grass-bg {
    background-size: cover;
    background-position: top center;
    -webkit-transform: translateX(-50%);
    left: 47%
}

@media (max-width: 1499px) and (min-width: 1024px) {
    .sub-path-wrap {
        width: 1500px
    }
}

.sub-path-1 {
    top: 0;
    width: 720px;
    height: 1131px;
    background-size: 100% auto
}

.sub-path-2 {
    top: 0;
    width: 779px;
    height: 1790px;
    background-size: 100% auto
}

.sub-path-3 {
    top: 0;
    width: 570px;
    height: 1600px;
    background-size: 100% auto
}

footer {
    min-height: 271px;
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center center;
    padding-top: 120px;
    margin-top: -200px;
    color: #49361f;
    z-index: 10;
    pointer-events: none
}

footer .inner {
    pointer-events: auto
}

footer .three-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 10px
}

.component, footer .three-col .col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer .three-col .col {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    text-align: center;
    width: 33%
}

footer .three-col .col.left-align {
    text-align: left
}

footer .three-col .col.right-align {
    text-align: right
}

footer .button-b {
    min-width: 150px;
    text-align: center
}

footer .region-selector {
    font-size: 14px;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

footer .social-bar {
    margin-top: 20px
}

footer .nintendo-logo, footer .pokemon-logo {
    margin: 20px auto 40px
}

footer .esrb-rating {
    margin: 15px auto 25px
}

footer .legal-wrapper {
    text-align: center;
    margin: 20px 30px 40px
}

footer .legal-wrapper p {
    font-size: 1em
}

footer .legal-wrapper p.legal {
    margin: 0;
    padding: 0
}

footer .legal-links {
    text-align: center;
    padding: 0 .5em
}

footer .legal-links a {
    color: #49361f;
    text-decoration: none;
    font-weight: 400
}

.component {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
    z-index: 999999;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    background-color: #cae7b6;
    -ms-flex-direction: column;
    flex-direction: column
}

.component.is-active, .locale-selector-component ul, .scroll-arrow-wrap, .sub-page .media-thumb, [data-page=gameplay] .two-col .col:nth-child(2n) .col-pad, [data-page=world] .storage-carousel .carousel-content .two-col .col:nth-child(2n) .col-pad, [data-page=world] .storage-carousel .carousel-content .two-col2 .col:nth-child(2n) .col-pad, [data-page=world] .storage-carousel .carousel-content .two-col3 .col:nth-child(2n) .col-pad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .component.is-active {
        display: block
    }
}

.component.is-visible, [data-page=home] #mystery-character-mobile.is-visible, [data-page=home] #mystery-character.is-visible, [data-page=home] .classic.is-active.is-visible, [data-page=home] .demo.is-active.is-visible, [data-page=home] .gameplay.is-active.is-visible, [data-page=home] .hero-characters [class*=wrap].is-visible, [data-page=home] .hero-mask-loop .loop-frame.is-visible, [data-page=home] .news.is-active.is-visible, [data-page=home] .partner-selector .options li.is-active, [data-page=home] .partner-selector.is-visible, [data-page=home] .personality-quiz .statements li.is-active, [data-page=home] .personality-quiz.is-visible, [data-page=home].loaded .box-art-wrap, [data-page=home].loaded .hero .down-arrow-wrapper, [data-page=home].loaded .hero .hero-info, [data-page=home].loaded .hero-bg-layer, [data-page=home].loaded .watch-trailer-wrap, [data-page=world] .pokemon-carousel .bullet.is-active [class$=selected] {
    opacity: 1
}

.component .component-wrap {
    position: relative;
    max-width: 1008px;
    margin: 0 auto;
    padding: 40px 5px
}

.component .component-wrap:after, .component .component-wrap:before {
    content: '';
    display: table;
    clear: both
}

.component .grass-bg {
    width: 1456px;
    height: 1080px;
    position: absolute;
    transform: translateX(-50%);
    top: -300px
}

.component .button-close {
    position: absolute;
    bottom: -25px;
    right: -15px;
    cursor: pointer
}

.component .component-header {
    text-align: center;
    position: relative;
    z-index: 2
}

.video-player-component .component-content {
    position: relative;
    z-index: 1;
    margin: 0 auto
}

.video-player-component .video-player {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    background-color: #f1e6af;
    width: 942px;
    height: 529.875px;
    padding: 25px;
    border-radius: 25px;
    border: 3px solid #a7a768
}

.video-player-component .yt-node-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.video-player-component p {
    font-size: 1em;
    text-align: center;
    color: #a48d54
}

.leaving-site-component .component-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    z-index: 1;
    background-color: #f1e6af;
    width: 700px;
    min-height: 280px;
    padding: 25px;
    border-radius: 25px;
    border: 3px solid #a7a768;
    margin: 0 auto
}

.leaving-site-component h4, .leaving-site-component p, .locale-selector-component h4 {
    color: #3f2349;
    font-size: 2em;
    text-align: center;
    margin: 1em auto
}

.leaving-site-component p {
    font-size: 1.2em;
    color: #000;
    width: 70%
}

.leaving-site-component .leaving-site-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.leaving-site-component .grass-bg {
    width: 1165px;
    height: 864px;
    position: absolute;
    transform: translateX(-50%);
    top: -220px
}

.locale-selector-component .component-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    z-index: 1;
    background-color: #f1e6af;
    width: 942px;
    padding: 25px;
    border-radius: 25px;
    border: 3px solid #a7a768;
    margin: 0 auto
}

.locale-selector-component .button-a, .locale-selector-component .button-b, .locale-selector-component .button-c {
    width: 300px
}

@media (max-width: 1023px) and (min-width: 320px) {
    .component .component-wrap {
        padding-top: 3.90625vw;
        padding-left: .48828vw
    }

    .component .grass-bg {
        width: 142.1875vw;
        height: 105.46875vw;
        top: -29.29688vw
    }

    .component .button-close {
        bottom: -2.44141vw;
        right: .48828vw
    }

    .video-player-component .video-player {
        padding: 2.44141vw;
        width: 91.99219vw;
        height: 51.74561vw
    }

    .leaving-site-component .component-content {
        padding: 2.44141vw;
        width: 68.35938vw;
        min-height: 39.0625vw
    }

    .leaving-site-component .grass-bg {
        width: 113.76953vw;
        height: 84.375vw;
        top: -21.48438vw
    }

    .locale-selector-component .component-content {
        padding: 2.44141vw;
        width: 91.99219vw
    }

    .locale-selector-component .button-a, .locale-selector-component .button-b, .locale-selector-component .button-c {
        width: 29.29688vw
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .switch-logo {
        width: 10.41667vw;
        height: 10.41667vw
    }

    .component .component-wrap {
        padding-top: 10.41667vw;
        padding-left: .65104vw
    }

    .locale-selector-component .button-a, .locale-selector-component .button-b, .locale-selector-component .button-c {
        width: 32.55208vw
    }
}

.locale-selector-component h4 {
    margin: 0 auto .4em
}

.locale-selector-component ul {
    list-style: none;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    padding: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.locale-selector-component ul li {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.button-close {
    display: inline-block;
    position: relative;
    background-color: #92765e;
    border: 2px solid #472d18;
    overflow: hidden;
    box-shadow: #472d18 2px 2px 10px;
    -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.button-close .close-x {
    position: relative;
    color: #fff;
    display: block;
    top: 3px;
    width: 54px;
    height: 33px;
    font-size: 1.5em
}

.scroll-arrow-wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1366px;
    bottom: 100px;
    padding: 0 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 100
}

.scroll-arrow-wrap .button-b {
    padding: .6em 1em 0
}

@media (max-width: 373px) {
    .scroll-arrow-wrap .button-b .button-cap {
        opacity: 0
    }
}

@font-face {
    font-family: Livvic;
    font-style: italic;
    font-weight: 400;
    font-display: block;
    src: url(/assets/fonts/livvic-italic-400.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Livvic;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/assets/fonts/livvic-normal-400.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Livvic;
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(/assets/fonts/livvic-normal-500.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Livvic;
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/assets/fonts/livvic-normal-900.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.character-shadow {
    width: 165px;
    height: 39px;
    background-position: 46.3977% 45.4545%;
    background-size: 310.303%
}

.exclamation {
    width: 70px;
    height: 80px;
    background-position: .452489% 96.0648%;
    background-size: 731.429%
}

.mystery-character {
    width: 157px;
    height: 270px;
    background-position: .56338% .826446%;
    background-size: 326.115%
}

.speech-bubble {
    width: 104px;
    height: 123px;
    background-position: 94.6078% 70.437%;
    background-size: 492.308%
}

.speech-bubble-circle {
    width: 25px;
    height: 26px;
    background-position: 67.3511% 44.2387%;
    background-size: 2048%
}

.teaser-paint {
    width: 382px;
    height: 139px;
    background-position: 1.53846% 73.4584%;
    background-size: 134.031%
}

.watch-trailer {
    width: 345px;
    height: 211px;
    background-position: 96.4072% .664452%;
    background-size: 148.406%
}

.alkazam-shadow, .ganga-shadow, .mudkip-shadow, .pikachu-shadow {
    width: 400px;
    height: 400px;
    background-position: 24.5146% .320513%;
    background-size: 512%
}

.ganga-shadow, .mudkip-shadow, .pikachu-shadow {
    background-position: 48.9078% .320513%
}

.mudkip-shadow, .pikachu-shadow {
    background-position: 73.301% .320513%
}

.pikachu-shadow {
    background-position: 97.6942% .320513%
}

.squirtle-shadow, .totodile-shadow, .tyranitar-shadow {
    width: 400px;
    height: 400px;
    background-position: .121359% 64.7436%;
    background-size: 512%
}

.totodile-shadow, .tyranitar-shadow {
    background-position: 24.5146% 64.7436%
}

.tyranitar-shadow {
    background-position: .121359% .320513%
}

@-webkit-keyframes arrow-bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes arrow-bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes float-char {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@keyframes float-char {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@-webkit-keyframes float-shadow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }
}

@keyframes float-shadow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@-webkit-keyframes exclamation {
    0%, 20%, 50%, 70%, to {
        opacity: 0
    }
    25%, 45%, 75%, 95% {
        opacity: 1
    }
}

@keyframes exclamation {
    0%, 20%, 50%, 70%, to {
        opacity: 0
    }
    25%, 45%, 75%, 95% {
        opacity: 1
    }
}

@-webkit-keyframes circ1 {
    0%, 20% {
        opacity: 0
    }
    25%, to {
        opacity: 1
    }
}

@keyframes circ1 {
    0%, 20% {
        opacity: 0
    }
    25%, to {
        opacity: 1
    }
}

@-webkit-keyframes circ2 {
    0%, 45% {
        opacity: 0
    }
    50%, to {
        opacity: 1
    }
}

@keyframes circ2 {
    0%, 45% {
        opacity: 0
    }
    50%, to {
        opacity: 1
    }
}

@-webkit-keyframes circ3 {
    0%, 70% {
        opacity: 0
    }
    75%, to {
        opacity: 1
    }
}

@keyframes circ3 {
    0%, 70% {
        opacity: 0
    }
    75%, to {
        opacity: 1
    }
}

[data-page=home] .pokemon-gus-container {
    position: fixed;
    width: 100%;
    top: 0;
    height: 62px
}

[data-page=home] .desktop-nav.is-absolute, [data-page=home] .pokemon-gus-container.is-absolute {
    position: absolute;
    top: 645px
}

@media (max-width: 1023px) and (min-width: 768px) {
    .sub-page .main-content {
        width: 75vw
    }

    .sub-page .media-thumb .img-wrap {
        width: 30.56641vw
    }

    .sub-path-wrap {
        width: 146.48438vw
    }

    .sub-path-1 {
        width: 70.3125vw;
        height: 110.44922vw
    }

    .sub-path-2 {
        width: 76.07422vw;
        height: 174.80469vw
    }

    .sub-path-3 {
        width: 55.66406vw;
        height: 156.25vw
    }

    .media-thumb {
        width: 33.69141vw;
        height: 20.60547vw
    }

    .button-close .button-cap {
        width: .68359vw;
        height: 2.14844vw
    }

    .button-close .button-cap.left {
        left: .78125vw
    }

    .button-close .button-cap.right {
        right: .78125vw
    }

    .button-close .close-x {
        top: .29297vw;
        width: 5.27344vw;
        height: 3.22266vw
    }

    .scroll-arrow-wrap .top-arrow {
        width: 5.27344vw;
        height: 3.22266vw
    }

    [data-page=home] .pokemon-gus-container.is-absolute {
        top: 62.98828vw
    }
}

@media (max-width: 767px) {
    .desktop-nav, .sub-path-wrap {
        display: none
    }

    footer .three-col {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    footer .three-col .col {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    footer .three-col .col.left-align, footer .three-col .col.right-align {
        text-align: center
    }

    footer .legal-wrapper {
        margin: 20px 10px 40px
    }

    footer .legal-links {
        padding-top: 1em
    }

    .leaving-site-component .component-content {
        width: 90%;
        height: auto;
        margin: 0 auto
    }

    .locale-selector-component .button-a .text, .locale-selector-component .button-b .text, .locale-selector-component .button-c .text {
        font-size: .75em
    }

    .locale-selector-component .button-a .text.small, .locale-selector-component .button-b .text.small, .locale-selector-component .button-c .text.small {
        font-size: .65em
    }

    [data-page=home] .pokemon-gus-container.is-absolute {
        top: 760px
    }
}

[data-page=gameplay] .switch-logo, [data-page=home] .switch-logo, [data-page=news] .switch-logo, [data-page=world] .switch-logo {
    position: fixed;
    text-align: right;
    top: 62px;
    right: 141px;
    z-index: 100
}

[data-page=home] .switch-logo.is-absolute {
    position: absolute;
    top: 645px;
    margin-top: 62px
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .desktop-nav.is-absolute, [data-page=home] .switch-logo.is-absolute {
        top: 62.98828vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .switch-logo.is-absolute {
        top: 760px
    }
}

@media (max-width: 720px) {
    .gus-wrapper, .pokemon-gus-container, [data-page=home] .pokemon-gus-container {
        height: 57px
    }

    .switch-logo, [data-page=home] .switch-logo {
        top: 57px
    }

    [data-page=home] .switch-logo.is-absolute {
        margin-top: 57px
    }
}

[data-page=home] .desktop-nav, [data-page=home] .mobile-nav {
    position: fixed
}

[data-page=home] .mobile-nav.is-absolute {
    position: absolute;
    top: 760px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

[data-page=home] .mobile-nav .coming-soon-text {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 48px;
    width: 250px;
    text-align: center;
    z-index: 2;
    line-height: 2em
}

.it-it [data-page=world] .storage-carousel .carousel-content h2, .pt-pt [data-page=world] .storage-carousel .carousel-content h2, .ru-ru [data-page=home] .h1-orange-gradient, .ru-ru [data-page=world] .storage-carousel .carousel-content h2, [data-page=home] .mobile-nav .coming-soon-text .h2-red {
    font-size: 2em
}

[data-page=home] .mobile-nav .logo {
    top: 150px
}

@media (max-width: 539px) and (min-width: 450px) {
    [data-page=home] .mobile-nav .logo {
        top: 27.77778vw
    }
}

@media (max-width: 449px) and (min-width: 320px) {
    [data-page=home] .mobile-nav .logo {
        top: 31.11111vw
    }
}

@media (min-width: 1024px) {
    [data-page=home] .scroll-wrap {
        height: 4300px
    }

    [data-page=gameplay] .hero-info {
        width: 768px
    }
}

[data-page=home] .hero {
    max-width: 1200px;
    margin: 0 auto;
    height: 1585px
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .scroll-wrap {
        height: 419.92188vw
    }

    [data-page=home] .hero {
        height: 154.78516vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .scroll-wrap {
        height: 6000px
    }

    [data-page=home] .hero {
        height: 2368px;
        background-size: auto 100%;
        background-position: center center
    }
}

[data-page=home] .hero .hero-info {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-transition: opacity 1s 2s;
    transition: opacity 1s 2s;
    opacity: 0
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .hero .hero-info {
        width: 68.35938vw;
        bottom: -2.44141vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .hero .hero-info {
        width: 540px;
        padding-left: 1em;
        padding-right: 1em;
        top: 725px
    }
}

[data-page=home] .hero .down-arrow-wrapper {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 175px;
    width: 72px;
    height: 22px;
    margin-left: -36px;
    -webkit-transition: opacity 1s 2s;
    transition: opacity 1s 2s;
    opacity: 0;
    -webkit-animation-name: arrow-bounce;
    animation-name: arrow-bounce;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-direction: alternate
}

@media (max-width: 1023px) and (min-width: 540px) {
    [data-page=home] .hero .down-arrow-wrapper {
        bottom: 17.08984vw;
        width: 7.03125vw;
        height: 2.14844vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .hero .down-arrow-wrapper {
        bottom: 500px;
        width: 72px;
        height: 22px
    }
}

@media (min-width: 768px) {
    [data-page=home] .hero-mask-loop {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -158px;
        width: 1900px;
        height: 1000px
    }

    [data-page=home] .hero-mask {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -158px;
        width: 1900px;
        height: 1360px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .hero-mask-loop {
        top: -15.42969vw;
        width: 185.54688vw;
        height: 97.65625vw
    }

    [data-page=home] .hero-mask {
        top: -15.42969vw;
        width: 185.54688vw;
        height: 132.8125vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .hero-mask-loop {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -100px;
        width: 1700px;
        height: 895px
    }
}

[data-page=home] .hero-mask-loop .loop-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position: center center;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
    opacity: 0
}

@media (max-width: 767px) {
    [data-page=home] .hero-mask {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -100px;
        width: 1700px;
        height: 1260px
    }
}

[data-page=home] .hero-mask .hero-mask-frame, [data-page=home] .hero-mask .mask-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

[data-page=home] .hero-mask .hero-mask-frame {
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    background-size: 100% auto;
    background-position: center center
}

[data-page=home] .hero-bg-layer {
    opacity: .01;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s
}

@media (min-width: 768px) {
    [data-page=home] .hero-bg-layer {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-repeat: no-repeat;
        background-position: center 100%;
        background-size: 100% auto;
        margin-left: 30px;
        top: -62px;
        width: 1600px;
        height: 1585px
    }

    [data-page=home] .hero-mid-layer {
        position: fixed;
        width: 100%;
        background-repeat: repeat;
        background-color: #fffbf1;
        top: 830px;
        left: 0;
        height: 770px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .hero-bg-layer {
        top: -6.05469vw;
        width: 156.25vw;
        height: 154.78516vw;
        margin-left: 2.92969vw
    }

    [data-page=home] .hero-mid-layer {
        top: 81.05469vw;
        height: 75.19531vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .hero-bg-layer {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        top: 0;
        width: 768px;
        height: 1585px
    }
}

[data-page=home] .hero-bg-layer .burst {
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    top: 470px;
    left: 125px;
    width: 1298px;
    height: 768px;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-direction: alternate;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .hero-bg-layer .burst {
        top: 45.89844vw;
        left: 12.20703vw;
        width: 126.75781vw;
        height: 75vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .hero-bg-layer .burst {
        top: 460px;
        left: -275px
    }
}

[data-page=home] .hero-scene {
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 1600px;
    height: 1585px
}

[data-page=home] .hero-characters [class*=wrap] {
    position: absolute;
    left: calc(50% - 200px);
    top: 0;
    width: 400px;
    height: 400px;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .hero-scene {
        width: 156.25vw;
        height: 154.78516vw
    }

    [data-page=home] .hero-characters [class*=wrap] {
        width: 39.0625vw;
        height: 39.0625vw;
        left: calc(50% - (200 / 1024 * 100vw))
    }
}

@media (max-width: 539px) {
    body, html {
        font-size: 2.96vw
    }

    .watercolor-fx {
        left: calc(50% - (100 / 540 * 100vw))
    }

    [data-page=home] .hero-characters [class*=wrap] {
        left: calc(50% - (200 / 540 * 100vw))
    }
}

[data-page=home] .hero-characters [class*=wrap] div {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

[data-page=home] .hero-characters [class*=wrap] .char-img {
    background-size: 100% auto;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

[data-page=home] .hero-characters [class*=wrap] .char-shadow {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

[data-page=home] .hero-characters [class*=wrap].is-resolved .char-img {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

[data-page=home] .hero-characters [class*=wrap].is-resolved .char-shadow, [data-page=world] .pokemon-carousel .bullet.is-active .blue-circle {
    -webkit-transform: scale(1);
    transform: scale(1)
}

[data-page=home] .hero-characters .gangar-wrap {
    -webkit-transform: translate(11%, 45%);
    transform: translate(11%, 45%)
}

[data-page=home] .hero-characters .tyranitar-wrap {
    -webkit-transform: translate(67%, 46%);
    transform: translate(67%, 46%)
}

[data-page=home] .hero-characters .alkazam-wrap {
    -webkit-transform: translate(-67%, 55%);
    transform: translate(-67%, 55%)
}

[data-page=home] .hero-characters .pikachu-wrap {
    -webkit-transform: translate(-37.5%, 75.75%);
    transform: translate(-37.5%, 75.75%)
}

[data-page=home] .hero-characters .squirtle-wrap {
    -webkit-transform: translate(-5.75%, 92.5%);
    transform: translate(-5.75%, 92.5%)
}

[data-page=home] .hero-characters .mudkip-wrap {
    -webkit-transform: translate(-61.5%, 104%);
    transform: translate(-61.5%, 104%)
}

[data-page=home] .hero-characters .totodile-wrap {
    -webkit-transform: translate(45%, 106%);
    transform: translate(45%, 106%)
}

[data-page=home] #gangar.is-floating div, [data-page=home] #mudkip.is-jumping div, [data-page=home] #pikachu.is-jumping div, [data-page=home] #squirtle.is-jumping div, [data-page=home] #totodile.is-jumping div {
    -webkit-transition: none;
    transition: none
}

[data-page=home] #gangar.is-floating .char-img, [data-page=home] #gangar.is-floating [class*=shadow] {
    -webkit-animation-name: float-char;
    animation-name: float-char;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

[data-page=home] #gangar.is-floating [class*=shadow], [data-page=home] #mudkip.is-jumping .char-shadow, [data-page=home] #pikachu.is-jumping .char-shadow, [data-page=home] #squirtle.is-jumping .char-shadow, [data-page=home] #totodile.is-jumping .char-shadow {
    -webkit-animation-name: float-shadow;
    animation-name: float-shadow
}

[data-page=home] #mudkip.is-jumping .char-img, [data-page=home] #mudkip.is-jumping .char-shadow, [data-page=home] #pikachu.is-jumping .char-img, [data-page=home] #pikachu.is-jumping .char-shadow, [data-page=home] #squirtle.is-jumping .char-img, [data-page=home] #squirtle.is-jumping .char-shadow, [data-page=home] #totodile.is-jumping .char-img, [data-page=home] #totodile.is-jumping .char-shadow {
    -webkit-animation-name: float-char;
    animation-name: float-char;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@media (max-width: 767px) {
    [data-page=home] .hero-mid-layer {
        position: fixed;
        width: 100%;
        background-repeat: repeat;
        background-color: #fffbf1;
        top: 880px;
        height: 830px
    }
}

@media (min-width: 768px) {
    [data-page=home] .hero-fg-layer {
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 1200px;
        height: 804px;
        position: fixed;
        top: 62px
    }

    [data-page=home] .hero-fg-layer.is-absolute {
        position: absolute;
        top: 645px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .hero-fg-layer {
        height: 78.51562vw
    }

    [data-page=home] .hero-fg-layer.is-absolute {
        top: 62.98828vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .hero-fg-layer {
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 1200px;
        position: fixed;
        top: 62px
    }

    [data-page=home] .hero-fg-layer.is-absolute {
        position: absolute;
        top: 764px
    }
}

[data-page=home] .hero-fg-layer.after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: auto;
    bottom: -4px
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .hero-fg-layer.after {
        bottom: -.39062vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .hero-fg-layer.after {
        bottom: -4px
    }

    [data-page=home] .watch-trailer-wrap .media-paint {
        display: none
    }
}

[data-page=home] .watch-trailer-wrap {
    text-align: center;
    opacity: 0
}

@media (min-width: 768px) {
    [data-page=home] .watch-trailer-wrap .media-paint {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -132px
    }

    [data-page=home] .watch-trailer-wrap .coming-soon-text {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 100%;
        width: 100%;
        padding: 0 1em
    }

    [data-page=home] .watch-trailer-wrap {
        position: absolute;
        bottom: 360px;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-transition: opacity 1s 2s, -webkit-transform .5s 2s;
        transition: opacity 1s 2s, transform .5s 2s, -webkit-transform .5s 2s
    }

    [data-page=home].loaded .watch-trailer-wrap {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .watch-trailer-wrap .media-paint {
        width: 37.59766vw;
        height: 19.82422vw;
        top: -12.89062vw
    }

    [data-page=home] .watch-trailer-wrap {
        bottom: 25.39062vw;
        left: .97656vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .watch-trailer-wrap .coming-soon-text {
        display: none
    }

    [data-page=home] .watch-trailer-wrap {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 1300px;
        -webkit-transition: opacity 1s 2s;
        transition: opacity 1s 2s
    }
}

[data-page=home] .watch-trailer .button-play, [data-page=home] .watch-trailer .inline-video, [data-page=world] .media-thumb-orange .button-play, [data-page=world] .media-thumb-orange .inline-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

[data-page=home] .watch-trailer .inline-video, [data-page=world] .media-thumb-orange .inline-video {
    width: 314px;
    height: 180px
}

[data-page=home] .teaser-paint {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -40px
}

.box-art-wrap {
    width: 164px;
    height: 280px;
    text-align: center;
    opacity: 0
}

@media (min-width: 768px) {
    .box-art-wrap {
        position: absolute;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        top: 100px;
        right: 10px;
        -webkit-transition: opacity 1s 2s, -webkit-transform .5s 2s;
        transition: opacity 1s 2s, transform .5s 2s, -webkit-transform .5s 2s
    }

    [data-page=home].loaded .box-art-wrap {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.box-art-wrap .box-art-burst {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.box-art-wrap .box-art-burst-wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -80px;
    width: 340px;
    height: 213px
}

.box-art-wrap .box-art {
    display: inline-block;
    position: relative;
    left: 0;
    background-size: 100% auto;
    width: 126px;
    height: 204px
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .teaser-paint {
        bottom: -3.90625vw;
        width: 37.30469vw;
        height: 13.57422vw
    }

    .box-art-wrap {
        width: 16.01562vw;
        height: 27.34375vw;
        top: 9.76562vw;
        right: .97656vw
    }

    .box-art-wrap .box-art-paint {
        width: 25.29297vw;
        height: 28.71094vw
    }

    .box-art-wrap .box-art-burst-wrap {
        top: -8.11719vw;
        width: 33.20312vw;
        height: 20.80078vw
    }

    .box-art-wrap .box-art {
        width: 12.30469vw;
        height: 19.92188vw
    }
}

@media (max-width: 767px) {
    .box-art-wrap {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 975px;
        -webkit-transition: opacity 1s 2s;
        transition: opacity 1s 2s
    }
}

[data-page=home] .trail {
    position: fixed;
    left: 0;
    width: 100%
}

@media (min-width: 768px) {
    [data-page=home] .trail {
        top: 62px
    }

    [data-page=home] .trail .trail-inner {
        top: 772px
    }

    [data-page=home] .trail.is-absolute {
        position: absolute;
        top: 0
    }

    [data-page=home] .trail.is-absolute .trail-inner {
        top: 1418px
    }
}

@media (max-width: 767px) {
    [data-page=home] .trail {
        top: 1550px
    }

    [data-page=home] .trail.is-absolute {
        position: absolute;
        top: 2252px
    }
}

[data-page=home] .trail-inner {
    position: relative;
    width: 100%;
    left: 0
}

[data-page=home] .trail-scene {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: 100% auto
}

@media (min-width: 768px) {
    [data-page=home] .trail-scene {
        width: 1200px;
        height: 2915px;
        top: 50px
    }

    [data-page=home] .quiz-wrap {
        top: 60px;
        width: 900px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .trail .trail-inner {
        top: 75.39062vw
    }

    [data-page=home] .trail.is-absolute .trail-inner {
        top: 138.47656vw
    }

    [data-page=home] .trail-scene {
        width: 117.1875vw;
        height: 284.66797vw;
        top: 4.88281vw
    }
}

@media (max-width: 767px) {
    [data-page=home] .trail-inner {
        top: 0
    }

    [data-page=home] .trail-scene {
        top: 550px;
        width: 768px;
        height: 3071px
    }
}

[data-page=home] .quiz-wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

[data-page=home] .quiz-wrap .h2-dark {
    margin-bottom: 0
}

[data-page=home] .quiz-wrap .two-col .col.left p, [data-page=home] .quiz-wrap .two-col2 .col.left p, [data-page=home] .quiz-wrap .two-col3 .col.left p {
    width: 400px;
    margin-left: auto;
    margin-right: auto
}

[data-page=home] .quiz-wrap .two-col .col-pad, [data-page=home] .quiz-wrap .two-col2 .col-pad, [data-page=home] .quiz-wrap .two-col3 .col-pad {
    padding: 1em;
    position: relative
}

[data-page=home] .quiz-wrap .two-col .col-pad p:first-child {
    margin-top: 0
}

[data-page=home] .personality-quiz {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

[data-page=home] .personality-quiz p {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

[data-page=home] .personality-quiz .statements {
    position: relative;
    width: 340px;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    list-style: none
}

[data-page=home] .personality-quiz .statements li {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    opacity: 0;
    font-weight: 500;
    font-size: 1.6em
}

[data-page=home] .personality-quiz .bullet-selector {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30px;
    width: 80px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

[data-page=home] .personality-quiz .bullet-selector li, [data-page=world] .storage-carousel .bullet-selector li {
    width: 15px;
    height: 15px;
    background-color: #0097dc;
    border-radius: 50%;
    border-bottom-color: #000;
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: #472d18 2px 2px 10px;
    box-shadow: #472d18 2px 2px 10px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

[data-page=home] .personality-quiz .bullet-selector li.fire {
    background-color: #b23e3e
}

[data-page=home] .personality-quiz .bullet-selector li.grass {
    background-color: #03a23a
}

[data-page=home] .personality-quiz .bullet-selector li.water {
    background-color: #0e76b7
}

[data-page=home] .personality-quiz .bullet-selector li.black {
    background-color: #151212
}

[data-page=home] .personality-quiz .bullet-selector li.is-active, [data-page=world] .storage-carousel .bullet-selector li.is-active {
    background-color: #f4c221
}

[data-page=home] .personality-quiz .bullet-selector li:hover, [data-page=world] .storage-carousel .bullet-selector li:hover {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
    -webkit-box-shadow: #472d18 0 0 5px;
    box-shadow: #472d18 0 0 5px
}

[data-page=home] .personality-quiz .arrow-selectors, [data-page=world] .pokemon-carousel .arrow-selectors, [data-page=world] .storage-carousel .arrow-selectors {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[data-page=home] .personality-quiz .arrow-selectors .arrow-left, [data-page=home] .personality-quiz .arrow-selectors .arrow-right {
    width: 32px;
    height: 37px
}

[data-page=home] .partner-selector {
    display: none;
    opacity: 0;
    position: relative;
    margin: 0 auto;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

[data-page=home] .partner-selector .result-name {
    font-weight: 700;
    font-size: 1.6em
}

[data-page=home] .partner-selector .options {
    position: absolute;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (min-width: 768px) {
    [data-page=home] .quiz-wrap .two-col, [data-page=home] .quiz-wrap .two-col2, [data-page=home] .quiz-wrap .two-col3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    [data-page=home] .quiz-wrap .two-col .col, [data-page=home] .quiz-wrap .two-col2 .col, [data-page=home] .quiz-wrap .two-col3 .col {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    [data-page=home] .partner-selector {
        width: 340px
    }

    [data-page=home] .partner-selector .options {
        bottom: 25px
    }

    [data-page=home] .demo {
        top: 760px
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .quiz-wrap {
        width: 87.89062vw;
        top: 5.85938vw
    }

    [data-page=home] .quiz-wrap .two-col .col.left p, [data-page=home] .quiz-wrap .two-col2 .col.left p, [data-page=home] .quiz-wrap .two-col3 .col.left p {
        width: 39.0625vw
    }

    [data-page=home] .partner-selector, [data-page=home] .personality-quiz p {
        width: 33.20312vw
    }

    [data-page=home] .personality-quiz .statements {
        width: 33.20312vw;
        height: 9.76562vw
    }

    [data-page=home] .personality-quiz .bullet-selector {
        width: 7.8125vw;
        top: 2.92969vw
    }

    [data-page=home] .personality-quiz .bullet-selector li {
        width: 1.46484vw;
        height: 1.46484vw
    }

    [data-page=home] .personality-quiz .arrow-selectors .arrow-left, [data-page=home] .personality-quiz .arrow-selectors .arrow-right {
        width: 3.125vw;
        height: 3.61328vw
    }

    [data-page=home] .partner-selector .options {
        bottom: 2.44141vw
    }
}

[data-page=home] .partner-selector .options li {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    font-weight: 700;
    font-size: 1.4em;
    opacity: 0
}

[data-page=home] .partner-selector .arrow-selectors {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767px) {
    [data-page=home] .quiz-wrap {
        top: 100px;
        width: 540px
    }

    [data-page=home] .quiz-wrap .two-col .col, [data-page=home] .quiz-wrap .two-col2 .col, [data-page=home] .quiz-wrap .two-col3 .col {
        width: 100%
    }

    [data-page=home] .partner-selector {
        width: 500px
    }

    [data-page=home] .partner-selector .options {
        bottom: 32px
    }

    [data-page=home] .partner-selector .arrow-selectors {
        width: 400px;
        margin-left: auto;
        margin-right: auto
    }

    [data-page=home] .info {
        width: 440px;
        margin: 0 auto;
        text-align: center
    }
}

@media (max-width: 767px) and (max-width: 499px) and (min-width: 320px) {
    [data-page=home] .partner-selector .arrow-selectors {
        width: 80vw
    }
}

[data-page=home] .info {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

[data-page=home] .info .h2-dark {
    margin: 0
}

[data-page=home] .info p {
    position: relative;
    margin: .4em 0 .8em
}

[data-page=home] .classic, [data-page=home] .demo, [data-page=home] .gameplay, [data-page=home] .news {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 768px) {
    [data-page=home] .demo .info {
        position: relative;
        text-align: center;
        width: 400px;
        left: 260px;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }

    [data-page=home] .gameplay {
        top: 1250px
    }
}

@media (min-width: 768px) {
    [data-page=home] .gameplay .info {
        position: relative;
        text-align: center;
        width: 400px;
        right: 180px;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }

    [data-page=home] .classic {
        top: 1900px
    }
}

@media (min-width: 768px) {
    [data-page=home] .classic .info {
        position: relative;
        text-align: center;
        width: 400px;
        left: 260px;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }

    [data-page=home] .news {
        top: 2400px
    }
}

@media (min-width: 768px) {
    [data-page=home] .news .info {
        position: relative;
        text-align: center;
        width: 400px;
        right: 250px;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }

    [data-page=home] #pokemon-characters-desktop {
        opacity: 1
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .demo {
        top: 74.21875vw
    }

    [data-page=home] .classic .info, [data-page=home] .demo .info {
        width: calc(400 / 1024 * 100vw);
        left: calc(260 / 1024 * 100vw)
    }

    [data-page=home] .gameplay {
        top: 122.07031vw
    }

    [data-page=home] .gameplay .info {
        width: calc(400 / 1024 * 100vw);
        right: calc(180 / 1024 * 100vw)
    }

    [data-page=home] .classic {
        top: 185.54688vw
    }

    [data-page=home] .news {
        top: 234.375vw
    }

    [data-page=home] .news .info {
        width: calc(400 / 1024 * 100vw);
        right: calc(250 / 1024 * 100vw)
    }
}

[data-page=home] .classic, [data-page=home] .demo, [data-page=home] .gameplay, [data-page=home] .news {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

[data-page=home] .classic.is-active.is-visible .info, [data-page=home] .demo.is-active.is-visible .info, [data-page=home] .gameplay.is-active.is-visible .info, [data-page=home] .news.is-active.is-visible .info {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

[data-page=home] .pokemon-characters {
    opacity: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 280px;
    height: 100%;
    top: 0
}

[data-page=home] .pokemon-characters .graphic, [data-page=home] .pokemon-characters .graphics, [data-page=home] .pokemon-characters .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

[data-page=home] .pokemon-characters .graphic, [data-page=world] .mid-scene-wrap .mid-scene {
    background-size: 100% auto
}

[data-page=home] .lead-pokemon, [data-page=home] .partner-pokemon, [data-page=home] .trail-pokemon {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 280px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

[data-page=home] .lead-pokemon .graphic, [data-page=home] .partner-pokemon .graphic {
    display: none;
    -webkit-transition: opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275), opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transform: scale(.25);
    transform: scale(.25);
    opacity: 0
}

[data-page=home] .lead-pokemon .graphic.is-visible, [data-page=home] .partner-pokemon .graphic.is-visible, [data-page=world] .pokemon-carousel .item.is-visible .pokemon {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

[data-page=home] .exclamation {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

[data-page=home] .show-exclamation .exclamation {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-name: exclamation;
    animation-name: exclamation
}

[data-page=home] .circ-1, [data-page=home] .circ-2, [data-page=home] .circ-3 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

[data-page=home] .circ-1 {
    -webkit-animation-name: circ1;
    animation-name: circ1
}

[data-page=home] .circ-2 {
    -webkit-animation-name: circ2;
    animation-name: circ2
}

[data-page=home] .circ-3 {
    -webkit-animation-name: circ3;
    animation-name: circ3
}

[data-page=home] .trail-pokemon .character-shadow-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 165px;
    height: 39px
}

[data-page=home] #mystery-character, [data-page=home] .trail-pokemon .speech-bubble-wrap {
    top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 104px;
    height: 123px
}

[data-page=home] .trail-pokemon .speech-bubble-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transition: opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275), opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275)
}

[data-page=home] .trail-pokemon .speech-bubble {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 40%;
    padding-left: 6%;
    padding-right: 7%
}

[data-page=home] .trail-pokemon.Treecko .character-shadow {
    -webkit-transform: translate(5%, 326%);
    transform: translate(5%, 326%)
}

[data-page=home] .trail-pokemon.Treecko .speech-bubble {
    -webkit-transform: translate(0, -84%);
    transform: translate(0, -84%)
}

[data-page=home] .trail-pokemon.Squirtle .character-shadow {
    -webkit-transform: translate(-5%, 312%);
    transform: translate(-5%, 312%)
}

[data-page=home] .trail-pokemon.Squirtle .speech-bubble {
    -webkit-transform: translate(0, -64%);
    transform: translate(0, -64%)
}

[data-page=home] .trail-pokemon.Bulbasaur .character-shadow {
    -webkit-transform: translate(4%, 250%);
    transform: translate(4%, 250%)
}

[data-page=home] .trail-pokemon.Bulbasaur .speech-bubble {
    -webkit-transform: translate(0, -54%);
    transform: translate(0, -54%)
}

[data-page=home] .trail-pokemon.Cubone .character-shadow {
    -webkit-transform: translate(2%, 284%);
    transform: translate(2%, 284%)
}

[data-page=home] .trail-pokemon.Cubone .speech-bubble {
    -webkit-transform: translate(0, -70%);
    transform: translate(0, -70%)
}

[data-page=gameplay] .sub-path-wrap .character-wrap.is-visible .graphic, [data-page=home] .trail-pokemon.show-speech-bubble .speech-bubble-inner, [data-page=news] .sub-path-wrap .character-wrap.is-visible .graphic, [data-page=world] .sub-path-wrap .character-wrap.is-visible .graphic {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

[data-page=home] #mystery-character {
    width: 157px;
    height: 270px;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    opacity: 0
}

[data-page=home] #mystery-character-mobile {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 157px;
    height: 270px;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    opacity: 0
}

[data-page=gameplay] .sub-path-wrap, [data-page=home] .Cubone, [data-page=home] .Squirtle, [data-page=news] .sub-path-wrap, [data-page=world] .sub-path-wrap {
    z-index: 3
}

.de-de [data-page=home] .h1-orange-gradient, .it-it [data-page=world] .h1-orange-gradient, .pt-pt [data-page=home] .h1-orange-gradient {
    font-size: 2.5em
}

.de-de [data-page=home] .watch-trailer-wrap .h2-red, .es-es [data-page=home] .watch-trailer-wrap .h2-red, .es-mx [data-page=home] .watch-trailer-wrap .h2-red, .fr-be [data-page=home] .watch-trailer-wrap .h2-red, .fr-ca [data-page=home] .watch-trailer-wrap .h2-red, .fr-fr [data-page=home] .watch-trailer-wrap .h2-red, .it-it [data-page=home] .watch-trailer-wrap .h2-red, .pt-pt [data-page=home] .watch-trailer-wrap .h2-red {
    font-size: 2.2em
}

.de-de [data-page=home] .trail .h2-dark, .es-es [data-page=home] .trail .h2-dark, .es-mx [data-page=home] .trail .h2-dark, .ru-ru [data-page=home] .trail .h2-dark {
    font-size: 1.6em
}

.es-es [data-page=home] .h1-orange-gradient, .es-mx [data-page=home] .h1-orange-gradient, .fr-be [data-page=home] .h1-orange-gradient, .fr-ca [data-page=home] .h1-orange-gradient, .fr-fr [data-page=home] .h1-orange-gradient, .it-it [data-page=home] .h1-orange-gradient, .nl-be [data-page=home] .h1-orange-gradient, .nl-nl [data-page=home] .h1-orange-gradient {
    font-size: 2.7em
}

.nl-be [data-page=home] .watch-trailer-wrap .h2-red, .nl-nl [data-page=home] .watch-trailer-wrap .h2-red {
    font-size: 1.8em
}

.nl-be .home-buy-button, .nl-nl .home-buy-button {
    font-size: .85em
}

.fr-be [data-page=gameplay] .sub-page h2, .fr-ca [data-page=gameplay] .sub-page h2, .fr-fr [data-page=gameplay] .sub-page h2, .nl-be [data-page=gameplay] .sub-page h2, .nl-nl [data-page=gameplay] .sub-page h2 {
    font-size: 1.9em
}

.fr-be [data-page=home] .watch-trailer-wrap .dark-bold, .fr-ca [data-page=home] .watch-trailer-wrap .dark-bold, .fr-fr [data-page=home] .watch-trailer-wrap .dark-bold {
    font-size: 1.3em
}

.fr-be [data-page=home] .demo .button-a, .fr-be [data-page=world] .storage-carousel .carousel-content p, .fr-ca [data-page=home] .demo .button-a, .fr-ca [data-page=world] .storage-carousel .carousel-content p, .fr-fr [data-page=home] .demo .button-a, .fr-fr [data-page=world] .storage-carousel .carousel-content p, .it-it [data-page=world] .storage-carousel .carousel-content p, .ru-ru [data-page=world] .storage-carousel .carousel-content p {
    font-size: 1.1em
}

.pt-pt [data-page=home] .trail .h2-dark {
    font-size: 2.1em
}

.pt-pt .home-buy-button, .ru-ru .home-buy-button {
    font-size: .8em
}

.ru-ru .desktop-nav nav {
    font-size: .9em
}

.ru-ru [data-page=home] .watch-trailer-wrap .h2-red {
    font-size: 2em;
    line-height: 1em
}

.ru-ru [data-page=home] .mobile-nav .coming-soon-text .h2-red {
    font-size: 1.8em;
    line-height: .9em
}

.ru-ru [data-page=gameplay] .sub-page h2 {
    font-size: 1.7em
}

.ru-ru [data-page=world] .h1-orange-gradient {
    font-size: 2.3em
}

[data-page=gameplay] .sub-path-wrap .a {
    right: 0;
    -webkit-transform: translate(12%, -40%);
    transform: translate(12%, -40%)
}

[data-page=gameplay] .sub-path-wrap .b {
    left: 0;
    -webkit-transform: translate(-40%, 60%) scaleX(-1);
    transform: translate(-40%, 60%) scaleX(-1)
}

[data-page=gameplay] .sub-path-wrap .c {
    right: 0;
    -webkit-transform: translate(40%, 88%) scaleX(-1);
    transform: translate(40%, 88%) scaleX(-1)
}

[data-page=gameplay] .sub-path-wrap .character-wrap, [data-page=news] .sub-path-wrap .character-wrap, [data-page=world] .sub-path-wrap .character-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 280px
}

[data-page=gameplay] .sub-path-wrap .character-wrap div, [data-page=news] .sub-path-wrap .character-wrap div, [data-page=world] .sub-path-wrap .character-wrap div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto
}

[data-page=gameplay] .sub-path-wrap .character-wrap .graphic, [data-page=news] .sub-path-wrap .character-wrap .graphic, [data-page=world] .sub-path-wrap .character-wrap .graphic {
    opacity: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transition: opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275), opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275)
}

[data-page=gameplay] .sub-path-wrap .character-wrap.anchor-right, [data-page=news] .sub-path-wrap .character-wrap.anchor-right, [data-page=world] .sub-path-wrap .character-wrap.anchor-right {
    left: auto;
    right: 0
}

[data-page=gameplay] .sub-path-wrap .char-a .inner {
    -webkit-transform: translate(5%, 116%);
    transform: translate(5%, 116%)
}

[data-page=gameplay] .sub-path-wrap .char-a .graphic, [data-page=gameplay] .sub-path-wrap .char-c .graphic, [data-page=gameplay] .sub-path-wrap .char-e .graphic, [data-page=news] .sub-path-wrap .char-a .graphic, [data-page=world] .sub-path-wrap .char-a .graphic, [data-page=world] .sub-path-wrap .char-c .graphic, [data-page=world] .sub-path-wrap .char-e .graphic {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

[data-page=gameplay] .sub-path-wrap .char-b .inner {
    -webkit-transform: translate(2%, 182%);
    transform: translate(2%, 182%)
}

[data-page=gameplay] .sub-path-wrap .char-b .graphic, [data-page=gameplay] .sub-path-wrap .char-d .graphic, [data-page=gameplay] .sub-path-wrap .char-f .graphic, [data-page=news] .sub-path-wrap .char-b .graphic, [data-page=world] .sub-path-wrap .char-b .graphic, [data-page=world] .sub-path-wrap .char-d .graphic, [data-page=world] .sub-path-wrap .char-f .graphic {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-page=gameplay] .sub-path-wrap .char-c .inner {
    -webkit-transform: translate(-8%, 398%);
    transform: translate(-8%, 398%)
}

[data-page=gameplay] .sub-path-wrap .char-d .inner {
    -webkit-transform: translate(30%, 442%);
    transform: translate(30%, 442%)
}

[data-page=gameplay] .sub-path-wrap .char-e .inner {
    -webkit-transform: translate(-22%, 710%);
    transform: translate(-22%, 710%)
}

[data-page=gameplay] .sub-path-wrap .char-f .inner {
    -webkit-transform: translate(-35%, 760%);
    transform: translate(-35%, 760%)
}

[data-page=gameplay] .hero {
    padding-top: 540px;
    text-align: center;
    margin-bottom: 3em
}

[data-page=gameplay] .hero-scene {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 1331px;
    height: 860px;
    background-size: 100% auto
}

[data-page=article] .hero-info, [data-page=gameplay] .hero-info, [data-page=news] .hero-info, [data-page=world] .hero-info {
    position: relative;
    margin: 0 auto
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=home] .pokemon-characters {
        width: 27.34375vw
    }

    [data-page=gameplay] .sub-path-wrap .character-wrap, [data-page=home] .lead-pokemon, [data-page=home] .partner-pokemon, [data-page=home] .trail-pokemon {
        width: 27.34375vw;
        height: 27.34375vw
    }

    [data-page=home] .exclamation {
        width: 6.83594vw;
        height: 7.8125vw
    }

    [data-page=home] .trail-pokemon .character-shadow-wrap {
        width: 16.11328vw;
        height: 3.80859vw
    }

    [data-page=home] .trail-pokemon .speech-bubble-wrap {
        width: 10.15625vw;
        height: 12.01172vw
    }

    [data-page=home] .trail-pokemon .speech-bubble-circle {
        width: 2.44141vw;
        height: 2.53906vw
    }

    [data-page=home] #mystery-character {
        width: 15.33203vw;
        height: 26.36719vw
    }

    [data-page=gameplay] .hero {
        padding-top: 52.73438vw
    }

    [data-page=gameplay] .hero-scene {
        width: 129.98047vw;
        height: 83.98438vw
    }

    [data-page=gameplay] .hero-info {
        width: 75vw
    }
}

@media (min-width: 768px) {
    [data-page=home] .mystery-character {
        -webkit-transform: translate(-20%, 132%);
        transform: translate(-20%, 132%)
    }

    [data-page=home] #lead-pokemon {
        -webkit-transform: translate(-16%, 128%);
        transform: translate(-16%, 128%)
    }

    [data-page=home] #partner-pokemon {
        -webkit-transform: translate(40%, 138%);
        transform: translate(40%, 138%)
    }

    [data-page=home] .Treecko {
        -webkit-transform: translate(-118%, 236%);
        transform: translate(-118%, 236%)
    }

    [data-page=home] .Squirtle {
        -webkit-transform: translate(154%, 440%);
        transform: translate(154%, 440%)
    }

    [data-page=home] .Bulbasaur {
        -webkit-transform: translate(-102%, 628%);
        transform: translate(-102%, 628%)
    }

    [data-page=home] .Cubone {
        -webkit-transform: translate(120%, 843%);
        transform: translate(120%, 843%)
    }

    [data-page=gameplay] .hero-info p {
        padding-left: 4em;
        padding-right: 4em
    }

    [data-page=gameplay] .two-col .col:nth-child(2n) .col-pad {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 2em;
        margin-bottom: 4em
    }
}

@media (max-width: 767px) {
    [data-page=home] .demo {
        top: 1200px
    }

    [data-page=home] .gameplay {
        top: 1900px
    }

    [data-page=home] .classic .trigger, [data-page=home] .gameplay .trigger {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    [data-page=home] .classic {
        top: 2600px
    }

    [data-page=home] .news {
        top: 3250px
    }

    [data-page=home] #pokemon-characters-mobile {
        opacity: 1
    }

    [data-page=home] .mystery-character {
        -webkit-transform: translate(0, 255%);
        transform: translate(0, 255%)
    }

    [data-page=home] #lead-pokemon-mobile {
        -webkit-transform: translate(-24%, 246%);
        transform: translate(-24%, 246%)
    }

    [data-page=home] #partner-pokemon-mobile {
        -webkit-transform: translate(32%, 238%);
        transform: translate(32%, 238%)
    }

    .de-de [data-page=world] .bottom-content h2, .nl-be [data-page=home] .mobile-nav .coming-soon-text .h2-red, .nl-nl [data-page=home] .mobile-nav .coming-soon-text .h2-red, .ru-ru [data-page=world] .bottom-content h2 {
        font-size: 1.6em
    }

    .nl-be [data-page=home] .mobile-nav .coming-soon-text, .nl-nl [data-page=home] .mobile-nav .coming-soon-text {
        top: 56px
    }

    .ru-ru [data-page=world] .h1-orange-gradient {
        font-size: 2em
    }

    [data-page=gameplay] .hero-info {
        max-width: 540px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1em;
        padding-right: 1em
    }

    [data-page=gameplay] .hero-info p, [data-page=gameplay] .two-col {
        width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

[data-page=gameplay] .main-content p {
    position: relative;
    z-index: 2
}

[data-page=gameplay] .mid-scene-wrap {
    position: relative;
    width: 100%;
    height: 620px
}

[data-page=article] .hero-scene, [data-page=gameplay] .mid-scene, [data-page=news] .hero-scene {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 1328px;
    height: 863px;
    background-size: 100% auto
}

@media (max-width: 767px) and (max-width: 539px) and (min-width: 320px) {
    [data-page=home] .pokemon-gus-container.is-absolute, [data-page=home] .switch-logo.is-absolute {
        top: 140.74074vw
    }

    [data-page=home] .hero {
        height: 438.51852vw
    }

    [data-page=home] .hero .hero-info {
        top: 134.25926vw;
        width: 100vw
    }

    [data-page=home] .hero .down-arrow-wrapper {
        bottom: 92.59259vw;
        width: 13.33333vw;
        height: 4.07407vw
    }

    [data-page=home] .hero-mask-loop {
        top: -18.51852vw;
        width: 314.81481vw;
        height: 165.74074vw
    }

    [data-page=home] .hero-mask {
        top: -18.51852vw;
        width: 314.81481vw;
        height: 233.33333vw
    }

    [data-page=home] .hero-bg-layer {
        top: 0;
        width: 142.22222vw;
        height: 293.51852vw
    }

    [data-page=home] .hero-bg-layer .burst {
        top: 85.18519vw;
        left: -50.92593vw;
        width: 240.37037vw;
        height: 142.22222vw
    }

    [data-page=home] .hero-mid-layer {
        top: 162.96296vw;
        height: 153.7037vw
    }

    [data-page=home] .hero-fg-layer {
        height: 222.22222vw
    }

    [data-page=home] .hero-fg-layer.is-absolute {
        top: 141.48148vw
    }

    [data-page=home] .hero-fg-layer.after {
        bottom: -.74074vw
    }

    [data-page=home] .watch-trailer-wrap {
        top: 240.74074vw
    }

    .box-art-wrap {
        top: 207.55556vw
    }

    [data-page=home] .trail {
        top: 287.03704vw
    }

    [data-page=home] .trail.is-absolute {
        top: 417.03704vw
    }

    [data-page=home] .trail-scene {
        width: 142.22222vw;
        height: 568.7037vw;
        top: 101.85185vw
    }

    [data-page=gameplay] .hero-info p, [data-page=gameplay] .two-col {
        width: 74.07407vw
    }
}

[data-page=gameplay] .bottom-content {
    margin-bottom: 12em;
    z-index: 4
}

[data-page=world] .sub-path-wrap .a {
    right: 0;
    -webkit-transform: translate(30%, 20%);
    transform: translate(30%, 20%)
}

[data-page=world] .sub-path-wrap .b {
    left: 0;
    -webkit-transform: translate(-32%, 60%);
    transform: translate(-32%, 60%)
}

[data-page=world] .sub-path-wrap .c {
    right: 0;
    -webkit-transform: translate(6%, 192%);
    transform: translate(6%, 192%)
}

[data-page=world] .sub-path-wrap .char-a .inner {
    -webkit-transform: translate(-20%, 254%);
    transform: translate(-20%, 254%)
}

[data-page=world] .sub-path-wrap .char-b .inner {
    -webkit-transform: translate(-48%, 296%);
    transform: translate(-48%, 296%)
}

[data-page=world] .sub-path-wrap .char-c .inner {
    -webkit-transform: translate(45%, 525%);
    transform: translate(45%, 525%)
}

[data-page=world] .sub-path-wrap .char-d .inner {
    -webkit-transform: translate(54%, 584%);
    transform: translate(54%, 584%)
}

[data-page=world] .sub-path-wrap .char-e .inner {
    -webkit-transform: translate(-18%, 1230%);
    transform: translate(-18%, 1230%)
}

[data-page=world] .sub-path-wrap .char-f .inner {
    -webkit-transform: translate(-60%, 1260%);
    transform: translate(-60%, 1260%)
}

[data-page=world] .hero {
    padding-top: 540px;
    text-align: center;
    max-width: 1366px;
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;
    z-index: 2
}

[data-page=world] .hero-scene {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 1268px;
    height: 962px;
    background-size: 100% auto
}

[data-page=article] .hero-info p, [data-page=news] .hero-info p, [data-page=world] .hero-info p {
    padding-left: 4em;
    padding-right: 4em
}

[data-page=world] .watch-trailer-wrap.left-position .dark-bold, [data-page=world] .watch-trailer-wrap.right-position .dark-bold {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1149px) and (min-width: 768px) {
    [data-page=home] .watch-trailer, [data-page=world] .media-thumb-orange {
        width: 30vw;
        height: 18.34783vw
    }

    [data-page=home] .watch-trailer .inline-video, [data-page=world] .media-thumb-orange .inline-video {
        width: 27.30435vw;
        height: 15.65217vw
    }
}

[data-page=world] .media-thumb-orange .inline-video .img-wrap {
    overflow: hidden;
    border: 1px solid #4c3210;
    border-radius: 5px
}

[data-page=world] .media-paint {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -35px
}

[data-page=article] .info, [data-page=news] .info, [data-page=world] .info {
    position: relative;
    padding-left: 4em;
    padding-right: 4em
}

[data-page=world] .mid-scene-wrap {
    position: relative;
    width: 100%
}

[data-page=world] .mid-wrap-a {
    height: 250px
}

[data-page=world] .mid-wrap-a .mid-scene {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1018px;
    height: 923px
}

[data-page=world] .mid-wrap-b {
    height: 400px
}

[data-page=world] .mid-wrap-b .mid-scene {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1121px;
    height: 1013px;
    bottom: -220px
}

[data-page=world] .mid-wrap-c {
    height: 480px
}

[data-page=world] .mid-wrap-c .mid-scene {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1172px;
    height: 822px;
    bottom: -290px
}

[data-page=world] .bottom-content {
    margin-bottom: 12em
}

[data-page=world] .storage-carousel .carousel-content .two-col, [data-page=world] .storage-carousel .carousel-content .two-col2, [data-page=world] .storage-carousel .carousel-content .two-col3 {
    width: 100%;
    display: none
}

@media (min-width: 768px) {
    [data-page=world] .watch-trailer-wrap.left-position {
        position: absolute;
        left: 10px;
        top: 100px
    }

    [data-page=world] .watch-trailer-wrap.right-position {
        position: absolute;
        right: 10px;
        top: 100px
    }

    [data-page=world] .storage-carousel .carousel-content {
        height: 300px
    }

    [data-page=world] .storage-carousel .carousel-content .two-col, [data-page=world] .storage-carousel .carousel-content .two-col2, [data-page=world] .storage-carousel .carousel-content .two-col3 {
        position: absolute;
        top: 0;
        left: 0
    }

    [data-page=world] .storage-carousel .carousel-content .two-col.is-active, [data-page=world] .storage-carousel .carousel-content .two-col2.is-active, [data-page=world] .storage-carousel .carousel-content .two-col3.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    [data-page=world] .storage-carousel .carousel-content .two-col .col:nth-child(2n) .col-pad, [data-page=world] .storage-carousel .carousel-content .two-col2 .col:nth-child(2n) .col-pad, [data-page=world] .storage-carousel .carousel-content .two-col3 .col:nth-child(2n) .col-pad {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 2em;
        margin-bottom: 4em
    }

    [data-page=news] .sub-page {
        padding-bottom: 400px
    }
}

[data-page=world] .storage-carousel .carousel-buttons {
    width: 650px;
    position: relative;
    margin: 0 auto
}

[data-page=world] .storage-carousel .bullet-selector {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 21px;
    width: 400px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

[data-page=world] .pokemon-carousel .pokemon {
    width: 420px;
    height: 420px;
    -webkit-transform-origin: 50% 90%;
    transform-origin: 50% 90%;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    opacity: 0;
    -webkit-transition: opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275), opacity 250ms, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275)
}

[data-page=world] .pokemon-carousel .name {
    font-weight: 500;
    font-size: 2em;
    padding-top: .5em
}

[data-page=world] .pokemon-carousel .carousel-buttons {
    width: 500px;
    position: relative;
    margin: -4em auto 2em
}

[data-page=world] .pokemon-carousel .poke-bullet-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

[data-page=world] .pokemon-carousel .bullet {
    position: relative;
    width: 80px;
    height: 80px;
    cursor: pointer
}

[data-page=world] .pokemon-carousel .bullet .blue-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0097dc;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275)
}

[data-page=world] .pokemon-carousel .bullet [class$=selected] {
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

[data-page=article] h2, [data-page=news] h2 {
    margin-top: 0;
    margin-bottom: 1rem
}

[data-page=article] .hero, [data-page=news] .hero {
    padding-top: 540px;
    text-align: center;
    margin-bottom: 0;
    z-index: 2
}

@media (min-width: 1024px) {
    [data-page=article] .hero-info, [data-page=news] .hero-info, [data-page=world] .hero-info {
        width: 768px
    }

    [data-page=world] .mid-scene-wrap.mid-wrap-a {
        left: -250px
    }

    [data-page=world] .mid-scene-wrap.mid-wrap-b {
        right: -50px
    }

    [data-page=world] .mid-scene-wrap.mid-wrap-c {
        left: -150px
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=gameplay] .mid-scene-wrap {
        height: 60.54688vw
    }

    [data-page=article] .hero-scene, [data-page=gameplay] .mid-scene, [data-page=news] .hero-scene {
        width: 129.6875vw;
        height: 84.27734vw
    }

    [data-page=world] .sub-path-wrap .character-wrap {
        width: 27.34375vw;
        height: 27.34375vw
    }

    [data-page=article] .hero, [data-page=news] .hero, [data-page=world] .hero {
        padding-top: 52.73438vw
    }

    [data-page=world] .hero-scene {
        width: 123.82812vw;
        height: 93.94531vw
    }

    [data-page=article] .hero-info, [data-page=news] .hero-info, [data-page=world] .hero-info {
        width: 75vw
    }

    [data-page=world] .watch-trailer-wrap.left-position {
        top: 9.76562vw;
        left: .97656vw
    }

    [data-page=world] .watch-trailer-wrap.left-position .dark-bold, [data-page=world] .watch-trailer-wrap.right-position .dark-bold {
        width: 29.29688vw
    }

    [data-page=world] .watch-trailer-wrap.right-position {
        top: 9.76562vw;
        right: .97656vw
    }

    [data-page=world] .media-paint {
        bottom: -3.41797vw;
        width: 37.59766vw;
        height: 19.82422vw
    }

    [data-page=world] .mid-scene-wrap.mid-wrap-a {
        left: -24.41406vw
    }

    [data-page=world] .mid-scene-wrap.mid-wrap-b {
        right: -4.88281vw
    }

    [data-page=world] .mid-scene-wrap.mid-wrap-c {
        left: -14.64844vw
    }

    [data-page=world] .mid-wrap-a {
        height: 24.41406vw
    }

    [data-page=world] .mid-wrap-a .mid-scene {
        width: 99.41406vw;
        height: 90.13672vw
    }

    [data-page=world] .mid-wrap-b {
        height: 39.0625vw
    }

    [data-page=world] .mid-wrap-b .mid-scene {
        width: 109.47266vw;
        height: 98.92578vw;
        bottom: -21.48438vw
    }

    [data-page=world] .mid-wrap-c {
        height: 46.875vw
    }

    [data-page=world] .mid-wrap-c .mid-scene {
        width: 114.45312vw;
        height: 80.27344vw;
        bottom: -28.32031vw
    }

    [data-page=world] .storage-carousel .carousel-content {
        height: 29.29688vw
    }

    [data-page=world] .storage-carousel .carousel-buttons {
        width: 39.0625vw
    }

    [data-page=world] .storage-carousel .bullet-selector {
        width: 14.64844vw;
        top: 2.92969vw
    }

    [data-page=world] .storage-carousel .bullet-selector li {
        width: 1.46484vw;
        height: 1.46484vw
    }

    [data-page=world] .pokemon-carousel .pokemon {
        width: 41.01562vw;
        height: 41.01562vw
    }

    [data-page=world] .pokemon-carousel .carousel-buttons {
        width: 48.82812vw
    }

    [data-page=world] .pokemon-carousel .bullet {
        width: 7.8125vw;
        height: 7.8125vw
    }
}

[data-page=article] .main-content, [data-page=news] .main-content {
    z-index: 2;
    margin-bottom: 10em
}

@media (max-width: 767px) {
    [data-page=gameplay] .two-col .col:nth-child(2n) .col-pad, [data-page=world] .storage-carousel .carousel-content .two-col .col:nth-child(2n) .col-pad, [data-page=world] .storage-carousel .carousel-content .two-col2 .col:nth-child(2n) .col-pad, [data-page=world] .storage-carousel .carousel-content .two-col3 .col:nth-child(2n) .col-pad {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    [data-page=world] .hero-info {
        width: 100%;
        max-width: 540px;
        margin-left: auto;
        margin-right: auto
    }

    [data-page=world] .watch-trailer-wrap.left-position {
        margin-bottom: 2em
    }

    [data-page=world] .main-content {
        max-width: 560px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px
    }

    [data-page=world] .main-content .h1-orange-gradient {
        font-size: 2.8em
    }

    [data-page=world] .bottom-content h2 {
        font-size: 1.8em
    }

    [data-page=world] .storage-carousel .carousel-content {
        height: 500px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1em
    }

    [data-page=world] .storage-carousel .carousel-content p {
        padding-left: 4em;
        padding-right: 4em
    }

    [data-page=world] .storage-carousel .carousel-content .two-col, [data-page=world] .storage-carousel .carousel-content .two-col2, [data-page=world] .storage-carousel .carousel-content .two-col3 {
        position: relative
    }

    [data-page=world] .storage-carousel .carousel-content .two-col.is-active, [data-page=world] .storage-carousel .carousel-content .two-col2.is-active, [data-page=world] .storage-carousel .carousel-content .two-col3.is-active {
        display: block
    }

    [data-page=article] .hero-info, [data-page=news] .hero-info {
        width: 100%
    }

    [data-page=article] article, [data-page=news] article {
        width: 500px;
        margin: 0 auto
    }
}

[data-page=article] article p b, [data-page=news] article p b {
    font-weight: 500
}

[data-page=news] .sub-path-wrap .a {
    right: 0;
    -webkit-transform: translate(0, 60%);
    transform: translate(0, 60%)
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=news] .sub-page {
        padding-bottom: 39.0625vw
    }

    [data-page=news] .sub-path-wrap .character-wrap {
        width: 27.34375vw;
        height: 27.34375vw
    }
}

@media (max-width: 539px) and (min-width: 320px) {
    .button-play .play-arrow, .button-play .play-arrow-over {
        width: 8.33333vw;
        height: 10.74074vw
    }

    .mobile-nav .logo {
        width: 61.11111vw;
        height: 35.18519vw
    }

    .mobile-nav .logo-paint-shadow-wrap {
        width: 79.62963vw;
        height: 40.74074vw
    }

    .mobile-nav-open {
        left: 3.7037vw
    }

    .mobile-nav-open .nav-burger, .mobile-nav-shelf .mobile-nav-close .nav-x {
        width: 5.55556vw;
        height: 5.55556vw
    }

    .mobile-nav-shelf .mobile-nav-close {
        width: 3.7037vw;
        height: 3.7037vw;
        left: 3.7037vw
    }

    .mobile-nav-shelf .box-art-nav {
        width: 29.62963vw;
        height: 51.85185vw;
        top: -9.25926vw
    }

    .mobile-nav-shelf .box-art-nav .box-art-paint, .box-art-wrap .box-art-paint {
        width: 47.96296vw;
        height: 54.44444vw
    }

    .mobile-nav-shelf .box-art-nav .box-art-burst {
        top: 9.25926vw;
        width: 62.96296vw;
        height: 39.44444vw
    }

    .mobile-nav-shelf .box-art {
        width: 23.33333vw;
        height: 37.77778vw;
        top: 11.11111vw
    }

    .watercolor-fx {
        width: 37.03704vw;
        height: 37.03704vw
    }

    .sub-page .media-thumb .img-wrap {
        width: 57.96296vw
    }

    .sub-path-1 {
        width: 133.33333vw;
        height: 209.44444vw
    }

    .sub-path-2 {
        width: 144.25926vw;
        height: 331.48148vw
    }

    .sub-path-3 {
        width: 105.55556vw;
        height: 296.2963vw
    }

    .media-thumb, [data-page=home] .watch-trailer, [data-page=world] .media-thumb-orange {
        width: 63.88889vw;
        height: 39.07407vw
    }

    .button-close .button-cap {
        width: 1.2963vw;
        height: 4.07407vw
    }

    .button-close .button-cap.left {
        left: 1.48148vw
    }

    .button-close .button-cap.right {
        right: 1.48148vw
    }

    .button-close .close-x {
        top: .55556vw;
        width: 10vw;
        height: 6.11111vw
    }

    .scroll-arrow-wrap {
        bottom: 18.51852vw
    }

    .scroll-arrow-wrap .top-arrow {
        width: 10vw;
        height: 6.11111vw
    }

    [data-page=home] .mobile-nav.is-absolute {
        top: 140.74074vw
    }

    [data-page=home] .mobile-nav .coming-soon-text {
        width: 46.2963vw
    }

    [data-page=home] .scroll-wrap {
        height: 1111.11111vw
    }

    [data-page=home] .hero-scene {
        width: 296.2963vw;
        height: 293.51852vw
    }

    [data-page=home] .hero-characters [class*=wrap] {
        width: 74.07407vw;
        height: 74.07407vw
    }

    [data-page=home] .watch-trailer .inline-video, [data-page=world] .media-thumb-orange .inline-video {
        width: 58.14815vw;
        height: 33.33333vw
    }

    [data-page=home] .teaser-paint {
        bottom: -7.40741vw;
        width: 70.74074vw;
        height: 25.74074vw
    }

    .box-art-wrap {
        width: 30.37037vw;
        height: 51.85185vw
    }

    .box-art-wrap .box-art-burst-wrap {
        top: -14.74074vw;
        width: 62.96296vw;
        height: 39.44444vw
    }

    .box-art-wrap .box-art {
        width: 23.33333vw;
        height: 37.77778vw
    }

    [data-page=home] .quiz-wrap {
        width: 100vw;
        top: 18.51852vw
    }

    [data-page=home] .quiz-wrap .two-col .col.left p, [data-page=home] .quiz-wrap .two-col2 .col.left p, [data-page=home] .quiz-wrap .two-col3 .col.left p, [data-page=world] .storage-carousel .carousel-buttons {
        width: 74.07407vw
    }

    [data-page=home] .personality-quiz p {
        width: 62.96296vw
    }

    [data-page=home] .personality-quiz .statements {
        width: 62.96296vw;
        height: 18.51852vw
    }

    [data-page=home] .personality-quiz .bullet-selector {
        width: 14.81481vw;
        top: 5.55556vw
    }

    [data-page=home] .personality-quiz .bullet-selector li, [data-page=world] .storage-carousel .bullet-selector li {
        width: 2.77778vw;
        height: 2.77778vw
    }

    [data-page=home] .personality-quiz .arrow-selectors .arrow-left, [data-page=home] .personality-quiz .arrow-selectors .arrow-right {
        width: 5.92593vw;
        height: 6.85185vw
    }

    [data-page=article] article, [data-page=home] .partner-selector, [data-page=news] article, [data-page=world] .pokemon-carousel .carousel-buttons {
        width: 92.59259vw
    }

    [data-page=home] .partner-selector .options {
        bottom: 5.92593vw
    }

    [data-page=home] .info {
        width: 81.48148vw
    }

    [data-page=home] .demo {
        top: 222.22222vw
    }

    [data-page=home] .gameplay {
        top: 351.85185vw
    }

    [data-page=home] .classic {
        top: 481.48148vw
    }

    [data-page=home] .news {
        top: 601.85185vw
    }

    [data-page=home] .pokemon-characters {
        width: 51.85185vw
    }

    [data-page=gameplay] .sub-path-wrap .character-wrap, [data-page=home] .lead-pokemon, [data-page=home] .partner-pokemon, [data-page=home] .trail-pokemon, [data-page=news] .sub-path-wrap .character-wrap, [data-page=world] .sub-path-wrap .character-wrap {
        width: 51.85185vw;
        height: 51.85185vw
    }

    [data-page=home] .exclamation {
        width: 12.96296vw;
        height: 14.81481vw
    }

    [data-page=home] .trail-pokemon .speech-bubble-wrap {
        width: 19.25926vw;
        height: 22.77778vw
    }

    [data-page=home] .trail-pokemon .speech-bubble-circle {
        width: 4.62963vw;
        height: 4.81481vw
    }

    [data-page=home] #mystery-character-mobile {
        width: 29.07407vw;
        height: 50vw
    }

    [data-page=article] .hero, [data-page=gameplay] .hero, [data-page=news] .hero, [data-page=world] .hero {
        padding-top: 100vw
    }

    [data-page=gameplay] .hero-scene {
        width: 246.48148vw;
        height: 159.25926vw
    }

    [data-page=gameplay] .mid-scene-wrap {
        height: 114.81481vw
    }

    [data-page=article] .hero-scene, [data-page=gameplay] .mid-scene, [data-page=news] .hero-scene {
        width: 245.92593vw;
        height: 159.81481vw
    }

    [data-page=world] .hero-scene {
        width: 234.81481vw;
        height: 178.14815vw
    }

    [data-page=world] .watch-trailer-wrap.left-position .dark-bold, [data-page=world] .watch-trailer-wrap.right-position .dark-bold {
        width: 55.55556vw
    }

    [data-page=world] .media-paint {
        bottom: -6.48148vw;
        width: 71.2963vw;
        height: 37.59259vw
    }

    [data-page=world] .mid-wrap-a {
        height: 46.2963vw
    }

    [data-page=world] .mid-wrap-a .mid-scene {
        width: 188.51852vw;
        height: 170.92593vw
    }

    [data-page=world] .mid-wrap-b {
        height: 74.07407vw
    }

    [data-page=world] .mid-wrap-b .mid-scene {
        width: 207.59259vw;
        height: 187.59259vw;
        bottom: -40.74074vw
    }

    [data-page=world] .mid-wrap-c {
        height: 88.88889vw
    }

    [data-page=world] .mid-wrap-c .mid-scene {
        width: 217.03704vw;
        height: 152.22222vw;
        bottom: -53.7037vw
    }

    [data-page=world] .storage-carousel .carousel-content {
        height: 92.59259vw
    }

    [data-page=world] .storage-carousel .bullet-selector {
        width: 27.77778vw;
        top: 5.55556vw
    }

    [data-page=world] .pokemon-carousel .pokemon {
        width: 77.77778vw;
        height: 77.77778vw
    }

    [data-page=world] .pokemon-carousel .bullet {
        width: 14.81481vw;
        height: 14.81481vw
    }
}

[data-page=news] .sub-path-wrap .char-a .inner {
    -webkit-transform: translate(-60%, 306%);
    transform: translate(-60%, 306%)
}

[data-page=news] .sub-path-wrap .char-b .inner {
    -webkit-transform: translate(-110%, 306%);
    transform: translate(-110%, 306%)
}

@media (min-width: 768px) {
    [data-page=article] .hero {
        padding-top: 270px
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    [data-page=article] .hero {
        padding-top: 26.36719vw
    }
}

@media (max-width: 767px) {
    [data-page=article] .hero {
        padding-top: 200px
    }
}

@media (max-width: 539px) and (min-width: 320px) {
    [data-page=article] .hero {
        padding-top: 37.03704vw
    }
}

[data-page=article] .passwords-list-wrap {
    margin-bottom: 2rem
}

[data-page=article] .passwords-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

[data-page=article] .passwords-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-page=article] .passwords-list li div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%
}

[data-page=article] .passwords-list li .code-name {
    text-align: right;
    padding-right: .25rem
}

[data-page=article] .passwords-list li .code-value {
    text-align: left;
    padding-left: .25rem
}