@font-face{font-family:Barlow;src:url(/assets/fonts/BarlowSemiCondensedRegular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Barlow;src:url(/assets/fonts/BarlowSemiCondensedBold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Barlow;src:url(/assets/fonts/BarlowSemiboldItalic.woff2) format("woff2");font-weight:600;font-style:italic}@font-face{font-family:Barlow;src:url(/assets/fonts/BarlowBoldItalic.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Barlow;src:url(/assets/fonts/BarlowExtraboldItalic.woff2) format("woff2");font-weight:800;font-style:italic}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--flex-gap:1em;--green: #12E57F;font-family:Barlow,sans-serif;font-weight:400;font-style:normal;--background-color-1: #3C345E;--gradient-color1: var(--background-color-1);--gradient-color2: #150C20;--gradient-color1-transparent: #3C345Ee6;--gradient-color2-transparent: #150C20e6;--main-background: linear-gradient(to bottom, var(--gradient-color1), var(--gradient-color2));--main-background-transparent: linear-gradient(to bottom, var(--gradient-color1-transparent), var(--gradient-color2-transparent));--panel-box-shadow: .3rem .5rem 0px rgba(0, 0, 0, .25);--panel-box-shadow-big: .4rem .8rem 0px rgba(0, 0, 0, .3);--world-accent-color: var(--green);--text-shadow-color-light: rgba(0, 0, 0, .4);--text-shadow-color-dark: rgba(0, 0, 0, .73);--text-shadow-distance-fat: .07em;--text-shadow-distance-slim: .05em;font-size:min(2svh,calc((2.5vh + 2.5vw)/2));--full-height: 100vh}@supports (height: 100svh){:root{--full-height: calc(100svh + env(safe-area-inset-top) + env(safe-area-inset-bottom)) }}html{height:calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom))}body{height:100%}html,body{overscroll-behavior:none;margin:0;width:100%;overflow:hidden;background-color:#3c345e;color:#fff}canvas{pointer-events:none}body>*:not(#game){position:absolute}.fixed{width:100vw;height:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;overscroll-behavior:none}.fixed:not(:has(.world-wrapper)){background-image:var(--main-background)}a{text-decoration:inherit}h1,h2,h3,h4,h5,h6,b,strong{font-weight:700;display:inline-block;margin:0;padding:0}h1,h2,h3{font-style:italic;text-shadow:var(--text-shadow-distance-fat) var(--text-shadow-distance-fat) 0px var(--text-shadow-color-dark)}h1.light-shadow,h2.light-shadow,h3.light-shadow{text-shadow:var(--text-shadow-distance-fat) var(--text-shadow-distance-fat) 0px var(--text-shadow-color-light)}h4,h5,h6{font-style:normal}h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.2em}.text-shadow{text-shadow:.05em .05em 0px rgba(0,0,0,.4)}.text-shadow-big{text-shadow:.05em .15em 0px rgba(0,0,0,.4)}p{line-height:1.5}.invisible{opacity:0;pointer-events:none}.label>div{width:2em;height:2em;display:grid;position:relative;color:#000;place-items:center;border-radius:50%;background:rgba(255,255,255,.8);font-weight:bolder;pointer-events:none;user-select:none;font-size:13px}.roadlabel{font-size:10px;color:#000;background:#fff;border-radius:50%;width:2em;height:2em;line-height:2;text-align:center;position:relative;top:-1em;left:-1em;z-index:9998;opacity:.7;pointer-events:all}.roadLabel:hover{opacity:1!important}.road-sign{width:4vh;height:4vh;margin-inline:-2vh;margin-top:-4.5vh;margin-bottom:-4.5vh}.levelScore{position:fixed;top:0;left:0;color:#000;font-weight:700;font-size:32px;padding:8px 20px}svg .traffic.yellow circle[r=".125"]{fill:#ff0!important}svg .traffic.red circle[r=".125"]{fill:red!important}svg .traffic.green circle[r=".125"]{fill:green!important}.flex{display:flex;justify-content:center;align-items:center;gap:var(--flex-gap)}.horizontal{flex-direction:row}.vertical{flex-direction:column}.center{justify-content:center;align-items:center}.space-between{justify-content:space-between}.bigfont{font-weight:800;font-style:italic;font-size:3em;text-shadow:.05em .15em 0px rgba(0,0,0,.73)}.font-level-color,.accent{color:var(--world-accent-color)}.centered{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.transparent-background-gradient{background-image:var(--main-background-transparent)}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes exit{0%{opacity:1}to{opacity:0}}.mute-button{position:fixed;bottom:1.5rem;left:1rem;z-index:99}*{-webkit-tap-highlight-color:transparent}.appear{opacity:1;transition:all .3s cubic-bezier(.2,0,.1,1)}.appear-fadein{--translate-x: 0;--translate-y: 0;--scale: 1;--rotate: 0;opacity:0!important;transform:translateY(2rem) translateY(var(--translate-y)) translate(var(--translate-x)) scale(var(--scale)) rotate(var(--rotate)) scale(.9)!important}.icon{display:block;background-size:contain;background-repeat:no-repeat}.icon.small{width:1.5em;height:1.5em}.icon.medium,.icon.big{width:3em;height:3em}.icon.cap{background-image:url(/assets/img/cap.png)}.icon.cube{background-image:url(/assets/img/cube.png)}.icon.bean{background-image:url(/assets/img/bean_48.webp)}.icon.watch{background-image:url(/assets/img/watch.png)}.icon.melon{background-image:url(/assets/img/melon.png)}.icon.lemon{background-image:url(/assets/img/lemon.png)}.icon.ball{background-image:url(/assets/img/ball.png)}.icon.beachball{background-image:url(/assets/img/beachball.png)}.icon.bell{background-image:url(/assets/img/bell.png)}.icon.books{background-image:url(/assets/img/books.png)}.icon.cam{background-image:url(/assets/img/cam.png)}.icon.controller{background-image:url(/assets/img/controller.png)}.icon.phone{background-image:url(/assets/img/phone.png)}.icon.roll{background-image:url(/assets/img/roll.png)}.icon.soaker{background-image:url(/assets/img/soaker.png)}.icon.time{background-image:url(/assets/img/icons/Icon-time.webp)}.icon.share{background-image:url(/assets/img/icons/Icon-Share.webp)}.icon.settings{background-image:url(/assets/img/icons/Icon-Settings.webp)}.icon.info{background-image:url(/assets/img/icons/Icon-About.webp)}.icon.edit{background-image:url(/assets/img/icons/Icon-Edit.webp)}.icon.profile{background-image:url(/assets/img/icons/Icon-Profile.webp)}.icon.x{background-image:url(/assets/img/icons/Icon-X.webp)}.icon.check{background-image:url(/assets/img/icons/Icon-check.webp)}.icon.pause{background-image:url(/assets/img/icons/Icon-pause.webp)}.icon.sound{background-image:url(/assets/img/icons/Icon-audio-ON.webp)}.icon.muted{background-image:url(/assets/img/icons/Icon-audio-OFF.webp)}.icon.beanicon{background-image:url(/assets/img/icons/Icon-bean.webp)}.icon.arrow-left{background-image:url(/assets/img/arrow-left.webp)}.icon.arrow-right{background-image:url(/assets/img/arrow-right.webp)}.icon.bean-gold{background-image:url(/assets/img/bean-icon-gold_48.webp)}.icon.bean-silver{background-image:url(/assets/img/bean-icon-silver_48.webp)}.icon.bean-bronce{background-image:url(/assets/img/bean-icon-bronce_48.webp)}.icon.sprocket-gold{background-image:url(/assets/img/sprocket-gold.png)}.icon.sprocket-empty{background-image:url(/assets/img/sprocket-empty.png)}.icon:not(.active){filter:brightness(1.5) saturate(0)}.button-wrapper{filter:drop-shadow(0 .75em .5em rgba(0,25,25,.2))}button.button,a.button,button{transition:transform .15s ease-out}@media(hover:hover)and (pointer:fine){button.button:hover,button.button:focus,button.button[data-gamepad-focused=true],a.button:hover,a.button:focus,a.button[data-gamepad-focused=true],button:hover,button:focus,button[data-gamepad-focused=true]{transform:scale(1.1);outline:none}button.button:active,a.button:active,button:active{transform:scale(1.15);outline:none}}button.button[disabled],a.button[disabled],button[disabled]{cursor:not-allowed}button.button[disabled]:hover,button.button[disabled]:focus,a.button[disabled]:hover,a.button[disabled]:focus,button[disabled]:hover,button[disabled]:focus{transform:none;opacity:.9}button.button:not(.no-button-style),a.button:not(.no-button-style){border:none;position:relative;padding:0;font:inherit;text-align:center;font-style:italic;white-space:nowrap;display:inline-flex;justify-content:center;text-shadow:var(--text-shadow-distance-fat) var(--text-shadow-distance-fat) 0px var(--text-shadow-color-light);--shadow-gradient: linear-gradient(to right, #16b48d, #0a533e);--background-gradient: linear-gradient(to bottom right, #12e57f, #11ad79);color:#fff;font-weight:bolder;--font-size-factor: 1;font-size:calc(var(--font-size-factor) * max(2em,1.5vmin))}button.button:not(.no-button-style):not(.icon-button),a.button:not(.no-button-style):not(.icon-button){min-width:3em}button.button:not(.no-button-style).big,a.button:not(.no-button-style).big{--font-size-factor: 1.125}button.button:not(.no-button-style).huge,a.button:not(.no-button-style).huge{--font-size-factor: 1.5}button.button:not(.no-button-style).secondary,a.button:not(.no-button-style).secondary{filter:saturate(0)}button.button:not(.no-button-style):before,button.button:not(.no-button-style):after,a.button:not(.no-button-style):before,a.button:not(.no-button-style):after{content:"";display:block;position:absolute;top:0;left:0;width:calc(100% + 1em);height:calc(100% + 1em)}button.button:not(.no-button-style):before,a.button:not(.no-button-style):before{background:var(--shadow-gradient);z-index:-1}button.button:not(.no-button-style):after,a.button:not(.no-button-style):after{background:url(/assets/img/button-texture.png);mix-blend-mode:multiply}button.button:not(.no-button-style) span,a.button:not(.no-button-style) span{width:100%;display:inline-block;padding:.05em .5em .2em;margin:0}button.button:not(.no-button-style) span:after,a.button:not(.no-button-style) span:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to top left,rgba(255,255,255,.3) 0%,transparent 60%),var(--background-gradient)}button.button.no-button-style,a.button.no-button-style{font-style:italic;font-weight:700;font-size:1.25rem;background:none;outline:none;border:none;color:#fff;text-shadow:var(--text-shadow-distance-fat) var(--text-shadow-distance-fat) 0px var(--text-shadow-color-dark);padding:1em}button:focus{outline:none}.button-group{display:flex;gap:1rem;justify-content:center}.icon-button{background:none;--font-size-factor: .7 !important;rotate:-9deg;margin-bottom:.75em}.icon-button:before,.icon-button:after{width:100%!important;height:130%!important;top:.1em!important;clip-path:url(#clip-path-iconbutton)}.icon-button span{aspect-ratio:1/1;width:2.5em!important;display:grid!important;place-items:center;height:2em;padding:0!important}.icon-button span:after{top:.1em!important;border-radius:50%!important}.icon-button i{position:relative;filter:drop-shadow(.1em .175em rgba(0,0,0,.25))}.global-visual-effects{position:absolute;top:50%;left:50%;pointer-events:none;z-index:99999}.global-visual-effects video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:var(--full-height);z-index:99999;object-fit:contain;object-position:center;transform-origin:top left}.global-visual-effects .safe-image-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:var(--full-height);z-index:9991}.global-visual-effects .safe-image-wrapper img{object-fit:contain;object-position:center}.prompt-panel .illu-wrapper.face{--translate-x: -50%;--translate-y: -50%;position:absolute;left:1.5em;z-index:9200;width:clamp(10em,(100vw - 100%) / 2,50%);top:40%;transform:translate(var(--translate-x)) translateY(var(--translate-y))}.prompt-panel .illu-wrapper.face+.prompt-text{margin-left:4rem}.prompt-image{--prompt-image-height: 10rem;width:110%;max-width:50ch;margin:0 auto;display:block;position:relative;display:flex;justify-content:center}.prompt-image img{height:var(--prompt-image-height);width:auto;display:block}.prompt-image.position-v-overlapping{height:calc(.2 * var(--prompt-image-height))}.prompt-image.position-v-overlapping img{transform:translateY(-80%)}.prompt-image.position-v-top{height:auto}.prompt-image.position-v-top img{transform:none}.prompt-image.position-h-left{justify-content:flex-start}.prompt-image.position-h-right{justify-content:flex-end}.popup-backdrop>.prompt-image{flex:1 0 auto;align-items:center;--prompt-image-height: 15rem;padding-top:2rem}.popup-backdrop>.prompt-image img{transform:none}.prompt-text{position:relative}.prompt-actions{height:0;padding-top:.5rem}.prompt-actions .Button-group{display:flex;justify-content:center;column-gap:.5rem}.illu-wrapper{max-width:100%;margin:0;padding:0;display:block}.illu-wrapper .illu{width:100%;height:100%;object-fit:contain;animation-fill-mode:forwards}.illu-wrapper.attention{animation:blobb .5s ease-in-out}.illu-wrapper.inactive{filter:saturate(0) brightness(1.2)}button:focus .illu,.button:focus .illu{animation:blobb .5s ease-in-out}@keyframes blobb{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.ui-popup{position:fixed;z-index:9999;background:var(--main-background);animation:fadeInUiPopup .5s ease backwards;translate:0px 0px!important;display:flex;flex-direction:column;padding-block:2em;box-sizing:border-box}.ui-popup>*{animation:inherit;animation-delay:.25s}.ui-popup h3{font-size:1.25rem;color:var(--green);font-style:normal;letter-spacing:.01em;margin-bottom:.5em;text-wrap:balance}.ui-popup h2{text-align:center;margin-block:0;max-width:13em;line-height:1.05;text-wrap:balance}.ui-popup p{font-weight:700;font-style:italic;font-size:1.25rem;max-width:18em;text-align:center;text-wrap:balance;margin-top:0}@keyframes fadeInUiPopup{0%{translate:0px -10vmin;opacity:0}}.ui-popup.transparent{background:var(--main-background-transparent)}.ui-popup-illu{--max-height: 60vh;margin:calc(max(-1 * var(--max-height),-100vmin) / 1500 * 238);width:146.484375vmin;max-width:var(--max-height);aspect-ratio:1/1}.ui-popup .button-group{flex-direction:column;align-items:center}video::-webkit-media-controls{display:none!important}*::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.media-controls-container,.media-controls-container *{display:none!important}video{pointer-events:none!important}.click-play video{pointer-events:all!important}.dashboard-wrapper{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.dashboard-header{justify-content:space-around;position:relative;z-index:1;padding-block:.5rem;padding-top:env(safe-area-inset-top);filter:drop-shadow(0 .5rem 0px rgba(0,0,0,.25));margin-bottom:-1em}.dashboard-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% calc(100% - 1em),0% 100%);background:var(--main-background);z-index:-1}.dashboard-header-inner{gap:10vw;display:flex;justify-content:space-between;max-width:980px;padding:0 1em;margin:0 auto;align-items:center}.header-buttons{padding:.75em 0 1.25em}.character-selection{height:100%;flex-grow:1;align-items:flex-start;display:flex;flex-direction:column;overflow:hidden;width:100vw;position:relative;z-index:0}.character-selection>*:first-of-type{flex-grow:1;width:100%}.logo{max-width:min(10.5em,28vh);margin-bottom:-7vh;margin-left:1em}.logo img{width:calc(5em + 15vmin);padding:0;top:calc(5em + env(safe-area-inset-top));position:absolute;translate:0px -50%}.player-name{display:flex;justify-content:center;gap:1em;text-shadow:.1em .1em rgba(0,0,0,.4)}.player-name h2 span{display:inline-block;line-height:0}.player-name h2 span:nth-of-type(1){font-size:1.35em}.player-name h2 span:nth-of-type(2){font-size:.85em}.player-name>*{margin:0}.meta{display:flex;flex-direction:column;align-items:center;width:100vw;justify-content:center;margin-top:1em;padding-bottom:3em}.meta .score{display:flex;padding:.45em 1.5em 1.25em;position:relative}.meta .score:before,.meta .score:after{content:"";position:absolute;clip-path:polygon(0 0,100% 5%,100% 90%,0% 100%);z-index:-1}.meta .score:before{top:.5em;left:.5em;width:100%;height:100%;background:rgba(0,0,0,.3)}.meta .score:after{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--main-background)}.meta .score{align-items:center}.meta .score>*:not(:first-child){margin-left:1.5em}.meta .button{margin-top:-.75em;margin-left:3.25em}.main{flex-grow:1;display:flex;flex-direction:column}.dashboard-wrapper .bean-count{padding-right:1em;border-right:1px solid white}.score .illu-wrapper{width:6em;height:auto;margin-inline:-.5em;margin-top:-2em;margin-bottom:.5em}.dashboard-wrapper .level-state{display:flex;flex-direction:column;justify-content:center}.dashboard-wrapper .bigfont{display:inline;line-height:1}.level-state,.bean-count{display:flex;flex-direction:column;justify-content:center}.level-state h3,.bean-count h3{margin-top:-.2em}.screensaver{width:100vw;min-height:var(--full-height);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--main-background);z-index:9999}.screensaver .illu-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:all!important}.character-slider-wrapper{width:100%;display:flex;flex-direction:column;list-style:none;padding:0;flex:1 1 0;justify-content:flex-start;position:relative;--container-height: 100%;--height-to-bottom-end: 100%}.character-slider-wrapper .suffix{text-transform:capitalize}.character-slider{max-width:100%;position:relative;flex:1 1 100%}.character-slider .swiper,.character-slider .swiper-wrapper{height:100%}.character-slider .swiper-slide{display:flex;width:100vw;flex:1 1 100%}.character-slider .swiper-slide.flickity-enabled{min-height:100%}.character-figures{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.character-illustration{position:absolute;height:110%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;object-fit:contain;object-position:center 4vh;rotate:0deg;transform-origin:center 150vh}.character-selection .planet{--translate-x: -50%;position:absolute;width:auto;min-width:100vw;--height: max( calc(var(--container-height) * .76 / .58), calc((var(--container-height) * .24 + var(--height-to-bottom-end)) / .42), 100vw );height:var(--height);left:50%;transform-origin:center 58%;transform:translate(var(--translate-x));top:calc(var(--height) * -.58 + var(--container-height) * .76);z-index:-1}.character-selection .surroundings{position:absolute;width:100%;height:30%;object-fit:contain;object-position:center center;top:65%;left:0;z-index:-2}.player-name{position:absolute;bottom:0;left:50%;transform:translate(-50%);white-space:nowrap}.player-name .button{top:-.35em}.swiper{max-width:100%}.swiper-navigation{top:50%;position:absolute;width:100%;display:flex;justify-content:space-between;pointer-events:none}.swiper-navigation .arrow{pointer-events:initial;transition:transform .15s ease-out,opacity .2s ease}.swiper-navigation .arrow[disabled]{opacity:0}.swiper-navigation .arrow .illu-wrapper{width:8vmin;margin:2em}.swiper-navigation .arrow{pointer-events:all;background:none;border:none}.swiper .flickity-viewport{min-height:100%}/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;background:rgba(255,255,255,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:rgba(51,51,51,.25);border-radius:50%;cursor:pointer;-webkit-appearance:none;appearance:none;border:none;text-indent:-9999px;overflow:hidden}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-page-dot.is-selected{background:#333}.sprocket-state{display:flex;align-items:center;justify-content:center;--sprocket-margin: -.8em}.sprocket-state .illu-wrapper{width:3em}.sprocket-state .illu-wrapper:not(:first-of-type){margin-left:var(--sprocket-margin);filter:drop-shadow(-.3em .2em .25em rgba(0,0,0,.3))}.standalone-thumb{flex-grow:1;height:100%}.level-thumb{aspect-ratio:1/1;position:relative;padding:0;display:block;width:3em;height:3em;font-size:clamp(2em,min(20vw,12vh),7em)}.level-thumb .button{position:absolute!important;font-size:1.5rem!important;top:3%;left:97%;transform:translate(-50%,-50%)}.level-thumb .button:hover{transform:translate(-50%,-50%) scale(1.1);scale:none}.level-thumb .button:active{transform:translate(-50%,-50%) scale(1.15);scale:none}.level-thumb .sprocket-state{width:100%;position:absolute;left:0;z-index:1;--sprocket-margin: -1em !important;font-size:.35em;top:calc(-1.5*min(2.5vmin,1em))}.level-thumb .sprocket-state+div>svg{top:.5em}.level-thumb:after{content:"";position:absolute;width:100%;height:100%;top:.22rem;left:.15rem;background:linear-gradient(to bottom left,color-mix(in srgb,var(--world-color) 10%,white),color-mix(in srgb,var(--world-color) 55%,white) 10%,color-mix(in srgb,var(--world-color) 55%,white) 43%,color-mix(in srgb,var(--world-color) 65%,black) 57%,color-mix(in srgb,var(--world-color) 65%,black) 85%,color-mix(in srgb,var(--world-color) 40%,black));scale:1.01 1.03;z-index:-1}.level-thumb-newlyunlocked .thumb-clipped .illu-wrapper,.level-thumb-locked .thumb-clipped .illu-wrapper{position:absolute;width:calc(100% - 1em);top:.5em;left:.5em;right:.5em;bottom:.5em}.level-thumb-locked:after{background:linear-gradient(to bottom left,#fff,color-mix(in srgb,#140f20 70%,white) 10%,color-mix(in srgb,#140f20 70%,white) 43%,color-mix(in srgb,#140f20 90%,white) 57%,color-mix(in srgb,#140f20 90%,white) 85%,color-mix(in srgb,#140f20 40%,black))}.level-thumb-locked .thumb-clipped{background:linear-gradient(220deg,var(--gradient-color1),var(--gradient-color2))!important}.level-thumb .thumb-clipped{background:var(--world-background);background-size:250%;background-position:center center;position:absolute;top:0;left:0;right:0;bottom:0}.level-thumb:before,.level-thumb:after,.level-thumb .thumb-clipped{clip-path:polygon(14.1% 2.8%,84.8% 0%,86.4% 0%,87.9% .2%,89.4% .6%,90.8% 1.1%,92.2% 1.8%,93.5% 2.6%,94.7% 3.5%,95.8% 4.5%,96.7% 5.7%,97.6% 6.9%,98.4% 8.3%,99% 9.7%,99.5% 11.2%,99.8% 12.7%,100% 14.3%,100% 16%,97% 80.6%,96.9% 82%,96.6% 83.4%,96.3% 84.7%,95.8% 86%,95.2% 87.2%,94.5% 88.4%,93.7% 89.5%,92.9% 90.5%,91.9% 91.4%,90.9% 92.3%,89.8% 93%,88.6% 93.6%,87.4% 94.2%,86.1% 94.6%,84.8% 94.9%,83.5% 95.1%,19.9% 100%,18.4% 100%,16.9% 99.9%,15.5% 99.6%,14.1% 99.2%,12.8% 98.6%,11.5% 98%,10.3% 97.2%,9.2% 96.3%,8.2% 95.2%,7.3% 94.1%,6.5% 92.9%,5.8% 91.6%,5.2% 90.2%,4.7% 88.8%,4.4% 87.3%,4.2% 85.7%,0% 19.1%,0% 17.5%,.1% 15.9%,.4% 14.4%,.8% 13%,1.4% 11.6%,2.1% 10.3%,2.9% 9%,3.8% 7.9%,4.8% 6.8%,5.9% 5.9%,7.1% 5%,8.3% 4.3%,9.7% 3.7%,11.1% 3.3%,12.6% 3%,14.1% 2.8%,14.1% 2.8%)}.level-thumb-link .level-thumb,.level-thumb-link .level-thumb-locked,.level-loader .level-thumb,.level-loader .level-thumb-locked{font-size:clamp(1em,8vmin,3em)}.standalone-thumb .level-thumb:hover:not(:has(.button:hover)){scale:1.1}.svg-wrapper{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;border-radius:inherit;animation:none;-webkit-mask-image:radial-gradient(#000 30%,rgba(0,0,0,0) 110%);mask-image:radial-gradient(#000 30%,rgba(0,0,0,0) 110%)}.svg-preview{width:100%;height:100%;transform:scale(2) rotate(-20deg)}.svg-preview:last-of-type{translate:-.1px -106.5%}.world-wrapper{width:100vw;height:100%;overflow-y:scroll}.world{display:flex;flex-direction:column;align-items:center;min-height:50vh;position:relative;overflow:hidden;clip-path:polygon(0% 5em,100% 0%,100% calc(100% - 5em),0% 100%);padding-block:5em;margin-block:-5em}.world:first-of-type{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 5em),0% 100%);padding:0;margin:0;padding-block-end:5em;margin-block-end:-5em;margin-block-start:-1px}.world:last-of-type{clip-path:polygon(0% 5em,100% 0%,100% 100%,0% 100%);padding-block-end:5em;margin-block-end:0em}.levels{display:flex;justify-content:center;flex-wrap:wrap;margin-left:-1.5vmin;margin-right:-1.5vmin;list-style:none;padding:0 0 5em;width:min(90%,40em);z-index:1}.levels .level-thumb:before{content:"";position:absolute;width:100%;height:100%;top:.5em;left:.1em;scale:.9;background:rgba(0,0,0,.2);z-index:-2;transition:all .15s ease-out}.levels .level-thumb:hover:before{top:1em;background:rgba(0,0,0,.1);scale:.75}.before-worlds{display:flex;justify-content:center;position:relative;z-index:1;background:var(--body-background-color);padding-top:calc(3em + env(safe-area-inset-top))}.before-worlds:after{content:"";position:absolute;top:100%;left:0;width:100%;height:3em;background:linear-gradient(to bottom,var(--body-background-color),transparent);z-index:-1}h2{margin-block:1em}.levels li{list-style:none;margin-left:1.5vmin;margin-right:1.5vmin;margin-bottom:5vmin}.levels li{position:relative;transition:all .15s ease-out}@media(hover:hover)and (pointer:fine){.levels li:hover,.levels li:has([data-gamepad-focused=true]){scale:1.1}}.levels li .sprocket-state .illu-wrapper{transition:all .2s ease-out}@media(hover:hover)and (pointer:fine){.levels li:hover .sprocket-state .illu-wrapper:nth-of-type(1){scale:1.15}.levels li:hover .sprocket-state .illu-wrapper:nth-of-type(2){scale:1.2;transition-delay:.1s}.levels li:hover .sprocket-state .illu-wrapper:nth-of-type(3){scale:1.25;transition-delay:.2s}}.levels li .sprocket-state{transition:all .15s ease-out}.fill-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;object-fit:cover;z-index:-1;max-width:100%;max-height:100%;height:100%}.fill-bg.loaded{animation:fadeInFillBg 1s ease both}@keyframes fadeInFillBg{0%{opacity:0}}.hud{font-weight:bolder;font-size:1.5em;text-shadow:.1em .1em white;color:#000;pointer-events:none;user-select:none}.hud:before{content:"";position:absolute;top:0;left:0;width:100%;height:10%;pointer-events:none;z-index:0}@media(display-mode:standalone){.hud:before{height:25%;background:linear-gradient(to bottom,var(--world-color),transparent)}}@media not (display-mode:standalone){.hud:before{height:15%;opacity:.5;background:linear-gradient(to bottom,var(--world-color),transparent)}}.hud .top,.hud .bottom-left{position:absolute;z-index:999;pointer-events:none}.hud .top{top:0;left:0;width:calc(100% - 2em);padding:calc(env(safe-area-inset-top) + .6em) 1em 0;display:flex;justify-content:space-between;align-items:center;gap:1em}@media(max-width:768px)and (hover:none){.hud .top{background:linear-gradient(to bottom,var(--body-background-color) 0%,transparent)}}[data-is-iphone-safari-browser] .hud .top{padding:env(safe-area-inset-top) 1em 0}.hud .bottom-left{bottom:calc(env(safe-area-inset-bottom) + 1em);left:1em;display:flex;flex-direction:column;gap:.5em;font-size:.8em;z-index:9300}.hud .bottom-left>*{pointer-events:all}.hud .bottom-left button{display:block}.collected-items,.collected-beans,.timestamp{display:flex;justify-content:center;align-items:center;gap:.5em}.collected-items{white-space:nowrap}.item-icons{display:flex;justify-content:center;align-items:center;max-width:100%}.collected-items .illu-wrapper{width:max(1.5em,7vmin);height:max(1.5em,7vmin);position:relative}.collected-items .illu-wrapper:not(:first-of-type){margin-left:min(-.5em,-5vmin)}.collected-items .illu-wrapper:nth-of-type(odd){top:-.25em}.collected-items .illu-wrapper:nth-of-type(2n){top:.25em}.small{width:2em;height:2em}.countdown{font-weight:700;font-size:30vmin;color:#fff;pointer-events:none;transition:opacity .5s ease-in-out}.countdown .smaller{font-size:.5em}.prompt:has(.countdown){justify-content:center}.popup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 20px 4em;color:#fff;z-index:9100;opacity:0;pointer-events:none}.popup-backdrop--prompt{justify-content:flex-end}.popup-backdrop--visible{opacity:1;pointer-events:all;transition:opacity .25s ease}.popup-backdrop:before{content:"";position:absolute;display:block;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.533),rgba(0,0,0,.8));z-index:-5;top:0;left:0;right:0;bottom:0}.popup-backdrop:has(.fail):before{background:linear-gradient(to bottom,rgba(227,18,95,.8),rgba(0,0,0,.533),rgba(227,18,95,.8))}.popup-backdrop.bottom{justify-content:flex-end}.prompt-panel{color:#000;position:relative;padding:2rem;max-width:35ch;margin-bottom:2rem}.prompt-panel .prompt-background{position:absolute;top:0;left:0;right:0;bottom:0;filter:drop-shadow(.5rem .5rem 0 rgba(0,0,0,.5))}.prompt-panel .prompt-background:before{content:"";display:block;position:absolute;background:#fff;clip-path:polygon(0% 5%,100% 0%,98% 100%,5% 95%);pointer-events:all;top:0;left:0;right:0;bottom:0}.prompt-panel.fail{color:#fff}.prompt-panel.fail .prompt-background:before{background-color:#e3125f}.prompt-panel h3{line-height:1;margin:0;text-shadow:none}.prompt-panel h3+p{margin-top:.5em}.prompt-panel p{line-height:1.3}.pause-screen{height:100%;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:stretch;align-items:center;max-height:80vh;gap:1rem}.pause-screen .middle-part{flex-grow:1;height:100%;width:100%;max-width:90vw;position:relative}.pause-screen .illu-wrapper{display:block;object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.pause-screen .button-group{justify-content:center;align-items:center;flex-direction:column}.level-loader{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;flex-grow:1;background-image:var(--main-background);position:absolute;top:0;left:0;right:0;bottom:0;z-index:9800}.level-loader .level-thumb{margin-bottom:1em}.level-loader .headings{text-align:center;margin-bottom:1em}.level-loader .headings h1,.level-loader .headings h3{display:block}.level-loader.exit-animation{animation:exit var(--exit-duration) ease-in-out forwards}.level-items{position:relative;margin-top:3em;margin-bottom:1em;--items-count: attr(data-length type(<number>))}.level-items .illu-wrapper{top:0;left:0;position:absolute;width:15em;height:15em;max-width:none;animation:catwalk 5s ease-in-out infinite;animation-fill-mode:backwards;will-change:transform;z-index:0;transform-origin:center;transform:scale(.5);--distance: calc(1em + (.5em * var(--items-count)));--f: calc( var(--t) / 2000 * pi + var(--index) * pi * 2 / var(--items-count) );--x: calc(sin(var(--f)) * var(--distance));--s: calc(.5 + cos(var(--f)) / 3);--index: attr(data-index type(<number>));translate:calc(var(--x) - 50%) calc(0px - 50%);scale:var(--s);z-index:round(var(--s) * 100,1);transform-origin:50% 50%}.level-items .illu-wrapper .illu{animation:rotate 10s linear infinite;will-change:transform}@keyframes rotate{to{transform:rotate(-360deg)}}.glow{animation:gloww 2s ease-in-out infinite}@keyframes gloww{0%,to{opacity:0}50%{opacity:.5}}.bravo-head{max-width:42vmin;aspect-ratio:1/1;width:100%}.bean-card{background:var(--color-accent);background-size:cover;background-position:center;border-radius:4vh;box-shadow:var(--panel-box-shadow);text-shadow:var(--text-shadow-hard)!important}.bean-card .illu-wrapper{max-width:15vh;margin-top:-8vh}.bean-card .total-score span{display:block;text-shadow:.05em .15em 0px rgba(0,0,0,.4)}.bean-card .total-score{padding-right:1em}.bean-card .total-score span:not(.bigfont){font-size:1.5em;text-shadow:.05em .05em 0px rgba(0,0,0,.4)}.bean-card h1,.bean-card .bigfont{text-shadow:var(--text-shadow-distance-fat) var(--text-shadow-distance-fat) 0px var(--text-shadow-color-light)}.bean-card h1{padding:0 1em .5em}.buttons{display:flex;flex-direction:column;align-items:center}.buttons>*:not(:last-child){margin-bottom:1em}.sprocket-achievement{list-style:none;display:flex;justify-content:center;padding:0;gap:1em}.sprocket-achievement .animated-illu .frame{scale:.34}.sprocket-achievement li{width:5em;text-align:center}.sprocket-achievement li .illu-wrapper{aspect-ratio:1/1;margin-bottom:.1em}.sprocket-achievement li .illu{display:block}.beanheap-section{position:relative;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.beanheap-section .beanheap{width:100%}.beanheap-section .beanheap .illu{display:block}.beanheap .illu-wrapper{max-width:20vh;width:100%;position:relative;z-index:1;aspect-ratio:400/512;margin:0 auto}.beanheap-background{position:absolute;display:block;margin-top:-4em;z-index:0;left:0;min-width:100vw;min-height:calc(81% + 4em);object-fit:cover;object-position:top center}.counting-score{z-index:1;position:relative}.sprocket-countup{max-width:30vmin;width:100%}.sprocket-countup .illu{width:100%;display:block}.final-score>:not(:last-child){margin-bottom:1em}.share-level{display:flex;justify-content:center;align-items:center;gap:1em}.score-step{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;min-height:100%}.score-step-value{font-size:1.6rem;font-weight:700;font-style:italic;color:var(--color-accent);text-shadow:var(--text-shadow-hard)}.items-catched{justify-content:center;font-size:3rem;display:flex}.items-catched i+i{margin-left:-10%}.level-succeeded{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.level-succeeded .swiper-wrapper{width:100%}.fade-in-background{position:fixed;top:0;right:0;bottom:0;left:0}.fade-in-background:before{content:"";animation-fill-mode:both;display:block;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;background:var(--main-background-transparent);animation-name:fadeInBackground;animation-duration:.5s;animation-timing-function:ease-in-out}@keyframes fadeInBackground{to{opacity:1}}.gameover{background:linear-gradient(#3c345e,#f25);position:fixed;top:0;right:0;bottom:0;left:0}.gameover .gameover-composition{position:relative;width:40vmin;height:40vmin}.gameover .gameover-composition h2{font-size:10vmin;position:relative;z-index:2;left:.5em}.gameover .gameover-composition .illu-wrapper{--translate-x: -50%;--translate-y: -50%;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(var(--translate-x)) translateY(var(--translate-y));object-fit:contain}.gameover .gameover-composition .illu-wrapper:nth-of-type(1){left:20%;width:50%}.gameover .gameover-composition .illu-wrapper:nth-of-type(2){left:60%;width:140%;height:140%}.gameover .buttons{display:flex;flex-direction:column}.gameover .buttons>*:not(:last-child){margin-bottom:1em}.quiz{--brain-height: 5.5em;--half-brain-height: calc(var(--brain-height) / 2);width:100%;height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.quiz .quiz-content{width:100%;height:100%;padding-block:var(--half-brain-height) var(--brain-height);display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.quiz .quiz-content:before{content:"";--diagonal-parameter: calc(.5em + 1.4vw) ;display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:url(/assets/img/button-texture.png);background-color:#fff;background-blend-mode:multiply;animation-duration:1.75s;animation-timing-function:cubic-bezier(.5,0,.5,.5);animation-name:var(--animation-name);clip-path:polygon(0% calc(var(--half-brain-height) + var(--diagonal-parameter)),100% calc(var(--half-brain-height) - var(--diagonal-parameter)),100% calc(100% - var(--diagonal-parameter) * -1 - var(--brain-height)),0% calc(100% - var(--diagonal-parameter) - var(--brain-height)));z-index:-1}.quiz .quiz-content .brains{margin-top:-2.75em;margin-bottom:-2.75em;display:flex;justify-content:center}.quiz .quiz-content .brains .illu-wrapper{width:5.5em}.quiz .quiz-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.quiz .quiz-intro h2{max-width:8em;text-align:center;line-height:1.1}.quiz .quiz-intro .quiz-illu{position:relative}.quiz .quiz-intro .quiz-illu .illu-wrapper{max-width:50vmin}.quiz .quiz-intro .quiz-illu .question-mark{--translate-x: -50%;--translate-y: -50%;transform:translate(var(--translate-x)) translateY(var(--translate-y));position:absolute;top:43%;left:50%;font-size:25vmin}.quiz .quiz-question{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0}@media(min-height:600px){.quiz .quiz-question{height:90%}}.quiz .quiz-question .question-body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;color:#000!important;overflow:visible;padding:0 1em;width:100%;height:100%;max-width:100%;box-sizing:border-box}.quiz .quiz-question .question-body>*:not(:last-child){margin-bottom:1em}.quiz .quiz-question .question-text{font-weight:700;font-style:normal;font-size:1.5em;line-height:1.2;text-align:center;margin:0 auto;max-width:30rem;display:flex;align-items:center;justify-content:center}.quiz .quiz-question .question-text--lg{font-size:1.8em;font-weight:700;padding-block-end:3em}.quiz .quiz-question .question-figure{margin:0 auto;height:30svh;max-width:100%;width:45svh;mix-blend-mode:multiply}.quiz .quiz-question .question-figure.with-background{filter:drop-shadow(.1em .1em .5em rgba(0,0,0,.25))}.quiz .quiz-question .question-figure.with-background img{clip-path:polygon(0% 5%,100% 0%,100% 92%,0% 100%);background:linear-gradient(to right,#ececec,#ddd)}.quiz .quiz-question .question-figure img{height:100%;width:100%;object-fit:cover}.quiz .quiz-question .answer-hint{max-width:30ch;text-align:center;margin:0}.quiz .quiz-question .quiz-answers{display:flex;flex-direction:column;align-items:center}.quiz .quiz-question .quiz-answers>*:not(:last-child){margin-bottom:.7em}.quiz .quiz-question .quiz-answers .feedback{display:none;position:absolute;left:100%;top:80%;transform:translate(30%,-70%);width:3em;height:3em;background-size:contain;background-repeat:no-repeat}.quiz .quiz-question .quiz-answers .quiz-button{width:min-content;position:relative}.quiz .quiz-question .quiz-answers .quiz-button:not(.right-answer) .button{--background-gradient: linear-gradient( to bottom right, #40efff, #00c6d8, #00809a );--shadow-gradient: linear-gradient(to right, #00c6d8, #00567b);--text-shadow-color: #00567b}.quiz .quiz-question .quiz-answers .quiz-button.wrong-answer .button{--background-gradient: linear-gradient( to bottom right, #c4c4c4, #bbbbbb );--shadow-gradient: linear-gradient(to right, #c7c7c7, #909090);--text-shadow-color: #a3a3a3;pointer-events:none}.quiz .quiz-question .quiz-answers .quiz-button.right-answer .button{pointer-events:none}.quiz .quiz-question .quiz-answers .chosen-answer:not(.right-answer) .button{--background-gradient: linear-gradient( to bottom right, #d80048, #a60037 );--shadow-gradient: linear-gradient(to right, #cb0044, #580e09);--text-shadow-color: #940031}.quiz .quiz-question .quiz-answers .chosen-answer:not(.right-answer) .feedback{display:block;background-image:url(/assets/img/wrong-hint.png)}.quiz .quiz-question .quiz-answers .chosen-answer.right-answer .feedback{display:block;background-image:url(/assets/img/right-hint.png)}.quiz .quiz-next{margin-bottom:-1.25em;margin-top:1.5rem}.quiz .quiz-success{min-height:var(--full-height);display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes rightAnswer{0%{background-color:#12e57f}}@keyframes wrongAnswer{0%{background-color:#d80048}}@keyframes white{0%{background-color:#fff}}.block-button{text-align:center}img{width:100%;height:auto;margin:0;padding:0}.safe-image-wrapper{display:flex;justify-content:center;align-items:center}.block-image .safe-image-wrapper{max-width:100%;max-height:300px;height:auto;width:auto;margin:0 auto;display:block}.block-logos .page-container{display:flex;align-items:center;justify-content:space-between}.block-logos a{display:block;flex:none;width:40%}.block-logos a .safe-image-wrapper{display:block;width:100%}.block-markdown-content>*{display:block}.block-markdown-content a{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.05em;color:inherit}.block-markdown-content a:hover{color:#12e57f}.page{overflow:auto;width:100%}.page-container{max-width:64ch;padding-inline:1.5rem;padding-block:5svh;width:calc(100% - 3rem);margin:0 auto;box-sizing:border-box}.page-section{box-shadow:var(--panel-box-shadow)}.page-navigation{display:flex;justify-content:flex-end;padding:15px 20px}.page.scrollable{max-height:var(--full-height);max-width:100vw;overflow-y:scroll}.page .dashboard-header{box-shadow:none;padding-block-end:0}.level-preview-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;gap:var(--flex-gap);opacity:0;transition:opacity .25s ease-in-out}.level-preview-wrapper h3{line-height:1.2;margin-top:1em}.level-preview-wrapper .thumb-clipped{background-size:100%}.share-level-score{display:flex;align-items:center;gap:var(--flex-gap)}.level-highscore ul{list-style:none;padding:0}.level-highscore li{display:flex}.level-highscore ul{margin:0}.level-highscore .accent{text-transform:uppercase}.level-slider{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;height:var(--full-height);gap:1em}.level-slider-header{flex:0 0 55%;width:100%;margin-bottom:1em;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3em}.level-slider .swiper,.level-slider .swiper-wrapper{width:100%}.level-slider .flickity-viewport{overflow:visible}.level-slider .swiper-navigation{top:50%;transform:translateY(-30%)}.share-level-score{margin-block:-2em}.level-stats+.share-level-score{animation:fade-up .5s ease;animation-fill-mode:backwards;animation-delay:2s}@keyframes fade-up{0%{opacity:0;transform:translateY(20%)}}.level-stats{display:flex;padding:5vh;animation:simpleFadein .4s;animation-fill-mode:forwards}.level-stats .illu{animation:none}.level-stats .level-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:4vmin;border-right:2px solid white}.level-stats .level-highscore{margin-left:4vmin}.level-stats .bean-state{display:flex;align-items:center;justify-content:center}.level-stats .bean-state .illu-wrapper{max-width:4em;margin-block:-.5em -.2em}.level-stats .share-level-score .button{font-size:.8em}.level-stats .bean-state .illu-wrapper{width:6em}.level-stats .sprocket-state{font-size:min(2vmin,.8em)}@keyframes simpleFadein{0%,10%{opacity:0}to{opacity:1}}.edit-name{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.edit-name .suffix{text-transform:capitalize}.edit-name-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.edit-name .swiper,.edit-name .swiper-wrapper{width:100%}.edit-name .illu{max-width:50vmin;height:auto;width:100%;display:block}.edit-name .illu-wrapper{width:100%;display:flex;justify-content:center}.swiper-slide-center{display:flex;justify-content:center}input{background-color:rgba(0,255,161,.2);-webkit-appearance:none;border:none;font-size:1.5em;padding:.5em 1em;color:#fff;text-align:center;border-radius:.2em;font-family:Barlow,sans-serif;font-weight:800;font-style:italic}.edit-name .buttons{margin-top:2em;display:flex;flex-direction:column}.edit-name .buttons>*:not(:last-child){margin-bottom:1em}.splash-wrapper.hidden{display:none;opacity:0;pointer-events:none}.splash-start{width:100vw;min-height:100vh;min-height:var(--full-height);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#120e1d;z-index:9998}@media(max-width:768px)and (hover:none){.splash-start:after{position:absolute;top:0;width:100%;content:" ";background:linear-gradient(to bottom,#120e1d,transparent);height:50vw;pointer-events:none}}.splash-start.hidden{display:none;opacity:0;pointer-events:none}.splash-start .splash-logo{width:50vw;max-width:18em;min-width:10em}.splash-start .illu-wrapper{max-width:65vmin}.splash-start h1{margin-bottom:1em;text-shadow:.075rem .075rem 0 var(--green);font-weight:500;font-size:2rem}.splash-start .button.clicked{animation:buttonClick .2s ease forwards}@keyframes buttonClick{to{scale:.001;opacity:0}}.intro-video-wrapper .splash-video video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:8888888;object-fit:cover}.intro-video-wrapper .splash-video.playing video{pointer-events:all!important}.intro-video-wrapper .button-wrapper{position:fixed;bottom:2em;left:50%;translate:-50% -50%;z-index:99999999;opacity:0}.intro-video-wrapper:has(.playing) .button-wrapper{opacity:0}.intro-video-wrapper:has(.playing) .button-wrapper:has(.visible){opacity:1;animation:fadeIn .75s ease both;animation-delay:.75s}@keyframes fadeIn{0%{opacity:0;translate:-50% calc(-50% + 1em)}}.but-logo{aspect-ratio:512/321}#game>.sentry-feedback{position:fixed;bottom:1.3em;right:1.5em;top:auto;left:auto;font-size:1rem}#game>.sentry-feedback button{background-color:#333;font-weight:700;color:#fff;display:block;text-decoration:none;font-style:normal;transition:background-color .2s ease;padding-block:.5em;padding-inline:.27em .25em;text-align:center;box-shadow:3px 3px 10px rgba(0,0,0,.4);font-size:.8em;line-height:.9;width:5em;height:5em;border-radius:50%;overflow-wrap:break-word;word-break:break-all;word-wrap:break-word}#game>.sentry-feedback button:hover{background-color:#000}#sentry-feedback{--font-family: inherit;--accent-background: #333}.debug-mode-info{position:absolute;top:1em;left:1em;z-index:99999999999;background:red;color:#fff;padding:.25em;border-radius:50%;aspect-ratio:1/1;border:none;outline:none;width:1em;height:1em}