@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Magnifika;src:url(/static/media/Magnifika.ca6cafa38208315036cf.otf) format("truetype")}@font-face{font-display:swap;font-family:MBF;src:url(/static/media/MBF-m.d246ee04514f0bb64b60.ttf) format("truetype")}body,html{background-color:#191919;font-family:Outfit,sans-serif;margin:0;overflow:hidden;padding:0}main{display:flex;flex:1 1;flex-direction:column;min-height:0}.ad-slot{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:50px;width:100%}@media screen and (min-width:728px){.ad-slot{min-height:90px}}.app-content-under-ad .ad-slot{bottom:28px;left:0;pointer-events:none;position:absolute;right:0;z-index:5}.app-content-under-ad .ad-container{pointer-events:auto}.app{align-items:center;background-color:#191919;color:#ecdbba;display:flex;flex-direction:column;font-family:Outfit,sans-serif;height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0;width:100vw}.header{background-color:#191919;border-bottom:3px solid #ecdbba;box-sizing:border-box;color:#ecdbba;font-family:Magnifika;font-size:1em;padding:.3em .5em .2em}.header,.logo-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.logo-container{padding:.2em 0;text-align:center;transition:transform .8s ease}.logo-container.slide{transform:translateX(-25%)}.logo{display:block;margin:0 auto}.menu-container{position:absolute;right:1rem;top:1.2rem;z-index:100}.menu-tooltip{animation:tooltipPulse 2s ease-in-out infinite;background-color:#ecdbba;border:2px solid #2d4263;border-radius:13px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#042d4f;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;opacity:0;padding:.4rem .8rem;pointer-events:none;position:absolute;right:60px;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:99}.menu-tooltip.show{animation:tooltipAppear .5s ease forwards,tooltipPulse 2s ease-in-out infinite}.menu-tooltip.hide{animation:tooltipDisappear .5s ease forwards}.menu-tooltip:after{background-color:#ecdbba;border-right:2px solid #2d4263;border-top:2px solid #2d4263;content:"";height:12px;position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:12px}@keyframes tooltipAppear{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tooltipDisappear{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(-20px,-50%)}}@keyframes tooltipPulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.02)}to{transform:translateY(-50%) scale(1)}}.btn{cursor:pointer;height:20px;padding:5px;position:relative;width:20px}.btn-line{background:#ecdbba;border-radius:3px;display:block;height:3px;left:0;position:absolute;transition:all .3s ease;width:85%}.btn-line:first-child{top:0}.btn-line:nth-child(2){top:7px}.btn-line:nth-child(3){top:14px}.btn.active .btn-line:first-child{top:10px;transform:rotate(45deg)}.btn.active .btn-line:nth-child(2){opacity:0}.btn.active .btn-line:nth-child(3){top:10px;transform:rotate(-45deg)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.7);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:98}.overlay.visible{opacity:1;pointer-events:all}.sidebar{background:#191919;box-shadow:-4px 0 10px rgba(0,0,0,.2);flex-direction:column;font-family:Outfit,sans-serif;font-weight:600;right:-300px;transition:all .3s ease;width:270px;z-index:99}.profile-overlay,.sidebar{display:flex;height:100%;position:fixed;top:0}.profile-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.7);justify-content:center;left:0;width:100%;z-index:1000}.profile{background-color:#191919;border-radius:10px;color:#ecdbba;font-family:Outfit,sans-serif;font-weight:600;height:500px;padding:2rem;position:relative;text-align:center;transition:all .3s ease;width:275px}.profile-header{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-bottom:1rem}.close-profile{cursor:pointer;left:10px;position:absolute;top:10px}.user-avatar-large{border-radius:50%;display:block;height:75px;margin:0 10px;width:75px}.profile-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.logout-button{background-color:#c84b31;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 15px;position:relative;top:300px;transition:background-color .3s ease;width:100%}.logout-button:hover{background-color:#a33e28}.sidebar.open{right:0}.sidebar-list{flex:1 1;list-style:none;margin:0;min-height:0;padding:4.5rem 0 1rem 1rem}.sidebar-item{margin-bottom:.8rem}.sidebar-content:hover{background-color:#2d4263;transform:scale(1.04)}.sidebar-content{align-items:center;background-color:#2d4263;border-radius:25px 0 0 25px;color:#ecdbba;cursor:pointer;display:flex;padding:.8rem;transition:background-color .3s ease,transform .2s ease}.bx{font-weight:500;line-height:0}.sidebar-content .sidebar-icon{align-items:center;background-color:#ecdbba;border-radius:25%;color:#042d4f;display:flex;height:32px;justify-content:center;line-height:0;margin-right:.5rem;padding:.2em;width:32px}.user-avatar{border-radius:25%;height:32px!important;object-fit:cover;padding:0;width:32px!important}.sidebar-icon img{height:25px;width:25px}.sidebar-content span{color:inherit;font-size:1rem;font-weight:600}.sidebar-footer{align-items:center;background-color:#2d4263;border-top:3px solid #ecdbba;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;font-size:.8rem;font-weight:400;gap:.4rem;justify-content:flex-start;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));width:100%}@media screen and (max-height:620px){.sidebar-list{padding-top:3.75rem}.sidebar-item{margin-bottom:.5rem}.sidebar-content{padding:.6rem}}.history-button{align-items:center;background-color:transparent;border:none;color:#ecdbba;cursor:pointer;display:flex;font-size:1rem}.history-button img{height:20px;margin-right:.5rem;width:20px}.points-button{background-color:#ecdbba;border:none;border-radius:5px;color:#191919;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.points-button:hover{background-color:#c84b31;color:#ecdbba;transition:all .3s ease}.header-right{align-items:center;display:flex;justify-content:right;padding:0;width:33.3%}.header-center{flex:1 1 100%;font-family:MBF;justify-content:center;text-align:center}.header-center,.header-left{align-items:center;padding:0;width:25%}.header-left{display:flex;justify-content:right}.history-var-img{color:#000;display:flex;height:10px;width:10px}.header-center h1{display:flex;flex-direction:row;font-size:2.3em;line-height:1;margin:0;padding:0}.svg-icon{fill:currentColor;height:24px;vertical-align:middle;width:22px}.finished-message{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;padding-bottom:8px}.finished-message>.feedback-section,.finished-message>.next-game-section{flex-shrink:0}.revancha-buttons{flex-direction:column;gap:15px;margin-top:1rem;width:100%}.restart-button,.revancha-buttons{display:flex;justify-content:center}.restart-button{align-items:center;background-color:#2d4263;border:2px solid #ecdbba;border-radius:12px;color:#ecdbba;cursor:pointer;font-family:Outfit,sans-serif;font-size:1.1em;font-weight:600;gap:8px;height:45px;margin:0 auto;transition:all .3s ease;width:200px}.restart-button:hover{background-color:#ecdbba;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#2d4263;transform:translateY(-2px)}.restart-button:active{box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(0)}.restart-button i{font-size:1.2em;line-height:0}a{color:#483d8b}.finished-message>h3{display:flex;flex:1 1 auto;font-size:2em;justify-content:center;min-height:0;text-align:center}.winner{display:flex;flex-direction:column-reverse;font-size:.8em;justify-content:flex-end;margin-top:.5em;min-height:0;padding-bottom:.2em}.winner p{line-height:1;margin:0}.winner img{flex:0 1 120px;height:120px;margin:0 auto;min-height:0;object-fit:contain;width:120px}.feedback-section{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:.5em;width:80%}.feedback-section h4{color:#ecdbba;font-size:1.2em;margin:.6em 0 .5em}.feedback-section textarea{background-color:#191919;border-radius:10px;box-sizing:border-box;font-family:Outfit,sans-serif;font-weight:200;height:52px;padding:.5em;resize:none;width:100%}.feedback-section textarea,.submit-feedback-button{border:2px solid #ecdbba;color:#ecdbba;font-size:1em}.submit-feedback-button{background-color:transparent;border-radius:20px;cursor:pointer;font-weight:700;margin-top:.5em;padding:.5em 3.6em;transition:all .3s ease}.submit-feedback-button:hover{background-color:#ecdbba;color:#191919;transform:scale(1.1)}.footer{grid-gap:.5rem;align-items:center;background-color:#2d4263;border-top:3px solid #ecdbba;box-sizing:border-box;display:grid;flex-shrink:0;font-size:.75rem;gap:.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:28px;line-height:1;padding:0 16px;white-space:nowrap;width:100%}.footer__copy{justify-self:start}.footer__version{justify-self:end}.footer p{margin:0}.footer__copy,.footer__version{align-items:center;color:#ecdbba;display:flex;margin:0}h1,h3{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.footer__title{font-family:MBF;font-size:.95rem;font-weight:700;margin:0;text-align:center}:active,:hover,:visited,a:link{color:#ecdbba;text-decoration:none}.next-game-section{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:400px;width:100%}.next-game-title{color:#ecdbba;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:500;margin:.6rem 0;opacity:.9;text-align:center}.game-options{display:flex;gap:.6rem;justify-content:center;width:100%}.game-option{align-items:center;background-color:#191919;border:2px solid #2d4263;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:.5rem .6rem;transition:all .3s ease;width:130px}.game-option:hover{border-color:#ecdbba;box-shadow:0 4px 12px hsla(40,57%,83%,.1);transform:translateY(-2px)}.game-option:active{transform:translateY(0)}.game-option.selected{background-color:#2d4263;border-color:#ecdbba}.game-option-points{color:#ecdbba;font-size:1.6rem;font-weight:600}.game-option-text{font-size:.7rem;opacity:.8}.game-option-text,.start-game-button{color:#ecdbba;letter-spacing:.5px;text-transform:uppercase}.start-game-button{align-items:center;background-color:#c84b31;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-top:.6rem;padding:1rem 0;transition:all .3s ease;width:calc(268px + 3rem)}.start-game-button:disabled{background-color:#2d2d2d;color:#ecdbba;cursor:not-allowed}.start-game-button:hover{background-color:#a33e28;box-shadow:0 4px 12px rgba(200,75,49,.2);transform:translateY(-2px)}.start-game-button:active{transform:translateY(0)}.start-game-button i{font-size:2rem;line-height:0}@media screen and (max-width:360px){.finished-message>h3{font-size:1.6em}}@media screen and (max-height:620px){.next-game-title{font-size:1.05rem;margin:.4rem 0}.game-option{padding:.35rem .6rem}.game-option-points{font-size:1.35rem}.start-game-button{padding:.7rem 0}.feedback-section h4{font-size:1.05em;margin:.4em 0 .3em}.feedback-section textarea{height:44px}}@media screen and (max-height:700px){.app{overflow-x:hidden;overflow-y:scroll}}.counter-body-nos{align-items:center}.counter-body-ellos,.counter-body-nos{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0;min-height:0;overflow:hidden;padding:0;width:50vw}.counter-buttons-container{flex-direction:column;gap:.5rem;padding-bottom:12px;width:100%}.counter-button,.counter-buttons-container{align-items:center;display:flex;justify-content:center}.counter-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#2d4263;border-radius:100%;border-style:none;color:#ecdbba;cursor:pointer;font-size:1em;font-weight:700;height:65px;line-height:0;margin:0 .7em;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:65px}@keyframes buttonPress{0%{background-color:#2d4263;transform:scale(1)}50%{background-color:#2d4263;transform:scale(.94)}to{background-color:#2d4263;transform:scale(1)}}.counter-button:active{animation:buttonPress .15s ease forwards;-webkit-animation:buttonPress .15s ease forwards}.counter-button:active:after{content:"";display:none}.counter-points{margin-top:2dvh}.counter-title{background-color:#2d4263;color:#ecdbba;text-align:center;width:100%}.counter-title h2{font-size:1.3em;margin:0;padding:.3em}.stage-indicator h3{font-size:1em;font-weight:400}.board{display:flex;flex:1 1;flex-direction:row;justify-content:center;min-height:0;position:relative}.board:after{background:linear-gradient(180deg,#ecdbba calc(100% - 48px),hsla(40,57%,83%,0));bottom:0;content:"";left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:4px}.buttons-row{display:flex;flex-direction:row;gap:.5rem}.stage-indicator{text-align:center;width:100%}.svg-canvas-wrapper{align-items:center;display:flex;flex:0 1 310px;justify-content:center;min-height:0;position:relative}.svg-canvas{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;gap:2rem;height:100%;max-height:310px;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100px}.match-place{animation:matchPlace .22s ease-out;transform-box:fill-box;transform-origin:center}@keyframes matchPlace{0%{opacity:0;transform:translateY(-5px) scale(1.06)}to{opacity:1;transform:none}}.match-ghost{animation:ghostPulse 1.6s ease-in-out infinite}@keyframes ghostPulse{0%,to{opacity:.18}50%{opacity:.55}}.tap-ripple{fill:none;stroke:#ecdbba;stroke-width:2;animation:tapRipple 1.6s ease-out infinite;transform-box:fill-box;transform-origin:center}.tap-ripple-delay{animation-delay:.8s}@keyframes tapRipple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.tap-hint-label{fill:#ecdbba;font-family:Outfit,sans-serif;font-size:9px;font-weight:600;letter-spacing:.3px;opacity:.75}@media (prefers-reduced-motion:reduce){.match-ghost,.match-place,.tap-ripple{animation:none}.match-ghost{opacity:.4}}@media screen and (max-height:600px){.svg-canvas-wrapper{flex-basis:250px}.counter-buttons-container{flex-direction:column;gap:.5rem;margin:0}.counter-points h1{font-size:1.5rem}.counter-button{height:60px;width:60px}.footer{margin-top:0}.svg-canvas{margin:0;max-height:250px;padding:0;width:200px}}
/*# sourceMappingURL=main.82c88e8a.css.map*/