@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{font-family:Outfit,sans-serif;margin:0;overflow:hidden;padding:0}main{display:flex;flex:1 1;flex-direction:column}.app{flex-direction:column;font-family:Outfit,sans-serif;height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0;width:100vw}.app,.header{align-items:center;background-color:#191919;color:#ecdbba;display:flex}.header{border-bottom:3px solid #ecdbba;box-sizing:border-box;font-family:Magnifika;font-size:1em;padding:.3em .5em .2em}.header,.logo-container{justify-content:center;position:relative;width:100%}.logo-container{align-items:center;display:flex;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;left:81.5%;opacity:0;padding:.4rem .8rem;pointer-events:none;position:absolute;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:5px;position:relative;width:30px}.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);font-family:Outfit,sans-serif;font-weight:600;overflow-y:auto;right:-300px;transition:all .3s ease;width:270px;z-index:99}.profile-overlay,.sidebar{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);display:flex;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{list-style:none;margin:0;padding:4.5rem 0 4.5rem 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;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font-size:.8rem;font-weight:400;gap:.4rem;height:200px;justify-content:flex-start;padding:1rem;position:absolute;width:100%}.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{display:flex;flex-direction:column;justify-content:flex-start}.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{font-size:2em;justify-content:center;text-align:center}.winner{display:flex;flex-direction:column-reverse;font-size:.8em;margin-top:.5em;padding-bottom:.2em}.winner p{line-height:1;margin:0}.winner img{height:auto;margin:0 auto;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-bottom:.5em}.feedback-section textarea{background-color:#191919;border-radius:10px;font-family:Outfit,sans-serif;font-weight:200;height:60px;padding:.5em;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{align-items:center;background-color:#2d4263;border-top:3px solid #ecdbba;box-sizing:border-box;display:flex;flex-direction:row;font-size:.9rem;gap:1rem;height:35px;justify-content:center;line-height:1;padding:0 20px;width:100%}.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:1.1rem;font-weight:700;margin:0 .4rem 0 .2rem;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:1rem 0 .6rem;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-height:700px){.app{overflow-x:hidden;overflow-y:scroll}}.counter-body-nos{align-items:center;border-right:2px solid #ecdbba}.counter-body-ellos,.counter-body-nos{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0;overflow:hidden;padding:0;width:50vw}.counter-body-ellos{border-left:2px solid #ecdbba}.counter-buttons-container{flex-direction:column;gap:.5rem;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{flex:1 1;justify-content:center}.board,.buttons-row{display:flex;flex-direction:row}.buttons-row{gap:.5rem}.stage-indicator{text-align:center;width:100%}.svg-canvas{gap:2rem;height:310px;width:100px}@media screen and (max-height:600px){.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{height:250px;margin:0;padding:0;width:200px}}
/*# sourceMappingURL=main.48de5dd1.css.map*/