:root{--spacing-bottom-nav: 0px;--spacing-bottom-ad: 0px;--spacing-bottom: calc(var(--spacing-bottom-nav) + var(--spacing-bottom-ad));--spacing-bottom-sw: 0px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-36: 36px;--spacing-outer: 16px;--headerHeight: 60px;--subHeaderHeight: 32px;--radius-2: 2px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-circle: 50%;--userAvatarRadius: var(--radius-circle);--font-h1: 32px;--font-h2: 24px;--font-h3: 18px;--font-subtitle1: 16px;--font-body1: 14px;--font-body2: 13px;--font-body3: 12px;--font-caption1: 11px;--font-caption2: 10px;--font-caption3: 9px;--floatingCreditsMargin: var(--spacing-12)}.nav-bottom{--spacing-bottom-nav: 60px}:root{--carousel-pagination-width: 12px;--carousel-pagination-height: 4px;--carousel-pagination-margin: 4px;--carousel-pagination-border-radius: 2px;--c-carousel-pagination-bg: var(--bg-tertiary);--c-carousel-pagination-bg--active: var(--accentColor)}
*{box-sizing:border-box;font-family:var(--font),Sans-Serif;margin:0;padding:0}html,body{color:var(--fg-primary);font-size:var(--font-body2);min-height:100%;background-color:var(--bg-primary)}a{color:inherit;text-decoration:none}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}p{font-size:var(--font-body2)}.wrapper{display:flex;flex-direction:column;margin:auto;max-width:500px;min-height:100vh}@media(min-height: 1024px){.wrapper{min-height:auto}}.app{background-color:var(--bg-primary);color:var(--fg-primary);height:100vh;overflow-x:hidden;max-width:100%;min-width:320px;width:100%}.main{background:var(--bg-primary);transition:all .25s;overflow:auto;position:relative;height:100vh;width:100%}.main__overlay{background:rgba(0,0,0,.25);bottom:0;left:0;position:fixed;opacity:1;right:0;top:0;transition:all 10s;z-index:200}.content{max-width:600px;padding:var(--spacing-12);margin:0 auto}.open .main{overflow:hidden}.hidden{visibility:hidden}.debug{background:var(--red-base);color:#fff;padding:var(--spacing-12);text-align:center}
.alert{bottom:var(--spacing-16);font-size:var(--font-body2);left:0;margin:0 auto;max-width:500px;padding:0 var(--spacing-16);position:fixed;right:0;width:100%;z-index:100}.alert-box{padding:var(--spacing-16);border-radius:var(--radius-12);display:flex;align-items:center;justify-content:space-between}.alert-box pre{margin:0;white-space:pre-line;text-align:left}.alert-msg{background-color:var(--red-base);border-radius:var(--radius-6);color:var(--red-base);font-size:var(--font-caption1);font-weight:bold;padding:var(--spacing-12);text-align:center}.alert-red{background-color:var(--red-base);color:#fff}.alert-blue{background-color:var(--blue-base);color:#fff}.alert-green{background-color:var(--green-base);color:#fff}.alert svg{fill:#fff;width:20px;height:20px}.alert.fade-enter-active,.alert.fade-leave-active{transition:all .1s cubic-bezier(0.3, 0.5, 0.8, 1)}.alert.fade-enter,.alert.fade-leave-to{transform:translateY(30px);opacity:0}
.btn{align-items:center;background-color:rgba(0,0,0,0);border:none;cursor:pointer;display:flex;justify-content:center;outline:0;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--spacing-8)}.btn--box{background-color:var(--bg-secondary);border-radius:var(--radius-12);text-align:left;width:100%;padding:var(--spacing-16)}.btn--box.tap{opacity:.9}.btn:disabled,.btn--inactive{cursor:default;opacity:.5}.btn--block{display:block;width:100%}.btn--pw{width:20px;height:20px;position:absolute;right:var(--spacing-12);top:50%;margin-top:-10px}.btn--pw svg{width:20px;height:20px;fill:var(--fg-secondary)}.btn--pw.pw-reveal-on svg{fill:var(--fg-primary)}.btn .btn--spinner{animation:spin 1s linear infinite;border-radius:50%;border:3px solid var(--accentColor);border-top-color:rgba(0,0,0,0);bottom:0;height:20px;left:var(--spacing-24);margin:auto;position:absolute;top:0;width:20px}.btn__icon{height:16px;width:16px}.btn-group{margin-bottom:var(--spacing-12)}.btn-group:last-child{margin-bottom:0}.btn-group--margin{margin-top:var(--spacing-12)}.btn-group--stacked .btn:not(:last-child){margin-bottom:var(--spacing-12)}.btn--primary{background-color:var(--fg-primary);color:var(--bg-primary);font-weight:bold}.btn--primary.tap{opacity:.9;color:var(--bg-secondary)}.btn--primary[disabled]{opacity:.8;color:var(--fg-secondary)}.btn--secondary{background-color:var(--bg-secondary);color:var(--fg-primary);font-weight:600}.btn--secondary.tap{opacity:.9;color:var(--fg-secondary)}.btn--secondary[disabled]{color:var(--fg-disabled)}.btn--tertiary{background-color:rgba(0,0,0,0);color:var(--fg-tertiary);font-weight:600;border:1px solid var(--bg-tertiary)}.btn--tertiary.tap{background-color:rgba(255,255,255,.03)}.btn--tertiary[disabled]{opacity:.9;color:var(--fg-disabled)}.btn--accent{background-color:var(--accentShadow);color:var(--accentColor);font-weight:600;border:1px solid var(--accentColor)}.btn--accent.tap{opacity:.9}.btn--accent[disabled]{opacity:.5}.btn--red{background-color:var(--red-shadow-darkest);color:var(--red-base);font-weight:600;border:1px solid var(--red-base)}.btn--red.tap{opacity:.9}.btn--red[disabled]{opacity:.5}.btn--link{color:var(--fg-tertiary)}.btn--link.tap{color:var(--fg-secondary)}.btn--link[disabled]{color:var(--fg-disabled)}.btn--apple{background-color:#000;color:#fff;font-weight:bold;border:1px solid var(--bg-tertiary)}.btn--apple.tap{opacity:.9}.btn--fb{background-color:#365cb0;color:#fff;font-weight:bold}.btn--fb.tap{opacity:.9}.btn--google{background-color:#fff;color:#000;font-weight:bold}.btn--google.tap{opacity:.9}.btn--piano,.btn--ue{background-color:var(--fg-primary);color:var(--bg-secondary);font-weight:bold}.btn--piano.tap,.btn--ue.tap{opacity:.9}.btn--sm{font-size:var(--font-caption1);border-radius:var(--radius-8);height:25px;padding:0 6px}.btn--md{font-size:var(--font-body2);border-radius:var(--radius-12);height:36px;padding:0 10px}.btn--lg{font-size:var(--font-body1);border-radius:var(--radius-12);height:40px;padding:0 12px}.btn--xl{font-size:var(--font-subtitle1);border-radius:var(--radius-16);height:48px;padding:0 16px}.btn--wide{width:100%;flex-grow:1}
.carousel{box-sizing:border-box;overscroll-behavior:none;position:relative;touch-action:pan-y}.carousel__image{display:block;margin:auto;height:250px;max-width:100%}.carousel__pagination{display:flex;justify-content:center;line-height:0;list-style:none;margin:10px 0 0}.carousel__pagination-button{background:rgba(0,0,0,0);border:0;cursor:pointer;display:block;margin:0;padding:var(--carousel-pagination-margin)}.carousel__pagination-button::after{background-color:var(--c-carousel-pagination-bg);border-radius:var(--carousel-pagination-border-radius);content:"";display:block;height:var(--carousel-pagination-height);width:var(--carousel-pagination-width)}.carousel__pagination-button:hover::after,.carousel__pagination-button--active::after{background-color:var(--c-carousel-pagination-bg--active)}.carousel__slide{display:flex;flex-shrink:0;justify-content:center;margin:0;position:relative;scroll-snap-stop:auto;transform:translateZ(0)}.carousel__sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.carousel__track{display:flex;padding:0 !important;position:relative}.carousel__viewport{min-height:440px;overflow:hidden}.carousel .is-dragging{touch-action:none}
.container{padding:var(--spacing-16)}
.contest-consent__overlay{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%}.contest-consent__buttons{display:flex;align-items:center;justify-content:center;grid-gap:var(--spacing-12)}.contest-consent__buttons .btn{flex-basis:0;flex-grow:1;height:40px;font-weight:bold}.contest-consent__close{width:30px;height:30px}.contest-consent__close svg{width:100%;height:100%;fill:var(--fg-secondary)}.contest-consent__description{color:var(--fg-secondary);margin-bottom:var(--spacing-16)}.contest-consent__input{align-items:center;color:var(--fg-secondary);display:flex;margin-bottom:var(--spacing-16);position:relative}.contest-consent__input input[type=checkbox]{margin-right:var(--spacing-8);background-color:rgba(0,0,0,0);border:2px solid var(--fg-secondary);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;flex-shrink:0}.contest-consent__input input[type=checkbox]:checked{background-color:var(--fg-secondary);box-shadow:inset 0 0 0 2px var(--bg-secondary)}.contest-consent__input a{color:var(--activeColor)}.contest-consent__input input.error{box-shadow:0 0 0 2px var(--red-base)}.contest-consent__logo{height:50px}.contest-consent__title{font-size:var(--font-h2);margin-bottom:var(--spacing-16)}.contest-consent__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-16)}.contest-consent__wrapper{background-color:var(--bg-secondary);position:absolute;bottom:0;left:0;top:auto;right:0;z-index:2;max-height:100%;overflow:auto;padding:var(--spacing-16);transition:all .25s}@media(min-width: 500px){.contest-consent__wrapper{bottom:auto;margin:0 auto;top:var(--spacing-16);width:500px;overflow:initial;max-height:-moz-fit-content;max-height:fit-content}}@media(max-width: 500px){.contest-consent__wrapper{top:auto}}.contest-consent.fade-enter-active .contest-consent__wrapper{top:calc(var(--spacing-36)*-1)}@media(max-width: 500px){.contest-consent.fade-enter-active .contest-consent__wrapper{top:auto}}
input{outline:0}input::-moz-placeholder{color:var(--fg-secondary)}input::placeholder,.has-placeholder{color:var(--fg-secondary)}input[type=text],input[type=password],input[type=number],input[type=tel],input[type=email],input[type=date],input[type=datetime],input[type=datetime-local]{border:0;background-color:var(--bg-secondary);height:40px;font-size:var(--font-body2);text-align:center;width:100%;border-radius:var(--radiusCapsule);padding:var(--spacing-12);color:var(--fg-primary)}.input{position:relative}.input:not(:last-child){margin-bottom:var(--spacing-24)}.input input.error{border:1px solid var(--red-base)}.input input.error::-moz-placeholder{color:var(--red-shadow-darkest)}.input input.error::placeholder{color:var(--red-shadow-darkest)}.input label.error,.input div.error,.input label.ok,.input div.ok{font-size:var(--font-caption1);font-weight:bold;text-align:center;position:absolute;left:0;right:0;top:100%;margin-top:var(--spacing-6)}.input label.error,.input div.error{color:var(--red-shadow-darkest)}.input label.ok,.input div.ok{color:var(--green-base)}[type=checkbox]{display:none}[type=checkbox]+label{cursor:pointer;display:inline-block;line-height:18px;margin-bottom:0;padding-left:36px}[type=checkbox]+label:before{border-radius:4px;border:1px solid var(--bg-tertiary);content:"";cursor:pointer;display:inline-block;height:16px;left:0;margin-right:6px;margin-top:-9px;position:absolute;top:50%;vertical-align:middle;width:16px}[type=checkbox]:checked+label:before{background:var(--accentColor);border-color:var(--accentColor)}[type=checkbox]:disabled+label{color:var(--bg-tertiary);cursor:default}[type=checkbox]:disabled+label:before{cursor:default}
.cta{text-align:center}.cta--spaced{padding:60px 0}.cta__icon{height:120px;margin-top:var(--spacing-36);width:120px}.cta__title{color:var(--fg-primary);margin:var(--spacing-24) auto}.cta__text{color:var(--fg-secondary);line-height:1.4;margin-bottom:var(--spacing-12)}.cta__text--error{color:var(--red-base)}
.dialog{bottom:0;color:var(--fg-primary);left:0;position:fixed;display:flex;right:0;top:0}.dialog--z1{z-index:1}.dialog--z2{z-index:2}.dialog--z3{z-index:3}.dialog__body{background:var(--bg-primary);border-radius:12px 12px 0 0;bottom:0;position:absolute;width:100%}@media(min-width: 600px){.dialog__body{border-radius:12px;bottom:auto;position:relative;margin:0 auto;align-self:center;width:400px}}@media(min-width: 600px){.dialog__body.size-l{border-radius:12px;bottom:auto;position:relative;margin:0 auto;align-self:center;width:640px}}.dialog__coin{align-items:center;background:var(--bg-primary);border-radius:999px;border:1px solid var(--bg-tertiary);border:12px;display:flex;height:38px;padding:var(--spacing-6);position:absolute;right:var(--spacing-12);top:var(--spacing-12);z-index:1}.dialog__close{position:absolute;right:12px;top:12px;align-items:center;background:none;border-radius:100%;border:1px solid var(--bg-tertiary);color:var(--bg-tertiary);cursor:pointer;display:flex;height:38px;justify-content:center;width:38px}.dialog__close svg{align-items:center;display:flex;fill:var(--fg-secondary);height:20px;justify-content:center;width:20px}.dialog__content{max-height:75vh;padding:var(--spacing-24);overflow-y:auto}.dialog__header{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-24) 60px}.dialog__footer{padding:0 var(--spacing-24) var(--spacing-24) var(--spacing-24)}.dialog__footer--horizontal{display:flex;flex-direction:row;gap:var(--spacing-12)}.dialog__text{text-align:center}.dialog__title{flex-grow:1;overflow:hidden;text-align:center;text-overflow:ellipsis;color:var(--fg-primary);font-size:var(--font-h3);font-weight:bold}.dialog__overlay{background:rgba(0,0,0,.75);bottom:0;left:0;position:fixed;right:0;top:0}.dialog h2{margin-bottom:var(--spacing-12)}
.emoji{font-size:20px;line-height:1}.emoji--big{font-size:50px;margin:var(--spacing-24);text-align:center}
.form__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-4);border:2px solid var(--bg-tertiary);cursor:pointer;font-size:16px;height:16px;position:relative;transition:all .1s linear;width:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.form__checkbox:checked{background-color:var(--accentColor);border-color:var(--accentColor)}.form__checkbox+.form__label{cursor:pointer;flex-grow:1;margin-left:var(--spacing-6)}.form__links{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12);display:flex}
.list{list-style:none;margin:0;padding:0}.list__empty{padding:var(--spacing-24);text-align:center}.list__icon{font-size:var(--font-h1)}.list__item{margin-top:var(--spacing-12)}.list__item:first-child{margin-top:0}.list__item-icon{margin-right:var(--spacing-4);min-width:20px}.list__item-image{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:var(--spacing-12);width:24px}.list__item-image:last-child{margin-right:0}.list__item-image svg{fill:var(--fg-primary)}.list__item-image img{height:auto;max-width:100%}.list__item-info{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;width:100%}.list__item-description{color:var(--fg-tertiary);font-size:var(--font-body1);flex-shrink:0;margin:var(--spacing-12) 0 0;width:100%;display:block}.list__item-spinner{height:24px;position:relative;width:24px}.list__item-title{align-items:center;color:var(--fg-primary);display:flex;flex:1;margin:0}.separator{border-bottom:1px solid var(--bg-secondary);color:var(--fg-secondary);margin:var(--spacing-24) 0;position:relative;text-align:center}.separator__label{align-items:center;background:var(--bg-primary);display:flex;height:40px;justify-content:center;left:50%;margin:-20px auto auto -20px;position:absolute;top:50%;width:40px}
.spinner{animation:spin 1s linear infinite;border:5px solid var(--accentColor);border-radius:50%;border-top-color:rgba(0,0,0,0);height:80px;left:0;right:0;position:absolute;top:0;bottom:0;margin:auto;width:80px}.spinner--sm{height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.terms{font-size:var(--font-caption2);color:var(--fg-secondary);text-align:center;margin:auto;padding:var(--spacing-12)}.terms a{text-decoration:underline;font-weight:bold}
.topbar{align-items:center;display:flex;justify-content:center;min-height:75px;padding:var(--spacing-16);position:relative;width:100%}.topbar__back{left:var(--spacing-16);position:absolute;top:var(--spacing-16)}.topbar__back svg{width:16px;height:16px}.topbar__logo{height:40px}.topbar__logo svg{width:102px;height:100%}.topbar__sublogo{display:flex;justify-content:center;align-items:center;padding:var(--spacing-12)}.topbar__sublogo img{height:16px}.topbar__title{flex-grow:1;text-align:center;color:var(--fg-primary)}
.info-pill{display:flex;flex-direction:column;align-items:center}.info-pill .title{color:var(--fg-secondary);font-size:var(--font-caption1);line-height:14px}.info-pill .caption{color:var(--fg-primary);font-size:var(--font-body2);line-height:16px}
.player-avatar-group{display:flex;justify-content:center;flex-wrap:wrap}.player-avatar-group>*{position:relative;margin-left:-12px}
.contest__link{text-decoration:underline}.contest__coin{display:flex;height:20px;width:20px;margin-left:var(--spacing-4)}.contest__coin svg{transform:scale(0.8)}.contest__separator{background:var(--bg-secondary);border-radius:100%;height:4px;margin:var(--spacing-6);width:4px}
.container-login .info{text-align:center;margin:var(--spacing-24) 0}.container-login .error-description{text-align:center}
.page-join .invitation-info{display:flex;flex-direction:column;gap:var(--spacing-12);margin-bottom:var(--spacing-24)}