/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Chelsea Market;src:url(c2b2a498ceff9f3a7e11.woff2) format("woff2"),url(0a18362585e3086c6f6f.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--viewport-background: #EDF2EB;--rows: 4;--cols: 4}body{background:var(--viewport-background);font-family:Chelsea Market;width:100%;height:100vh;height:100dvh;overflow:hidden}body *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}body *:focus{outline:none}body input{-webkit-user-select:all;-moz-user-select:all;user-select:all}body p,body form{margin:0}body button{line-height:0;background-color:transparent;outline:none;border:none;padding:0;cursor:pointer}section{width:100%;height:100vh;height:100dvh;background-color:var(--viewport-background);display:flex;align-items:center;justify-content:center}section .intro-img svg{width:100%}section .play-btn{position:absolute;bottom:0;left:50%;transform:translate(-50%);cursor:pointer}section .play-btn #bg-play,section .play-btn #play path{transition:fill .15s ease-out}section .play-btn:hover #bg-play{fill:#fff}section .play-btn:hover #play path{fill:#000}.page{display:none}.page.active{display:flex}game-board{display:grid;grid-template-columns:repeat(var(--cols, 1),1fr);grid-template-rows:repeat(var(--rows, 1),1fr);gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}game-board *{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 1280px){game-board{gap:20px}}game-card{width:var(--card-size, 100px);height:var(--card-size, 100px);border:8px solid #fff;border-radius:2px;transition:transform .15s ease-out;cursor:pointer;transform:perspective(800px);transform-style:preserve-3d;position:relative}@media (min-width: 1280px){game-card:hover{transform:perspective(800px) translateZ(30px)}}game-card[active]{transition:transform .15s ease-out;transform:perspective(800px) translateZ(0) rotateY(180deg)}@media (min-width: 1280px){game-card[active]{transform:perspective(800px) translateZ(0) rotateY(180deg)}}game-card img{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:relative;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}game-card .cover{position:absolute;top:0;left:0;transform:rotateY(180deg);z-index:1}.attempts{position:absolute;top:2rem;right:2rem}lights-ui{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}lights-ui svg{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}close-ui{position:absolute;top:1rem;left:1rem;z-index:10;text-decoration:none}close-ui a{text-decoration:none}close-ui div{display:flex;align-items:center;gap:10px;font-size:16px;text-transform:uppercase;color:#000}@media (max-width: 768px){close-ui div{font-size:20px}close-ui div img{width:25%}}@media (max-width: 768px){close-ui{top:20px;left:20px}}close-ui img{max-width:2rem;height:auto}@media (min-width: 1280px){close-ui{top:50px;left:50px}close-ui img{max-width:unset}close-ui div{font-size:24px}}black-cloud-ui svg path,white-cloud-ui svg path{transition:all .2s ease-in-out}button:hover black-cloud-ui svg path{fill:#fff}button:hover white-cloud-ui svg path{fill:#000}left-arrow-ui,right-arrow-ui{cursor:pointer}.page{position:relative}.ranking{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:9999}.ranking__container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ranking__content{background-color:#fff;position:relative;z-index:10;text-transform:uppercase;padding:1rem;border-radius:20px;box-shadow:0 0 54px #00000038}@media (min-width: 768){.ranking__content{padding:3.75rem 4.375rem}}.ranking__content img{position:absolute;top:1.4rem;left:1.4rem;transform:translate(-50%,-50%);width:60px}@media (min-width: 768px){.ranking__content img{top:0;left:0;width:auto}}.ranking__difficulty{display:flex;align-items:center;justify-content:center;flex-direction:column}@media (min-width: 768px){.ranking__difficulty{justify-content:unset;gap:2rem}}.ranking__select{display:flex;align-items:center;gap:10px}.ranking__select select{background-color:#ddecd5;font-size:24px;text-transform:uppercase;padding:7px 10px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;text-align:center;border-radius:5px}.ranking__blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}.ranking__close{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:1rem;z-index:10;color:#000;text-transform:uppercase;font-size:24px}@media (min-width: 1024px){.ranking__close{top:50px;right:50px}}.ranking__title{font-size:2rem}.ranking__results{display:grid;grid-auto-flow:column;grid-template:repeat(5,1fr) / repeat(2,1fr);gap:.5rem 1.5rem;margin-top:3.5rem}@media (min-width: 768px){.ranking__results{gap:.5rem 1.5rem}}.ranking__result{display:flex;align-items:center;gap:10px;font-size:24px}.ranking__result:nth-of-type(1) .ranking__result__rank,.ranking__result:nth-of-type(2) .ranking__result__rank,.ranking__result:nth-of-type(3) .ranking__result__rank{color:#000;background-color:#ddecd5}.ranking__result__rank{width:1.5rem;height:1.5rem;border-radius:50px;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;font-size:14px}@media (min-width: 768px){.ranking__result__rank{width:50px;height:50px;font-size:24px}}.ranking__result__name{font-size:16px}@media (min-width: 768px){.ranking__result__name{font-size:24px}}.ranking__result__score{font-size:8px}@media (min-width: 768px){.ranking__result__score{font-size:12px}}.ranking.is-open{display:block}.ranking.is-open .home{filter:blur(15px)}.home{background-image:url(459546fa62f5bfe5160c.svg);background-repeat:no-repeat;background-position:bottom center;background-size:contain;background-color:#e5f4dd;position:relative}@media (max-width: 768px){.home{background-size:auto}}.home__title{position:relative;z-index:10}.home__title svg{width:100%;max-width:550px}@media (min-width: 1024px){.home__title svg{max-width:unset;width:unset}}.home__title button{line-height:0;background-color:transparent;outline:none;border:none;padding:0}.home__cloud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}@media (max-width: 768px){.home__cloud,.home__cloud img{width:100%}}.home__settings{position:relative;z-index:10;padding:2rem 0}@media (max-width: 768px){.home__settings{background:none;width:100%;display:block}}.home__settings form{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.home__settings form{gap:1rem}}.home__settings label{text-transform:uppercase;font-size:2rem}@media (max-width: 768px){.home__settings label{font-size:1.25rem}}.home__settings button{line-height:0;background-color:transparent;outline:none;border:none;padding:0}.home__players{display:flex;flex-direction:column;align-items:center;gap:5px}@media (min-width: 768px){.home__players{flex-direction:row;justify-content:center;gap:1rem}}.home__players__select{display:flex;align-items:center;gap:10px}.home__players__select select{background-color:#ddecd5;font-size:24px;text-transform:uppercase;padding:7px 10px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;text-align:center;border-radius:5px}@media (max-width: 768px){.home__players__select select{font-size:18px}}.home__players+.home__players{margin-top:10px}@media (min-width: 768px){.home__players+.home__players{margin-top:0}}.home__play{position:absolute;bottom:70px;left:50%;transform:translate(-50%);cursor:pointer}@media (min-width: 768px){.home__play{bottom:50px}}@media (min-width: 1024px){.home__play{bottom:-20px}}.home__play:hover p{color:#000}.home__play div{position:relative}.home__play p{transition:all .2s ease-in-out;text-transform:uppercase;font-size:2rem;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.home__corners__tleft{position:absolute;top:0;left:0;width:40%}.home__corners__tright{position:absolute;top:0;right:0;width:40%}.home__corners__bleft{position:absolute;bottom:0;left:0;width:100%;z-index:1}@media (min-width: 426px){.home__corners__bleft{width:50%}}@media (min-width: 1024px){.home__corners__bleft{width:35%}}.home__signature{position:absolute;z-index:5;left:0;bottom:16px;display:flex;align-items:flex-end;gap:2rem}.home__signature img{width:20%}.home__signature img.pen{display:none}@media (min-width: 768px){.home__signature img{width:20%}.home__signature img.pen{display:flex}}@media (min-width: 1024px){.home__signature img{width:unset}}@media (min-width: 768px){.home__signature{bottom:30px}}.home__vyp{display:flex;align-items:center;font-size:12px;gap:12px;margin-left:1rem}@media (min-width: 768px){.home__vyp{margin-left:0}}.home__vyp img{width:unset}.home__vyp__separator{height:52px;width:1px;background:#000}.home__vyp a{color:#000}.home__vyp .partner{margin-top:5px}.home__vyp .partner p{font-size:10px;font-family:sans-serif}.home__rating{position:absolute;top:30px;right:30px;z-index:999;display:flex;align-items:center;gap:1.25rem}@media (max-width: 768px){.home__rating{top:10px;right:10px;justify-content:flex-end;gap:1rem}.home__rating img{width:20%}}.home__rating__link{color:#000;text-decoration:none;text-transform:uppercase;font-size:24px}@media (max-width: 768px){.home__rating__link{font-size:1rem}}.home__leaves__left{position:absolute;left:2%;bottom:15%}@media (max-width: 768px){.home__leaves__left{width:25%}}.home__leaves__right{position:absolute;right:4%;bottom:12%}@media (max-width: 768px){.home__leaves__right{width:25%}}@media (max-width: 768px){.settings__play{bottom:-110px}}.players{flex-direction:column}.players__content{position:relative;background-color:#fff;border-radius:20px;padding:60px 60px 95px;margin:0 30px}@media (max-width: 768px){.players__content{padding:30px 30px 65px;width:calc(100% - 4rem)}}@media (max-width: 1024px) and (min-width: 768px){.players__content{padding:30px 50px 76px}}.players__title{text-transform:uppercase;font-size:70px;margin:0;margin-bottom:.5rem}@media (max-width: 768px){.players__title{font-size:30px;margin-bottom:2rem}}@media (max-width: 1024px) and (min-width: 768px){.players__title{font-size:70px}}.players__validate{position:absolute;bottom:-145px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.players__validate{bottom:-125px}}.players__validate:hover p{color:#000}.players__validate div{position:relative}.players__validate p{transition:all .2s ease-in-out;text-transform:uppercase;font-size:2rem;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.players__sticker{position:absolute;left:0;top:0;transform:translate(-50%,-70%)}@media (max-width: 768px){.players__sticker{width:25%;transform:translate(-35%,-50%)}}@media (max-width: 1024px) and (min-width: 768px){.players__sticker{width:25%;transform:translate(-45%,-65%)}}.players button{line-height:0;background-color:transparent;outline:none;border:none;padding:0;cursor:pointer}.players form{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:5;text-transform:uppercase;font-size:24px}@media (max-width: 1024px){.players form{font-size:18px}}.players form div{display:flex;align-items:center;justify-content:space-between;gap:20px}@media (max-width: 768px){.players form div{flex-direction:column}}.players input{text-align:center;border:none;outline:none;background-color:#ddecd5;padding:15px 20px;border-radius:10px;text-transform:uppercase}@media (max-width: 768px){.players input{padding:12px 8px;width:100%}}.players input::-moz-placeholder{color:#000;opacity:.3}.players input::placeholder{color:#000;opacity:.3}.game{gap:1.25rem}@media (min-width: 1280px){.game{gap:2rem}}@media (min-width: 1441px){.game{gap:8rem}}.game__left,.game__right{display:flex;flex-direction:column;gap:3.5rem}@media (min-width: 1280px){.game__left,.game__right{gap:3.5rem}}@media (min-width: 1441px){.game__left,.game__right{gap:6.25rem}}.game .player{text-align:center;font-size:16px;padding:.5rem;border-radius:25px;position:relative}@media (min-width: 1280px){.game .player{padding:1.25rem;font-size:20px}}.game .player.SINGLE{display:none}.game .player.active{background-color:#bfd3b2}.game .player.active .player__turn{display:block}.game .player.active score-cloud-ui path{fill:#fff}.game .player__name{text-transform:uppercase;font-size:24px}.game .player__separator{width:5px;height:3px;background-color:#000;margin:.5rem auto}.game .player__score{margin-top:1rem;position:relative}.game .player__score svg{width:100%}.game .player__score p{font-size:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game .player__turn{display:none;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.end__title{text-transform:uppercase}.end__container{background-color:#ddecd5;font-size:1.5rem;text-align:center;padding:1rem;border-radius:20px;position:relative;z-index:2}.end__container .less-opacity{opacity:0}@media (min-width: 768px){.end__container{padding:3.75rem 5rem}}@media (max-width: 768px){.end__container h2{font-size:3rem;margin-top:.5rem}}.end__content{margin:.5rem 0 1rem;position:relative}@media (min-width: 768px){.end__content{margin:2rem 0 3.5rem}}.end__score{display:flex;justify-content:space-between;flex-direction:column;gap:1rem}.end__score p{background-color:#fff;width:100%;border-radius:10px;padding:.5rem 1rem}@media (min-width: 768px){.end__score{flex-direction:unset}.end__score p{width:50%}}.end__rank{display:flex;align-items:center;background-color:#fff;border-radius:10px;padding:1rem 1.25rem;gap:5px;text-align:left;margin-top:1rem}.end__rank h3{margin:0;position:relative;font-size:40px;margin-right:1rem}.end__rank h3:after{display:block;content:"e";position:absolute;top:0;right:0;font-size:17px;transform:translate(100%)}.end__rank img{width:50px}.end__rank p{width:100%;font-size:1rem}.end__rank div{display:flex;align-items:center}@media (min-width: 768px){.end__rank{margin-top:1.5rem;gap:1rem}.end__rank img{width:auto}.end__rank h3{font-size:80px;margin-right:2rem}.end__rank h3:after{font-size:50px}.end__rank p{font-size:1.5rem}.end__rank div{gap:1rem}}.end__buttons{position:absolute;bottom:-4px;left:50%;transform:translate(-50%,50%);display:flex;align-items:center;gap:10px}.end__buttons p{font-size:1rem;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s ease-in-out}.end__buttons black-cloud-ui svg,.end__buttons white-cloud-ui svg{width:100px}@media (min-width: 768px){.end__buttons{bottom:0;gap:2rem}.end__buttons black-cloud-ui svg,.end__buttons white-cloud-ui svg{width:unset}.end__buttons p{font-size:2rem}}.end__quit{position:relative}.end__quit p{color:#fff}.end__quit:hover p{color:#000}.end__again{position:relative}.end__again p{color:#000}.end__again:hover p{color:#fff}.end h2{font-size:2rem;margin:0;margin-top:.5rem}@media (min-width: 768px){.end h2{font-size:8.25rem;margin-top:1.5rem}}.end drum-ui{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}