@import url(https://p.typekit.net/p.css?s=1&k=nnh4muu&ht=tk&f=18520.18521.18528.18529&a=190149584&app=typekit&e=css);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:ital,wght@0,300;0,600;1,300&family=Rubik:ital,wght@0,300;0,500;1,300;1,500&family=Sulphur+Point:wght@300;400;700&display=swap);article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time{display:block}
h1,h2,h3,h4,h5,h6,h7,ul,li,p{margin:0;padding:0;font-weight:normal}
ol,ul{list-style:none}
fieldset,textarea,input[type=checkbox],button{margin:0;padding:0;border:0}
input,textarea,select,button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input::-moz-focus-inner,button::-moz-focus-inner{padding:0;border:0}
canvas{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
a img{border:0;display:block}
@font-face{font-family:"rooney-sans";src:url("https://use.typekit.net/af/7fa4cd/00000000000000007735a2d6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/7fa4cd/00000000000000007735a2d6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/7fa4cd/00000000000000007735a2d6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}
@font-face{font-family:"rooney-sans";src:url("https://use.typekit.net/af/3a8835/00000000000000007735a2db/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/3a8835/00000000000000007735a2db/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/3a8835/00000000000000007735a2db/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");font-display:auto;font-style:italic;font-weight:700;font-stretch:normal}
@font-face{font-family:"rooney-sans";src:url("https://use.typekit.net/af/7d622f/00000000000000007735a2e5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/7d622f/00000000000000007735a2e5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/7d622f/00000000000000007735a2e5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-display:auto;font-style:italic;font-weight:400;font-stretch:normal}
@font-face{font-family:"rooney-sans";src:url("https://use.typekit.net/af/186a4d/00000000000000007735a2e6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/186a4d/00000000000000007735a2e6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/186a4d/00000000000000007735a2e6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}
@font-face{font-family:"PinupPringles-Regular";src:url(poptopia/resources/assets/fonts/PinupPringles-Regular.eot);src:url(poptopia/resources/assets/fonts/PinupPringles-Regular.eot?#iefix) format("embedded-opentype"),url(poptopia/resources/assets/fonts/PinupPringles-Regular.woff2) format("woff2"),url(poptopia/resources/assets/fonts/PinupPringles-Regular.woff) format("woff"),url(poptopia/resources/assets/fonts/PinupPringles-Regular.ttf) format("truetype");font-weight:normal;font-style:normal}
cd html,body{background-color:#e40426;margin:0;position:relative;font-family:"rooney-sans",sans-serif;touch-action:none}
a{color:#fff}
.newCarouselClass #Poptopia{position:absolute;z-index:1;transition:background-position .3s ease-out;background-size:cover !important;background-repeat:repeat-x !important}
.newCarouselClass .arrows{display:none;background:url(poptopia/resources/assets/ui/arrows_sprite_white.png) no-repeat 0 0;background-size:cover;width:50px;height:50px;background-color:#7c1544;position:absolute;top:50%;left:10px;z-index:5;border-radius:50%;border:1px solid #fff}
.newCarouselClass .arrows.arrow_r{background-position:-47px 0;left:unset;right:10px}
.newCarouselClass .pringleBoy{background:url(poptopia/resources/assets/ui/mrP.png) no-repeat 0 0;background-size:contain;width:330px;height:300px;position:absolute;left:20px;top:25vw;z-index:1;padding-top:18px;box-sizing:border-box}
.newCarouselClass .pringleBoy .inner_msg{display:flex;align-items:center;justify-content:center;position:absolute;width:60%;height:64px;right:0}
.newCarouselClass .pringleBoy p{max-width:95%;text-align:center;font-family:"PinupPringles-Regular",sans-serif;text-transform:uppercase;color:#e40426;line-height:1.2}
.newCarouselClass #content{position:relative;z-index:2;display:none;flex-direction:column;justify-content:flex-end;height:100%;height:100svh;width:100vw;box-sizing:border-box;display:none;transform:translateX(-100%)}
.newCarouselClass #content .navi_btn{z-index:5}
.newCarouselClass #content .navi_btn.skip{line-height:18px;background:#fff;min-width:90px;border-radius:20px;padding:7px 15px;text-transform:uppercase;position:absolute;right:15px;top:25px;font-family:"PinupPringles-Regular",sans-serif;font-size:.8rem;box-sizing:border-box}
.newCarouselClass #content .navi_btn.skip span{background-image:url(poptopia/resources/assets/ui/arrows.svg);background-size:contain;display:inline-block;width:13px;height:12px;vertical-align:middle;margin-right:5px}
.newCarouselClass #content .info_box{position:absolute;bottom:29vh;z-index:2;border-radius:20px;width:100%;margin:0 auto}
.newCarouselClass #content .info_box .inner_info_box{padding:20px 15px;position:relative;margin-bottom:28vh}
.newCarouselClass #content .info_box .inner_info_box #displayName{text-shadow:0 4px 10px #741342}
.newCarouselClass #content .info_box .inner_enter_box{padding:20px 30px;width:70%;left:0;right:0;margin:0 auto}
.newCarouselClass #content .info_box .inner_enter_box #displayName{text-shadow:0 4px 10px #741342}
.newCarouselClass #content .info_box .inner_enter_box .btn{margin-bottom:0}
.newCarouselClass #content .info_box .step_screen .step{display:none}
.newCarouselClass #content .info_box .step_screen .step.active{display:block}
.newCarouselClass #content .info_box .step_screen .step2 .info_list li{padding-left:55px;position:relative;margin-bottom:25px;margin-top:20px}
.newCarouselClass #content .info_box .step_screen .step2 .info_list li h3{font-family:"PinupPringles-Regular",sans-serif;color:#7c1544;margin-bottom:7px}
.newCarouselClass #content .info_box .step_screen .step2 .info_list li::before{content:"";position:absolute;left:0;top:-12px;width:40px;height:40px;background-image:url(poptopia/resources/assets/ui/win_ico.svg);background-size:cover}
.newCarouselClass #content .info_box .step_screen .step2 .info_list li#bullet2::before{background-image:url(poptopia/resources/assets/ui/play_ico.svg)}
.newCarouselClass #content .info_box .step_screen .step2 .info_list li#bullet3::before{background-image:url(poptopia/resources/assets/ui/more_ico.svg)}
.newCarouselClass #content .info_box .dots{display:flex;justify-content:center;margin:15px 0}
.newCarouselClass #content .info_box .dots li{margin-right:7px;padding:10px 0}
.newCarouselClass #content .info_box .dots li:last-child{margin:0}
.newCarouselClass #content .info_box .dots li span{display:block;background:#e2e0ee;width:10px;height:6px;border-radius:3px;transition:all .2s ease-in-out}
.newCarouselClass #content .info_box .dots li.active span{background:#f57d2f;width:25px}
.newCarouselClass #content .info_box .btn{font-family:"PinupPringles-Regular",sans-serif;font-size:.8rem;background:#ffc420;border-radius:25px;width:100%;line-height:50px;color:#000;text-align:center;text-transform:uppercase}
.newCarouselClass #content .info_box .terms{font-family:"PinupPringles-Regular",sans-serif;font-size:.8rem;text-transform:uppercase;text-decoration:none;position:relative}
.newCarouselClass #content .info_box .terms::before{content:"";position:absolute;left:-20px;top:-2px;width:14px;height:14px;background-image:url(poptopia/resources/assets/ui/i.svg);background-size:cover}
@keyframes zoomInAnimation{from{opacity:0}
to{opacity:1}
}
@keyframes zoomOutAnimation{from{opacity:0}
to{opacity:0}
}
.newCarouselClass #content #first_screen{background:#fff;bottom:2vh;position:relative;margin:0 15px;width:auto}
.newCarouselClass #content #first_screen .inner_info_box{margin-bottom:0}
.newCarouselClass #content #swipe_screen{display:none;text-align:center;color:#fff}
.newCarouselClass #content #swipe_screen .swipe-hand{animation:swipe-animation 2s infinite;background-image:url(poptopia/resources/assets/ui/swipe_ico.svg);width:60px;height:60px;margin:0 auto}
.newCarouselClass #content #pringoooals{display:none;text-align:center;color:#fff}
.newCarouselClass #content #pringoooals h3{font-size:30px;line-height:32px;font-weight:bold;font-family:"PinupPringles-Regular",sans-serif;text-transform:uppercase;margin-bottom:10px}
.newCarouselClass #content #pringoooals .lead{margin-bottom:10px}
.newCarouselClass #content #pringoooals .btn{margin-bottom:10px}
.newCarouselClass #content #pringoooals .inner_enter_box .btn{margin-bottom:0;max-width:130px}
.newCarouselClass #content #select_game{display:none}
.newCarouselClass #content #select_game ul li{display:flex;justify-content:space-between;background:#fff;padding:15px;border-radius:15px;margin-bottom:10px}
.newCarouselClass #content #select_game ul li .col2{display:flex;align-items:center}
.newCarouselClass #content #select_game ul li h4{text-transform:uppercase;font-weight:bold;color:#7c1544}
.newCarouselClass #content #select_game ul li .select{background:#ffc420;width:50px;height:40px;border-radius:20px;box-sizing:border-box}
.newCarouselClass #content #select_game ul li .select span{background-image:url(poptopia/resources/assets/ui/arrow.svg);background-size:contain;display:inline-block;width:16px;height:27px;vertical-align:middle}
.newCarouselClass #content #select_game ul li:last-child{margin:0}
.newCarouselClass .island_thumbnail{display:block;position:relative;gap:10px;max-width:720px;overflow-x:auto;padding:10px;top:77vh;gap:10px;transition:transform .3s ease-in-out;white-space:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 auto;text-align:center}
.newCarouselClass .island_thumbnail img{width:96px;height:96px;border-radius:5px;cursor:pointer;transition:transform .3s ease,border .3s ease;border:2px solid rgba(0,0,0,0);padding:10px;margin:0 14px;background:#751c44;border-radius:20px;box-shadow:3px 3px 12px -5px #703f55;border-color:#fff}
.newCarouselClass .island_thumbnail img.active{border-color:#ffc420}
.newCarouselClass #orientationScreen{position:absolute;z-index:999;display:flex;align-items:center;justify-content:center;height:100%;height:100svh;width:100%;width:100svw;margin:0;padding:0;left:0;top:0;z-index:9999;background-color:#e40426;display:none}
.newCarouselClass .orientationIcon{background-image:url(poptopia/resources/assets/ui/rotate.svg);width:167px;height:153px}
.newCarouselClass .levitation{animation:levitate 2s ease-in-out infinite}
@keyframes levitate{0,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
@keyframes swipe-animation{0,100%{transform:translateX(0)}
50%{transform:translateX(50px)}
}
@keyframes move-content{0{transform:translateX(-100%)}
100%{transform:translateX(0)}
}
.oldCarouselClass #Poptopia{position:absolute;z-index:1}
.oldCarouselClass .arrows{display:none;background-image:url(poptopia/resources/assets/ui/arrows_sprite.png);background-size:cover;width:50px;height:50px;background-color:#fff;position:absolute;top:50%;left:0;border-radius:0 25px 25px 0;z-index:5}
.oldCarouselClass .arrows.arrow_r{background-position:-50px 0;left:unset;right:0;border-radius:25px 0 0 25px}
.oldCarouselClass .pringleBoy{background-size:contain;width:330px;height:300px;position:absolute;left:20px;top:25vw;z-index:1;padding-top:18px;box-sizing:border-box}
.oldCarouselClass .pringleBoy .inner_msg{display:flex;align-items:center;justify-content:center;position:absolute;width:60%;height:64px;right:0}
.oldCarouselClass .pringleBoy p{max-width:95%;text-align:center;font-family:"PinupPringles-Regular",sans-serif;text-transform:uppercase;color:#e40426;line-height:1.2}
.oldCarouselClass #content{position:relative;z-index:2;display:none;flex-direction:column;justify-content:flex-end;height:100%;height:100svh;width:100vw;box-sizing:border-box;display:none;transform:translateX(-100%)}
.oldCarouselClass #content .navi_btn{z-index:5}
.oldCarouselClass #content .navi_btn.skip{line-height:18px;background:#fff;min-width:90px;border-radius:20px;padding:7px 15px;text-transform:uppercase;position:absolute;right:15px;top:25px;font-family:"PinupPringles-Regular",sans-serif;font-size:.8rem;box-sizing:border-box}
.oldCarouselClass #content .navi_btn.skip span{background-size:contain;display:inline-block;width:13px;height:12px;vertical-align:middle;margin-right:5px}
.oldCarouselClass #content .info_box{margin-top:auto;margin-left:15px;margin-right:15px;margin-bottom:15px;border-radius:20px;position:relative;z-index:2}
.oldCarouselClass #content .info_box .inner_info_box{padding:20px;position:relative}
.oldCarouselClass #content .info_box .inner_info_box.fade_in{opacity:0;animation:fadeInAnimation 1.2s ease-in forwards}
.oldCarouselClass #content .info_box .inner_info_box.fade_out{opacity:0;animation:fadeOutAnimation 1.2s ease-in forwards}
.oldCarouselClass #content .info_box .inner_info_box #displayName{text-shadow:0 4px 10px #741342}
.oldCarouselClass #content .info_box.pringoooals .inner_info_box{padding-bottom:0}
.oldCarouselClass #content .info_box .step_screen .step{display:none}
.oldCarouselClass #content .info_box .step_screen .step.active{display:block}
.oldCarouselClass #content .info_box .step_screen .step2 .info_list li{padding-left:55px;position:relative;margin-bottom:25px;margin-top:20px}
.oldCarouselClass #content .info_box .step_screen .step2 .info_list li h3{font-family:"PinupPringles-Regular",sans-serif;color:#7c1544;margin-bottom:7px}
.oldCarouselClass #content .info_box .step_screen .step2 .info_list li::before{content:"";position:absolute;left:0;top:-12px;width:40px;height:40px;background-size:cover}
.oldCarouselClass #content .info_box .dots{display:flex;justify-content:center;margin:15px 0}
.oldCarouselClass #content .info_box .dots li{margin-right:7px;padding:10px 0}
.oldCarouselClass #content .info_box .dots li:last-child{margin:0}
.oldCarouselClass #content .info_box .dots li span{display:block;background:#e2e0ee;width:10px;height:6px;border-radius:3px;transition:all .2s ease-in-out}
.oldCarouselClass #content .info_box .dots li.active span{background:#f57d2f;width:25px}
.oldCarouselClass #content .info_box .btn{font-family:"PinupPringles-Regular",sans-serif;font-size:.8rem;background:#ffc420;border-radius:25px;width:100%;line-height:50px;color:#000;text-align:center;text-transform:uppercase}
.oldCarouselClass #content .info_box .terms{font-family:"PinupPringles-Regular",sans-serif;font-size:.8rem;text-transform:uppercase;text-decoration:none;position:relative}
.oldCarouselClass #content .info_box .terms::before{content:"";position:absolute;left:-20px;top:-2px;width:14px;height:14px;background-size:cover}
@keyframes fadeInAnimation{from{opacity:0;top:10px}
to{opacity:1;top:0}
}
@keyframes fadeOutAnimation{from{opacity:1;top:0}
to{opacity:0;top:-10px}
}
.oldCarouselClass #content #first_screen{background:#fff}
.oldCarouselClass #content #swipe_screen{display:none;text-align:center;color:#fff}
.oldCarouselClass #content #swipe_screen .swipe-hand{animation:swipe-animation 2s infinite;width:60px;height:60px;margin:0 auto}
.oldCarouselClass #content #pringoooals{display:none;text-align:center;color:#fff}
.oldCarouselClass #content #pringoooals h3{font-size:30px;line-height:32px;font-weight:bold;font-family:"PinupPringles-Regular",sans-serif;text-transform:uppercase;margin-bottom:10px}
.oldCarouselClass #content #pringoooals .lead{margin-bottom:15px}
.oldCarouselClass #content #pringoooals .btn{margin-bottom:10px}
.oldCarouselClass #content #select_game{display:none}
.oldCarouselClass #content #select_game ul li{display:flex;justify-content:space-between;background:#fff;padding:15px;border-radius:15px;margin-bottom:10px}
.oldCarouselClass #content #select_game ul li .col2{display:flex;align-items:center}
.oldCarouselClass #content #select_game ul li h4{text-transform:uppercase;font-weight:bold;color:#7c1544}
.oldCarouselClass #content #select_game ul li .select{background:#ffc420;width:50px;height:40px;border-radius:20px;box-sizing:border-box}
.oldCarouselClass #content #select_game ul li .select span{background-size:contain;display:inline-block;width:16px;height:27px;vertical-align:middle}
.oldCarouselClass #content #select_game ul li:last-child{margin:0}
.oldCarouselClass #orientationScreen{position:absolute;z-index:999;display:flex;align-items:center;justify-content:center;height:100%;height:100svh;width:100%;width:100svw;margin:0;padding:0;left:0;top:0;z-index:9999;background-color:#e40426;display:none}
.oldCarouselClass .orientationIcon{width:167px;height:153px}
.oldCarouselClass .levitation{animation:levitate 2s ease-in-out infinite}
@keyframes levitate{0,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
@keyframes swipe-animation{0,100%{transform:translateX(0)}
50%{transform:translateX(50px)}
}
@keyframes move-content{0{transform:translateX(-100%)}
100%{transform:translateX(0)}
}