/*!
 * @whatthetune/client - 0.1.0
 * https://whatthetune.com
 * Copyright 2026 La petite agence
 */
*,*::before,*::after,*::before,*::after,*:focus,*:active{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;interpolation-mode:bicubic;outline:none}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects;text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-moz-placeholder{color:inherit;opacity:.54}::placeholder{color:inherit;opacity:.54}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}img{max-width:100%}button{background:none;border:0}@font-face{font-display:block;font-family:"wtt";font-style:normal;font-weight:normal;src:url(66553cafa9039501e9ff.ttf?p4jld3) format("truetype"),url(22193f04c01226dd30f7.woff?p4jld3) format("woff"),url(afa3528ac0bcc389eb83.svg?p4jld3#wtt) format("svg")}.abstract-icon,.chat-toggle .icon,[class^=icon-]::before,[class*=" icon-"]::before{display:inline-block;font-family:"wtt" !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:never;text-transform:none}.icon-artist:before{content:""}.icon-chat:before{content:""}.icon-close:before{content:""}.icon-cog:before{content:""}.icon-crown:before{content:""}.icon-discord:before{content:""}.icon-down:before{content:""}.icon-facebook:before{content:""}.icon-github:before{content:""}.icon-google:before{content:""}.icon-left:before{content:""}.icon-lock:before{content:""}.icon-mute:before{content:""}.icon-name:before{content:""}.icon-ok:before{content:""}.icon-pencil:before,#header .profile:hover>span:before{content:""}.icon-play:before{content:""}.icon-right:before{content:""}.icon-spotify:before{content:""}.icon-stopwatch:before{content:""}.icon-trophy:before{content:""}.icon-twitch:before{content:""}.icon-twitter:before{content:""}.icon-up:before{content:""}.icon-user:before{content:""}.icon-user-add:before{content:""}.icon-user-outline:before{content:""}.icon-volume-down:before{content:""}.icon-volume-off:before{content:""}.icon-volume-up:before{content:""}.icon-wait:before{content:""}.icon-flash:before{content:""}@keyframes wrong{30%,70%{transform:translateX(-2em)}50%{transform:translateX(2em)}}@keyframes right{0%{transform:scale3d(1, 1, 1)}25%{transform:scale3d(1.1, 1.1, 1.1)}100%{transform:scale3d(1, 1, 1)}}@keyframes slideDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes pulse-text{0%{font-size:1em}25%{font-size:1.2em}100%{font-size:1em}}@keyframes pulse{0%{transform:scale3d(1, 1, 1)}25%{transform:scale3d(1.2, 1.2, 1.2)}100%{transform:scale3d(1, 1, 1)}}@keyframes appear{0%{opacity:.5;transform:scale3d(2, 2, 2)}100%{opacity:1;transform:scale3d(1, 1, 1)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes tabIn{0%{opacity:0;transform:translateY(0.5em)}100%{opacity:1;transform:translateY(0)}}@keyframes rotation{0%{transform:rotate3d(0, 0, 1, 0deg)}100%{transform:rotate3d(0, 0, 1, 360deg)}}@keyframes equalizer{0%,100%{transform:scaleY(0.3)}50%{transform:scaleY(1)}}@keyframes pulseRing{0%{border-radius:60px;bottom:0;left:0;opacity:.45;right:0;top:0}70%{border-radius:78px;bottom:-18px;left:-18px;opacity:0;right:-18px;top:-18px}100%{border-radius:78px;bottom:-18px;left:-18px;opacity:0;right:-18px;top:-18px}}@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(55,187,93,.5)}70%{box-shadow:0 0 0 .5em rgba(55,187,93,0)}100%{box-shadow:0 0 0 0 rgba(55,187,93,0)}}@keyframes points-breakdown-popin{0%{opacity:0;transform:translateY(8px) rotate(-16deg) scale(0.4)}40%{opacity:1}58%{opacity:1;transform:translateY(0) rotate(7deg) scale(1.14)}100%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}@keyframes guess-ember{0%{opacity:0;transform:translateY(0) scale(1)}18%{opacity:.95}100%{opacity:0;transform:translateY(-19px) translateX(var(--dx, 0)) scale(0.2)}}@keyframes guess-glint{0%,72%{background-position:100% 0}92%,100%{background-position:0% 0}}@keyframes lb-dock-in{0%{opacity:0}100%{opacity:1}}@keyframes position1{0%{transform:translate3d(167px, 20px, 0)}20%{transform:translate3d(167px, 9px, 0)}100%{transform:translate3d(167px, 20px, 0)}}@keyframes position2{0%{transform:translate3d(0, 10px, 0)}15%{transform:translate3d(0, 10px, 0)}35%{transform:translate3d(0, 1px, 0)}100%{transform:translate3d(0, 10px, 0)}}@keyframes position3{0%{transform:translate3d(0, 10px, 0)}30%{transform:translate3d(0, 10px, 0)}50%{transform:translate3d(0, 1px, 0)}100%{transform:translate3d(0, 10px, 0)}}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.pull-left{float:left !important}.pull-right{float:right !important}.hidden{display:none}.clearfix{*zoom:1}.clearfix::before,.clearfix::after{content:"";display:table}.clearfix::after{clear:both}.row{*zoom:1}.row::before,.row::after{content:"";display:table}.row::after{clear:both}.row{margin-left:-20px;margin-right:-20px;padding:0}.row .col-1{float:left;padding:20px 20px;width:8.3333333333%}.row .col-offset-1{margin-left:8.3333333333%}.row .col-2{float:left;padding:20px 20px;width:16.6666666667%}.row .col-offset-2{margin-left:16.6666666667%}.row .col-3{float:left;padding:20px 20px;width:25%}.row .col-offset-3{margin-left:25%}.row .col-4{float:left;padding:20px 20px;width:33.3333333333%}.row .col-offset-4{margin-left:33.3333333333%}.row .col-5{float:left;padding:20px 20px;width:41.6666666667%}.row .col-offset-5{margin-left:41.6666666667%}.row .col-6{float:left;padding:20px 20px;width:50%}.row .col-offset-6{margin-left:50%}.row .col-7{float:left;padding:20px 20px;width:58.3333333333%}.row .col-offset-7{margin-left:58.3333333333%}.row .col-8{float:left;padding:20px 20px;width:66.6666666667%}.row .col-offset-8{margin-left:66.6666666667%}.row .col-9{float:left;padding:20px 20px;width:75%}.row .col-offset-9{margin-left:75%}.row .col-10{float:left;padding:20px 20px;width:83.3333333333%}.row .col-offset-10{margin-left:83.3333333333%}.row .col-11{float:left;padding:20px 20px;width:91.6666666667%}.row .col-offset-11{margin-left:91.6666666667%}.row .col-12{float:left;padding:20px 20px;width:100%}.row .col-offset-12{margin-left:100%}h1,h2,h3,h4{color:#444;font-family:"Montserrat","Helvetica",sans-serif;font-weight:700;letter-spacing:0;line-height:1.4em;margin:0 0}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small{display:block;font-size:24px;font-weight:normal;line-height:1}h1 a,h2 a,h3 a,h4 a{color:#444}h1{font-size:2.7777777778rem}h2{font-size:2.3333333333rem}h3{font-size:2.1111111111rem}h4{font-size:1.3333333333rem}p{margin:0}a,a:visited{color:#222;text-decoration:none}a:hover{text-decoration:underline}a.underline{text-decoration:underline}a.underline:hover{text-decoration:none}.button{font-size:1rem;background:#452e7d;border:0;border-radius:1.667rem;box-shadow:0 8px 22px -16px rgba(40,30,80,.55);cursor:pointer;display:inline-block;font-family:"Montserrat","Helvetica",sans-serif;font-weight:bold;height:60px;letter-spacing:0;line-height:60px;padding:0 40px;text-decoration:none;text-transform:uppercase;transition:all .2s linear}.button,.button:visited{color:#fff}.button:hover{background:rgb(56.6526315789,37.7684210526,102.6315789474);box-shadow:0 12px 30px -22px rgba(40,30,80,.5);text-decoration:none}.button[disabled],.button[disabled]:hover{background:#999;box-shadow:none;color:#e8e8e8;cursor:not-allowed;text-shadow:none}.button.button-secondary{border-radius:1.667rem;height:40px;line-height:40px;padding:0 20px}.button.button-secondary .icon{margin-right:.6em}.button.button-smaller{border-radius:1.667rem;font-size:14px;height:34px;line-height:36px;padding:0 15px;text-transform:uppercase}.button>[class^=icon-]:first-child{margin-left:-0.3em;margin-right:.2em}.button.button-success{background-color:#37bb5d}.button.button-inverse{background-color:#fff;box-shadow:0 8px 22px -16px rgba(40,30,80,.55);color:#452e7d}.button.button-inverse,.button.button-inverse:visited{color:#452e7d}.button.button-inverse:hover{background-color:hsl(0,0%,96%);box-shadow:0 12px 30px -22px rgba(40,30,80,.5)}.button.button-ghost{background:none;box-shadow:none;color:#452e7d}.button.button-ghost:hover,.button.button-ghost:active{color:rgb(48.4210526316,32.2807017544,87.7192982456)}.ambient-icons{--origin-x: 50%;--origin-y: 50%;bottom:0;left:0;overflow:hidden;perspective:600px;perspective-origin:var(--origin-x) var(--origin-y);pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@media(min-width: 1280px){.ambient-icons{--origin-x: 64%}}.ambient-item{animation-iteration-count:infinite;animation-name:ambientTunnel;animation-timing-function:linear;color:rgba(69,46,125,.32);left:var(--origin-x);line-height:1;opacity:0;position:absolute;top:var(--origin-y)}.ambient-content{display:block}.ambient-content svg{display:block}.ambient-disc{animation:rotation 16s linear infinite;background:radial-gradient(circle, transparent 0 11%, rgba(69, 46, 125, 0.22) 11% 17%, rgba(69, 46, 125, 0.1) 17% 26%, rgba(69, 46, 125, 0.18) 26% 100%);border-radius:50%;height:1.2em;width:1.2em}.ambient-disc::before{background:conic-gradient(from 0deg, transparent 0 65%, rgba(255, 255, 255, 0.28) 78%, transparent 88%);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes ambientTunnel{0%{opacity:0;transform:translate(-50%, -50%) translate3d(var(--ox, 0), var(--oy, 0), var(--z-start, -600px)) rotate(var(--rotate, 0deg)) rotateX(0) rotateY(0)}12%{opacity:var(--peak, 0.7)}68%{opacity:var(--peak, 0.7)}100%{opacity:0;transform:translate(-50%, -50%) translate3d(var(--ox, 0), var(--oy, 0), var(--z-end, 400px)) rotate(var(--rotate, 0deg)) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}}@media(prefers-reduced-motion: reduce){.ambient-icons{display:none}}.live-ticker{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.55);border:1px solid hsla(0,0%,100%,.65);border-radius:1.667rem}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.live-ticker{background:#fff}}.live-ticker{align-items:center;display:flex;gap:.8em;min-width:0;overflow:hidden;padding:.4em .5em .4em 1em;width:100%}.live-ticker_tag{align-items:center;color:rgb(37.6136363636,127.8863636364,63.6012396694);display:flex;flex-shrink:0;font-size:.75em;font-weight:bold;gap:.4em;text-transform:uppercase;white-space:nowrap}.live-ticker_dot{animation:dotPulse 1.6s ease-out infinite;background:#37bb5d;border-radius:50%;height:.5em;width:.5em}.live-ticker_viewport{flex:1;-webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);overflow:hidden}.live-ticker_track{animation:ticker 20s linear infinite;display:flex;gap:1.8em;width:-moz-max-content;width:max-content}.live-ticker_item{color:#452e7d;font-size:.8em;font-weight:bold;white-space:nowrap}@media(prefers-reduced-motion: reduce){.live-ticker_track,.live-ticker_dot{animation:none}}.label{background:#452e7d;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;font-weight:bold;height:2em;letter-spacing:1px;line-height:2.2em;padding:0 8px;text-align:center;text-transform:uppercase;vertical-align:middle}.label .icon{margin-right:.25em}.label.label-smaller{font-size:10px;height:18px;line-height:20px;padding:0;width:18px}.progress-container{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.55);border:1px solid hsla(0,0%,100%,.65);border-radius:999px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.progress-container{background:#fff}}.progress-container{border:none;box-sizing:content-box;container-type:inline-size;height:12px;margin:0 0 14px;position:relative;width:100%}.progress-container .progress{border-radius:999px;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:all 1s linear;width:0}.progress-container .progress::before{background:linear-gradient(90deg, #704fd1, #452e7d);content:"";height:100%;position:absolute;right:0;top:0;width:100cqw}.progress-container--forward .progress::before{left:0;right:auto}.progress-container .dot{animation:appear 200ms 0s 1 ease-out;background-color:#452e7d;border-radius:4px;height:4px;position:absolute;top:50%;transform:translate(-50%, -50%);width:4px}.progress-container .dot .popover{background-color:#fff;border-radius:4px;border-bottom-left-radius:0;bottom:12px;box-shadow:0 8px 22px -16px rgba(40,30,80,.55);box-sizing:border-box;color:#452e7d;font-size:12px;left:2px;line-height:12px;padding:6px 8px;position:absolute;text-align:center;transform-origin:left center;white-space:nowrap}.progress-container .dot .popover.me{background-color:#452e7d;color:#fff;font-weight:bold;z-index:10}.progress-container .dot .popover:hover{z-index:12}.input{background:#fff;border:0;border-radius:4px;color:#452e7d;display:block;font-family:"Montserrat","Helvetica",sans-serif;font-size:24px;font-weight:bold;line-height:60px;padding:0 10px;transition:all .15s linear;width:100%}.input:focus{border-bottom-color:#fff}.input.input-darken{border-bottom-color:rgba(69,46,125,.5);color:#452e7d}.input.input-darken:focus{border-bottom-color:#452e7d}.inputWrapper{margin:2em auto;padding:5px;position:relative;width:320px}.inputWrapper::before{background:rgba(69,46,125,.1);border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.checkbox-label{align-items:center;color:#452e7d;display:flex}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.15em solid #452e7d;border-radius:.15em;color:#704fd1;display:grid;font:inherit;height:1.15em;margin:0 1em 0 0;place-content:center;transform:translateY(-0.075em);width:1.15em}input[type=checkbox]::before{background-color:#704fd1;box-shadow:inset 1em 1em var(--form-control-color);clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);content:"";height:.65em;transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out;width:.65em}input[type=checkbox]:checked::before{transform:scale(1)}input[type=checkbox]:disabled{color:#999;cursor:not-allowed}.modal{align-items:center;backdrop-filter:blur(8px);background:rgba(36,36,41,.8);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;z-index:999}.modal_inner{background:#fff;border-radius:1.111rem;box-shadow:0 24px 60px -28px rgba(40,30,80,.45);padding:2em}.modal_inner h4{border-bottom:0;color:#452e7d;margin-bottom:1em}.modal_inner .note{color:#999}.modal_inner button{margin-top:2em}/*! * * * * * * * * * * * * * * * * * * * *\
  CSShake :: Package
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */.shake-hard,.shake-medium,.shake-little{display:inline-block;transform-origin:center center}.shake-hard,.shake-medium,.shake-little{animation-play-state:running}@keyframes shake-little{2%{transform:translate(-0.5px, 1.5px) rotate(0)}4%{transform:translate(0.5px, 0.5px) rotate(0)}6%{transform:translate(0.5px, -0.5px) rotate(0)}8%{transform:translate(1.5px, 0.5px) rotate(0)}10%{transform:translate(-0.5px, 1.5px) rotate(0)}12%{transform:translate(1.5px, 1.5px) rotate(0)}14%{transform:translate(0.5px, 0.5px) rotate(0)}16%{transform:translate(1.5px, 1.5px) rotate(0)}18%{transform:translate(1.5px, 0.5px) rotate(0)}20%{transform:translate(0.5px, 0.5px) rotate(0)}22%{transform:translate(-0.5px, -0.5px) rotate(0)}24%{transform:translate(-0.5px, 1.5px) rotate(0)}26%{transform:translate(0.5px, 0.5px) rotate(0)}28%{transform:translate(0.5px, -0.5px) rotate(0)}30%{transform:translate(0.5px, 0.5px) rotate(0)}32%{transform:translate(0.5px, 0.5px) rotate(0)}34%{transform:translate(-0.5px, -0.5px) rotate(0)}36%{transform:translate(0.5px, 1.5px) rotate(0)}38%{transform:translate(1.5px, 1.5px) rotate(0)}40%{transform:translate(0.5px, 0.5px) rotate(0)}42%{transform:translate(1.5px, 1.5px) rotate(0)}44%{transform:translate(0.5px, 0.5px) rotate(0)}46%{transform:translate(0.5px, 1.5px) rotate(0)}48%{transform:translate(0.5px, 0.5px) rotate(0)}50%{transform:translate(-0.5px, 1.5px) rotate(0)}52%{transform:translate(-0.5px, -0.5px) rotate(0)}54%{transform:translate(-0.5px, 0.5px) rotate(0)}56%{transform:translate(0.5px, 1.5px) rotate(0)}58%{transform:translate(1.5px, 1.5px) rotate(0)}60%{transform:translate(0.5px, 0.5px) rotate(0)}62%{transform:translate(1.5px, 0.5px) rotate(0)}64%{transform:translate(1.5px, 1.5px) rotate(0)}66%{transform:translate(-0.5px, 1.5px) rotate(0)}68%{transform:translate(-0.5px, 1.5px) rotate(0)}70%{transform:translate(-0.5px, 0.5px) rotate(0)}72%{transform:translate(-0.5px, 0.5px) rotate(0)}74%{transform:translate(-0.5px, 0.5px) rotate(0)}76%{transform:translate(0.5px, -0.5px) rotate(0)}78%{transform:translate(-0.5px, -0.5px) rotate(0)}80%{transform:translate(0.5px, 1.5px) rotate(0)}82%{transform:translate(-0.5px, 1.5px) rotate(0)}84%{transform:translate(-0.5px, 0.5px) rotate(0)}86%{transform:translate(1.5px, 1.5px) rotate(0)}88%{transform:translate(0.5px, 0.5px) rotate(0)}90%{transform:translate(1.5px, -0.5px) rotate(0)}92%{transform:translate(0.5px, 0.5px) rotate(0)}94%{transform:translate(0.5px, -0.5px) rotate(0)}96%{transform:translate(0.5px, -0.5px) rotate(0)}98%{transform:translate(1.5px, 1.5px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-little{animation-duration:3s;animation-iteration-count:infinite;animation-name:shake-little;animation-timing-function:ease-in-out}@keyframes shake-medium{2%{transform:translate(-1.5px, -0.5px) rotate(0)}4%{transform:translate(1.5px, 1.5px) rotate(0)}6%{transform:translate(-0.5px, -1.5px) rotate(0)}8%{transform:translate(1.5px, -0.5px) rotate(0)}10%{transform:translate(2.5px, -0.5px) rotate(0)}12%{transform:translate(-1.5px, 0.5px) rotate(0)}14%{transform:translate(2.5px, 2.5px) rotate(0)}16%{transform:translate(-0.5px, 1.5px) rotate(0)}18%{transform:translate(1.5px, -1.5px) rotate(0)}20%{transform:translate(0.5px, 2.5px) rotate(0)}22%{transform:translate(2.5px, -0.5px) rotate(0)}24%{transform:translate(-1.5px, 1.5px) rotate(0)}26%{transform:translate(2.5px, 2.5px) rotate(0)}28%{transform:translate(2.5px, 1.5px) rotate(0)}30%{transform:translate(1.5px, 2.5px) rotate(0)}32%{transform:translate(2.5px, 2.5px) rotate(0)}34%{transform:translate(1.5px, 1.5px) rotate(0)}36%{transform:translate(2.5px, 0.5px) rotate(0)}38%{transform:translate(0.5px, -1.5px) rotate(0)}40%{transform:translate(1.5px, 2.5px) rotate(0)}42%{transform:translate(-1.5px, -0.5px) rotate(0)}44%{transform:translate(0.5px, 0.5px) rotate(0)}46%{transform:translate(2.5px, 0.5px) rotate(0)}48%{transform:translate(-0.5px, -1.5px) rotate(0)}50%{transform:translate(2.5px, -1.5px) rotate(0)}52%{transform:translate(1.5px, 0.5px) rotate(0)}54%{transform:translate(-1.5px, -0.5px) rotate(0)}56%{transform:translate(2.5px, -1.5px) rotate(0)}58%{transform:translate(0.5px, -1.5px) rotate(0)}60%{transform:translate(0.5px, 1.5px) rotate(0)}62%{transform:translate(0.5px, -0.5px) rotate(0)}64%{transform:translate(-1.5px, 0.5px) rotate(0)}66%{transform:translate(2.5px, -1.5px) rotate(0)}68%{transform:translate(-1.5px, -0.5px) rotate(0)}70%{transform:translate(1.5px, 0.5px) rotate(0)}72%{transform:translate(0.5px, 1.5px) rotate(0)}74%{transform:translate(1.5px, 1.5px) rotate(0)}76%{transform:translate(-1.5px, 0.5px) rotate(0)}78%{transform:translate(-0.5px, 1.5px) rotate(0)}80%{transform:translate(-0.5px, 0.5px) rotate(0)}82%{transform:translate(-0.5px, 1.5px) rotate(0)}84%{transform:translate(0.5px, 1.5px) rotate(0)}86%{transform:translate(2.5px, 2.5px) rotate(0)}88%{transform:translate(1.5px, -0.5px) rotate(0)}90%{transform:translate(2.5px, 1.5px) rotate(0)}92%{transform:translate(0.5px, -1.5px) rotate(0)}94%{transform:translate(1.5px, -0.5px) rotate(0)}96%{transform:translate(2.5px, 0.5px) rotate(0)}98%{transform:translate(2.5px, 1.5px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-medium{animation-duration:3s;animation-iteration-count:infinite;animation-name:shake-medium;animation-timing-function:ease-in-out}@keyframes shake-hard{2%{transform:translate(-1px, -1px) rotate(0)}4%{transform:translate(4px, 4px) rotate(0)}6%{transform:translate(1px, 4px) rotate(0)}8%{transform:translate(-2px, 0px) rotate(0)}10%{transform:translate(2px, 3px) rotate(0)}12%{transform:translate(-2px, 3px) rotate(0)}14%{transform:translate(-3px, 0px) rotate(0)}16%{transform:translate(-2px, 2px) rotate(0)}18%{transform:translate(1px, -3px) rotate(0)}20%{transform:translate(1px, 1px) rotate(0)}22%{transform:translate(-1px, 1px) rotate(0)}24%{transform:translate(-3px, -3px) rotate(0)}26%{transform:translate(-2px, 0px) rotate(0)}28%{transform:translate(1px, 0px) rotate(0)}30%{transform:translate(4px, 4px) rotate(0)}32%{transform:translate(1px, -2px) rotate(0)}34%{transform:translate(0px, 2px) rotate(0)}36%{transform:translate(1px, 4px) rotate(0)}38%{transform:translate(4px, -3px) rotate(0)}40%{transform:translate(0px, -2px) rotate(0)}42%{transform:translate(-3px, -1px) rotate(0)}44%{transform:translate(4px, 0px) rotate(0)}46%{transform:translate(-1px, 3px) rotate(0)}48%{transform:translate(0px, -3px) rotate(0)}50%{transform:translate(0px, -1px) rotate(0)}52%{transform:translate(-2px, 1px) rotate(0)}54%{transform:translate(3px, -3px) rotate(0)}56%{transform:translate(-2px, -3px) rotate(0)}58%{transform:translate(1px, 4px) rotate(0)}60%{transform:translate(3px, -3px) rotate(0)}62%{transform:translate(1px, -3px) rotate(0)}64%{transform:translate(2px, 4px) rotate(0)}66%{transform:translate(1px, 3px) rotate(0)}68%{transform:translate(-2px, -3px) rotate(0)}70%{transform:translate(4px, 0px) rotate(0)}72%{transform:translate(4px, 0px) rotate(0)}74%{transform:translate(-2px, 0px) rotate(0)}76%{transform:translate(2px, 1px) rotate(0)}78%{transform:translate(-2px, -2px) rotate(0)}80%{transform:translate(-2px, -1px) rotate(0)}82%{transform:translate(-2px, 2px) rotate(0)}84%{transform:translate(4px, 3px) rotate(0)}86%{transform:translate(-2px, 3px) rotate(0)}88%{transform:translate(-2px, 2px) rotate(0)}90%{transform:translate(4px, 3px) rotate(0)}92%{transform:translate(-3px, 0px) rotate(0)}94%{transform:translate(2px, 0px) rotate(0)}96%{transform:translate(3px, 1px) rotate(0)}98%{transform:translate(-2px, -1px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard{animation-duration:2s;animation-iteration-count:infinite;animation-name:shake-hard;animation-timing-function:ease-in-out}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#ccc;border:0 solid #000;border-radius:2px;box-shadow:none;cursor:pointer;height:4px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#452e7d;border:0;border-radius:50%;box-shadow:0 1px 4px #ccc;cursor:pointer;height:20px;margin-top:-8.5px;width:20px}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]::-moz-range-track{background:#ccc;border:0 solid #000;border-radius:2px;box-shadow:none;cursor:pointer;height:4px;width:100%}input[type=range]::-moz-range-thumb{background:#452e7d;border:0;border-radius:50%;box-shadow:0 1px 4px #ccc;cursor:pointer;height:20px;width:20px}input[type=range]::-ms-track{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0);cursor:pointer;height:4px;width:100%}input[type=range]::-ms-fill-lower{background:#ccc;border:0 solid #000;border-radius:4px;box-shadow:none}input[type=range]::-ms-fill-upper{background:#ccc;border:0 solid #000;border-radius:4px;box-shadow:none}input[type=range]::-ms-thumb{background:#452e7d;border:0;border-radius:50%;box-shadow:0 1px 4px #ccc;cursor:pointer;height:20px;margin-top:1px;width:20px}input[type=range]:focus::-ms-fill-lower{background:#ccc}input[type=range]:focus::-ms-fill-upper{background:#ccc}body.end .game-container{height:100vh;max-height:100vh;overflow:hidden}.endScreen{align-items:center;animation-duration:300ms;animation-name:fadeIn;animation-timing-function:ease-in;backdrop-filter:blur(8px);background:rgba(35,29,51,.8);display:flex;height:100vh;justify-content:center;left:0;overflow:auto;position:absolute;right:0;top:0;z-index:50}.endScreen_wrap{animation:.4s cubic-bezier(0.16, 1, 0.3, 1) slideDown;display:flex;flex-direction:column;height:calc(100% - 60px);max-height:720px;max-width:1200px;width:calc(100% - 60px)}.endScreen_main{align-items:stretch;display:flex;flex:1;flex-direction:row;min-height:600px}.endScreen_main_left{align-items:stretch;background-image:linear-gradient(-225deg, #7e55e6 0%, #6141b0 100%);border-radius:1.333rem 0 0 1.333rem;color:#fff;display:flex;flex:3;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.endScreen_main_left_background{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.endScreen_main_left_background img{animation-duration:60s;animation-iteration-count:infinite;animation-name:rotation;animation-timing-function:linear;height:150%;margin-top:50px;max-width:none;opacity:.03;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:150%;width:auto}.endScreen_main_left hgroup{padding-top:30px;text-align:center}.endScreen_main_left hgroup h2,.endScreen_main_left hgroup h3{color:#fff;text-shadow:0 2px 4px rgba(69,46,125,.7)}.endScreen_main_left hgroup h2{font-size:2.3333333333rem;font-family:"Bowlby One SC",Arial,sans-serif;margin:0 1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endScreen_main_left hgroup h3{font-size:1.6666666667rem;font-weight:normal}.endScreen_main_left .podium{align-items:center;align-self:center;display:flex;flex-direction:column;max-width:553px;position:relative}.endScreen_main_left .podium>svg{height:368px;margin:0 auto -10px;max-width:100%;width:553px}.endScreen_main_left .podium>svg .position1{animation-delay:300ms;animation-duration:2.6s;animation-iteration-count:infinite;animation-name:position1}.endScreen_main_left .podium>svg .position2{animation-delay:300ms;animation-duration:3.1s;animation-iteration-count:infinite;animation-name:position2}.endScreen_main_left .podium>svg .position3{animation-delay:300ms;animation-duration:3.7s;animation-iteration-count:infinite;animation-name:position3}.endScreen_main_left .podium-players{font-size:21px;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;top:0;z-index:10}.endScreen_main_left .podium-players .player--name{font-weight:bold;line-height:1.4em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endScreen_main_left .podium-players .team-badge{margin-bottom:.4em}.endScreen_main_left .podium-players .player--score{font-family:"Bowlby One SC",Arial,sans-serif;font-size:.8em}.endScreen_main_left .podium-players .player--score sup{font-size:.65em;margin-left:.1em}.endScreen_main_left .podium-players li{align-items:center;display:flex;flex-direction:column;position:absolute;width:33%}.endScreen_main_left .podium-players li:nth-child(1){font-size:1.4em;order:2;top:-75px;width:100%}.endScreen_main_left .podium-players li:nth-child(2){font-size:1.2em;left:-25px;order:1;top:30px}.endScreen_main_left .podium-players li:nth-child(3){font-size:1em;order:3;right:0;top:100px}.endScreen_main_right{background:#fff;border-radius:0 1.333rem 1.333rem 0;display:flex;flex:2;flex-direction:column;padding:1.5em;position:relative}.endScreen_main_right_switch{align-self:center;margin-bottom:1.5em}.endScreen_main_right_tabs{flex:1;overflow-y:auto;scrollbar-color:#b3abd4 rgba(0,0,0,0);scrollbar-width:thin}.endScreen_main_right_tabs::-webkit-scrollbar{width:6px}.endScreen_main_right_tabs::-webkit-scrollbar-thumb{background:#b3abd4;border-radius:1.667rem}.endScreen_main_right_tabs::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.endScreen_main_right_tabs>*{animation:.3s ease-out tabIn}.endScreen_main_right_tabs .song-list li{font-size:0.6666666667rem}.endScreen_remaining{color:#fff;font-weight:bold;margin:1em 0;text-align:center;transition:font-size .3s linear}.endScreen_remaining.soon{font-size:1.4em}.endScreen a.logo-inline{color:#fff;font-size:40px;line-height:1em;margin-bottom:.6em;text-align:left;text-shadow:0 2px 4px rgba(69,46,125,.7)}.endScreen a.logo-inline.hover{text-decoration:none}@media(prefers-reduced-motion: reduce){.endScreen,.endScreen_wrap,.endScreen_main_left_background img,.endScreen_main_right_tabs>*{animation:none}.endScreen_main_left .podium>svg .position1,.endScreen_main_left .podium>svg .position2,.endScreen_main_left .podium>svg .position3{animation:none}}.points-breakdown{margin:1em auto 0;max-width:100%}.points-breakdown--inline{backdrop-filter:blur(16px);background:hsla(0,0%,100%,.22);border:1px solid hsla(0,0%,100%,.5);border-radius:999px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 14px 38px -20px rgba(69,46,125,.45)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.points-breakdown--inline{background:#fff}}.points-breakdown--inline{align-items:center;display:flex;gap:.93em;padding:.5em .6em;position:relative;width:-moz-fit-content;width:fit-content}.points-breakdown_pills{align-items:center;display:flex;flex:0 1 auto;gap:.47em;min-width:0}.points-breakdown_total{align-items:center;display:flex;flex:0 0 auto;gap:.6em;left:100%;margin-left:1em;position:absolute}.points-breakdown_label{align-items:center;color:#452e7d;display:flex;font-size:1em;font-weight:800;letter-spacing:.05em;margin-right:1em;position:absolute;right:100%;text-transform:uppercase;white-space:nowrap}.bonus-pill{align-items:center;animation:points-breakdown-popin 520ms cubic-bezier(0.2, 0.9, 0.3, 1) both;border:1px solid rgba(0,0,0,0);border-radius:1.667rem;display:inline-flex;font-weight:700;gap:.47em;padding:.2em .8em;transform-origin:center;white-space:nowrap}.bonus-pill.is-dimmed{filter:grayscale(1)}.bonus-pill .icon{font-size:1.15em;line-height:1}.bonus-pill_icon--timed{align-items:flex-start;display:inline-flex;flex:0 0 auto;gap:.07em}.bonus-pill_limit{font-size:.56em;font-weight:800;line-height:1}.bonus-pill_value{font-family:"Bowlby One SC",Arial,sans-serif}.bonus-pill--titre{background:rgba(132,104,222,.22);border-color:rgba(150,124,222,.6);box-shadow:inset 0 1px 0 rgba(223,213,252,.9);color:#6a4fc8}.bonus-pill--titre .bonus-pill_icon{color:#6a4fc8}.bonus-pill--titre .bonus-pill_value{color:#6a4fc8}.bonus-pill--artiste{background:rgba(158,128,244,.22);border-color:rgba(178,152,242,.65);box-shadow:inset 0 1px 0 rgba(231,221,253,.9);color:#7d5cdf}.bonus-pill--artiste .bonus-pill_icon{color:#7d5cdf}.bonus-pill--artiste .bonus-pill_value{color:#7d5cdf}.bonus-pill--speed{background:rgba(236,72,153,.22);border-color:rgba(248,160,205,.72);box-shadow:inset 0 1px 0 rgba(253,226,242,.92);color:#d4257e}.bonus-pill--speed .bonus-pill_icon{color:#d4257e}.bonus-pill--speed .bonus-pill_value{color:#d4257e}.bonus-pill--podium{background:rgba(247,214,92,.36);border-color:rgba(248,224,132,.85);box-shadow:inset 0 1px 0 rgba(255,249,222,.92);color:#6b5200}.bonus-pill--podium .bonus-pill_icon{color:#a07d10}.bonus-pill--podium .bonus-pill_value{color:#6b5200}.bonus-pill--dimmed{background:#f1eff5;border-color:#f1eff5;box-shadow:inset 0 1px 0 rgba(0,0,0,0);color:#b6b3c4}.bonus-pill--dimmed .bonus-pill_icon{color:#b6b3c4}.bonus-pill--dimmed .bonus-pill_value{color:#b6b3c4}.breakdown-odometer{align-items:flex-start;color:#452e7d;display:inline-flex;font-family:"Bowlby One SC",Arial,sans-serif;font-size:2.53em;line-height:1;text-shadow:0 .05em 4px rgba(69,46,125,.32);transform-origin:center}.breakdown-odometer_sign{align-items:center;display:flex;height:1em}.breakdown-odometer_reel{display:inline-block;height:1em;overflow:hidden;vertical-align:top}.breakdown-odometer_reel--tens{max-width:0;transition:max-width .42s cubic-bezier(0.2, 0.85, 0.25, 1)}.breakdown-odometer_strip{display:flex;flex-direction:column;transition:transform .9s cubic-bezier(0.18, 0.7, 0.2, 1);will-change:transform}.breakdown-odometer_cell{align-items:center;display:flex;height:1em;justify-content:center}.breakdown-fx-host{position:relative;z-index:4}.bonus-pill.is-bursting{box-shadow:inset 0 1px 0 rgba(253,226,242,.92),0 0 0 3px rgba(236,72,153,.35),0 .5em 1.4em -0.25em rgba(236,72,153,.6);transition:box-shadow .2s ease}.bonus-pill.is-bursting-super{box-shadow:inset 0 1px 0 rgba(253,226,242,.92),0 0 0 4px rgba(236,72,153,.45),0 .65em 1.8em -0.13em rgba(237,179,30,.7);transition:box-shadow .2s ease}.breakdown-ring{border:3px solid rgba(236,72,153,.85);border-radius:50%;height:20px;left:50%;margin:-10px 0 0 -10px;opacity:.9;pointer-events:none;position:absolute;top:50%;transform:scale(0.5);transition:transform .55s cubic-bezier(0.1, 0.7, 0.2, 1),opacity .55s ease;width:20px}.breakdown-spark{border-radius:2px;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translate(0, 0);transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.12, 0.7, 0.2, 1),ease;will-change:transform,opacity}.breakdown-spark--pink{background:#ec4899;box-shadow:0 0 6px #ec4899}.breakdown-spark--pink-light{background:#f9a8d4;box-shadow:0 0 6px #f9a8d4}.breakdown-spark--gold{background:#edb31e;box-shadow:0 0 6px #edb31e}.breakdown-spark--gold-light{background:#ffe08a;box-shadow:0 0 6px #ffe08a}.breakdown-spark--white{background:#fff;box-shadow:0 0 6px #fff}.breakdown-eclair{color:#ec4899;font-family:"Bowlby One SC",Arial,sans-serif;font-size:.93em;left:50%;opacity:0;pointer-events:none;position:absolute;text-shadow:0 1px 0 #fff,0 0 10px rgba(237,179,30,.8);top:-2px;transform:translate(-50%, 0) scale(0.6);transition:transform .5s cubic-bezier(0.1, 0.7, 0.2, 1.5),opacity .5s ease;white-space:nowrap}.breakdown-eclair.is-visible{opacity:1;transform:translate(-50%, -1.85em) scale(1)}.points-breakdown.is-static .bonus-pill{animation:none;opacity:1}@media(prefers-reduced-motion: reduce){.bonus-pill{animation:none;opacity:1}.breakdown-odometer_strip,.breakdown-odometer_reel--tens{transition:none}}@media(max-width: 479px){.points-breakdown--inline{font-size:11px}}.leaderboard_list{flex:1;list-style:none;margin:0;padding:0}.lb-row{font-size:0.8888888889rem;align-items:center;border-radius:.667rem;display:flex;gap:.8em;margin:.25em 0;padding:.4em .5em;position:relative}.lb-row_rank{align-items:center;border-radius:.444rem;color:#9a9aa6;display:flex;flex:0 0 auto;font-family:"Bowlby One SC",Arial,sans-serif;font-size:1em;height:2em;justify-content:center;min-width:3.2ch;padding:.2em .4em;position:relative}.lb-row_delta{font-size:1.4em;line-height:1;margin-right:.8em;position:absolute;right:100%;top:50%;transform:translateY(-50%)}.lb-row_delta--up{color:#37bb5d}.lb-row_delta--down{color:#d44745}.lb-row_name{align-items:center;display:flex;flex:1;flex-direction:row;font-size:.9em;gap:.65em;justify-content:space-between;min-width:0;text-decoration:none}@media(max-width: 990px){.lb-row_name{align-items:flex-start;flex-direction:column;gap:.2em}}.lb-row_label{align-items:center;color:#2b2b33;display:flex;font-size:1.4em;font-weight:500;gap:.4em;margin:0;max-width:100%;min-width:0;overflow:hidden;text-decoration:none}.lb-row_label .icon-user,.lb-row_label .icon-crown{font-size:.8em;opacity:.6}.lb-row_pseudo{line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row_score{color:#452e7d;display:inline-block;flex:0 0 auto;font-family:"Bowlby One SC",Arial,sans-serif;font-size:1.5em;margin-right:.4em;min-width:2.6em;text-align:right;transform-origin:right center}.lb-row_score sup{font-size:.5em;font-weight:400;margin-left:.1em;text-transform:uppercase}.lb-row--you{background:rgba(112,79,209,.13)}.lb-row--you .lb-row_rank{background:#704fd1;color:#fff;line-height:1}.lb-row--you .lb-row_label{color:#444;font-weight:900}.leaderboard_scroll{display:flex;flex:1;flex-direction:column;margin:0 -1em;min-height:0;padding:0 1em;position:relative}.leaderboard_scroll .leaderboard_list{flex:1;min-height:0;overflow-y:auto}.lb-dock-layer{background-color:#fff;left:0;list-style:none;margin:0;padding:0 1em;position:absolute;right:0;z-index:2}.lb-dock-layer--top{top:0}.lb-dock-layer--top .lb-row--dock{box-shadow:0 .4em 1em -0.3em rgba(34,34,34,.4)}.lb-dock-layer--bottom{bottom:0}.lb-dock-layer--bottom .lb-row--dock{box-shadow:0 -0.4em 1em -0.3em rgba(34,34,34,.4)}.lb-row--dock{animation:lb-dock-in .28s ease;background-color:#e7e7f3;margin:0}@media(prefers-reduced-motion: reduce){.lb-row_score{transform:none}.lb-row--dock{animation:none}}.segmented-switcher{font-size:0.6944444444rem;background:#f1eff7;border-radius:.667rem;display:grid;gap:.2em;grid-template-columns:1fr 1fr;padding:.2em .4em;position:relative}.segmented-switcher_indicator{background:#452e7d;border-radius:.444rem;bottom:.4em;box-shadow:0 8px 16px -8px rgba(69,46,125,.7);left:.4em;position:absolute;top:.4em;transform:translateX(0);transition:transform .36s cubic-bezier(0.5, 0, 0.15, 1);width:calc(50% - .5em);will-change:transform}.segmented-switcher[data-active="1"] .segmented-switcher_indicator{transform:translateX(calc(100% + 0.2em))}.segmented-switcher_segment{align-items:center;background:rgba(0,0,0,0);border:0;color:#8a83a0;cursor:pointer;display:flex;font-weight:800;gap:.56em;height:3em;justify-content:center;letter-spacing:.04em;padding:0 .8em;position:relative;text-transform:uppercase;transition:color .24s;white-space:nowrap;z-index:1}.segmented-switcher_segment .icon{font-size:1.12em}.segmented-switcher_segment[aria-selected=true]{color:#fff}@media(prefers-reduced-motion: reduce){.segmented-switcher_indicator,.segmented-switcher_segment{transition:none}}.guess-badges{align-items:center;display:flex;flex:0 0 auto;gap:1em}.guess-badges_trophy{color:#999;font-size:1.6em;line-height:1}.guess-badges_trophy--1{color:#edb31e}.guess-badges_trophy--2{color:#aab0bd}.guess-badges_trophy--3{color:#cd7f32}.guess-badges_time{color:#704fd1;display:inline-flex;font-size:1.2em;font-weight:800;gap:.3em;line-height:1.2;position:relative}.guess-badges_time .guess-badges_value{-webkit-background-clip:text;background-clip:text;background-size:300% 100%}.guess-badges_time--slow{color:#452e7d}.guess-badges_time--fast{color:#d4257e}.guess-badges_time--fast .guess-badges_value{animation:guess-glint 6s ease-in-out 1.5s infinite;background-image:linear-gradient(105deg, #d4257e 0%, #d4257e 44%, #ff9ad4 48%, #ffe3f3 50%, #ff9ad4 52%, #d4257e 56%, #d4257e 100%)}.guess-badges_time--elite{color:#e80a8f}.guess-badges_time--elite .guess-badges_value{animation:guess-glint 4.5s ease-in-out infinite;background-image:linear-gradient(105deg, #e80a8f 0%, #e80a8f 42%, #ff9ad4 47%, #fff 50%, #ff9ad4 53%, #e80a8f 58%, #e80a8f 100%)}.guess-badges_embers{inset:0;overflow:visible;pointer-events:none;position:absolute}.guess-badges_embers .guess-badges_ember{animation:guess-ember 1.5s ease-out infinite;border-radius:50%;bottom:2px;height:4px;position:absolute;width:4px}.guess-badges_embers .guess-badges_ember:nth-child(1){--dx: -3px;background:#ffd23c;box-shadow:0 0 4px #ff8a3c;left:30%}.guess-badges_embers .guess-badges_ember:nth-child(2){--dx: 4px;animation-delay:.6s;animation-duration:1.8s;background:#ff8a3c;box-shadow:0 0 4px #ff6a2c;height:3px;left:62%;width:3px}.guess-badges_embers .guess-badges_ember:nth-child(3){--dx: -2px;animation-delay:1s;animation-duration:1.25s;background:#ff5a3c;box-shadow:0 0 5px #ff5a3c;height:5px;left:82%;width:5px}.guess-badges_embers .guess-badges_ember:nth-child(4){--dx: 5px;animation-delay:1.3s;animation-duration:1.95s;background:#ffe08a;box-shadow:0 0 4px #ffd23c;height:3px;left:12%;width:3px}.guess-badges_pile{display:flex;flex-direction:row;gap:.4em}.guess-badge{align-items:center;background:#e8e6f3;border-radius:.6em;color:#b3abd4;display:inline-flex;font-size:.9em;height:1.8em;justify-content:center;opacity:.8;width:1.8em}.guess-badge .icon{font-size:1em}.guess-badge--earned{background:#37bb5d;color:#fff;opacity:1}@media(prefers-reduced-motion: reduce){.guess-badges_value{animation:none;background-image:none}.guess-badges_embers{display:none}}.team-badge{font-size:0.6666666667rem;align-items:center;background:linear-gradient(135deg, #d8ff94, #83d9dc);border-radius:.444rem;color:#366465;display:inline-flex;flex:0 0 auto;font-weight:700;justify-content:center;line-height:1;min-width:2.4em;padding:.4em .6em}.song-list{display:flex;flex-direction:column-reverse;gap:1em;list-style:none;position:relative}.song-list,.song-list li{margin:0;padding:0}.song-list li{font-size:0.8333333333rem;align-items:center;animation:.4s ease-out 0s 1 slideDown;border-radius:.8em;display:flex;gap:1.2em;margin:0;padding:.6em;width:100%}.song-list li>*{margin:0}.song-list li:nth-child(even){background:#f2f2f2}.song-list .cover{background-color:#f2f2f2;border:0;border-radius:.8em;box-shadow:0 5px 12px -5px rgba(40,30,80,.35);display:block;flex:0 0 auto;height:4em;-o-object-fit:cover;object-fit:cover;width:4em}.song-list .song-infos{color:#6c6c78;display:flex;flex:1;flex-direction:column;gap:.6em;line-height:1.25em;min-width:0}.song-list .song-infos .name{color:#2b2b33;font-size:1.4em;line-height:1.2;margin-bottom:-0.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-list .song-infos .artist{font-size:1.2em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-list .guess-badges{margin-right:.6em}.top-bar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:1em 0;padding:0;z-index:0}.top-bar .menu{display:flex;flex-direction:row}.top-bar .menu nav{display:flex}.top-bar .menu nav .mobile{display:none}.top-bar .menu .toggle{display:none}.top-bar .button-clear{color:#452e7d;cursor:pointer;display:flex;flex-wrap:nowrap;font-weight:bold;line-height:1em;margin-bottom:0;padding:.4em .8em;text-transform:uppercase}.top-bar .button-clear .icon{margin-right:.6em}.connect{align-items:center;animation:slideDown 200ms 0s 1 ease-out;background-color:rgba(0,0,0,0);display:flex;margin:0;padding:0}.connect p,.connect a{color:#452e7d;font-family:"Montserrat","Helvetica",sans-serif;font-size:1em;line-height:1em}.connect a{cursor:pointer}.connect .user{font-size:1.1111111111rem;align-items:center;display:flex;font-weight:bold;padding:0}.connect .user .icon-user::before{margin-right:0}.connect .user .picture{border-radius:100%;height:1.4em;margin-left:.4em;width:1.4em}.connect .logged-nav{align-items:center;display:flex;opacity:0;transition:opacity 100ms ease-in-out}.connect .logged-nav a{margin:0 .5em;white-space:nowrap}.connect:hover .logged-nav{opacity:1}.burger{background:rgba(0,0,0,0);border:0;cursor:pointer;display:none;padding:.4em .6em}.burger-box{background:#452e7d;border-radius:2px;display:block;height:3px;position:relative;width:24px}.burger-box::before,.burger-box::after{background:#452e7d;border-radius:2px;content:"";height:3px;left:0;position:absolute}.burger-box::before{top:-7px;width:24px}.burger-box::after{top:7px;width:16px}.drawer{display:none}@media(max-width: 767px){.drawer{display:block}}.drawer-scrim{backdrop-filter:blur(4px);background:rgba(69,46,125,.42);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .34s ease;z-index:90}.drawer-close{align-items:center;background:hsla(0,0%,100%,.16);border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:42px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:18px;top:18px;transition:opacity .34s ease;width:42px;z-index:101}.drawer-panel{background:linear-gradient(165deg, rgb(84.05, 57.55, 154.4), rgb(52.5368421053, 35.0245614035, 95.1754385965));bottom:0;display:flex;flex-direction:column;left:0;max-width:84vw;overflow:hidden;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);position:fixed;top:0;transform:translateX(-100%);transition:transform .34s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .34s ease;width:304px;z-index:100}.drawer-panel::before{background-image:url(e9bd145839f50cd824e8.png);content:"";inset:0;mix-blend-mode:overlay;opacity:.18;pointer-events:none;position:absolute;z-index:0}.drawer-panel::after{color:hsla(0,0%,100%,.05);content:"♫";font-size:150px;line-height:1;pointer-events:none;position:absolute;right:-0.2em;top:.6em;z-index:0}.drawer-panel>*{position:relative;z-index:1}.drawer--open .drawer-scrim,.drawer--open .drawer-close{opacity:1;pointer-events:auto}.drawer--open .drawer-panel{box-shadow:18px 0 60px -12px rgba(69,46,125,.7);transform:translateX(0)}.drawer-brand{color:#fff;font-family:"Bowlby One SC",Arial,sans-serif;font-size:1.4em;margin:0;padding:.8em 1.5em .4em}.drawer-connect{align-items:center;display:flex;gap:.6em;justify-content:center;margin:.4em 1.5em}.drawer-value-prop{padding:.8em 1.5em .4em}.drawer-value-title{color:hsla(0,0%,100%,.55);font-size:.7em;font-weight:bold;letter-spacing:.1em;margin:0 0 .8em;text-transform:uppercase}.drawer-divider{border:0;border-top:1px solid hsla(0,0%,100%,.16);margin:.6em 1.5em}.drawer-nav{display:flex;flex-direction:column}.drawer-user{align-items:center;color:#fff;display:flex;gap:.7em;padding:1em 1.5em}.drawer-user-avatar{align-items:center;background:linear-gradient(135deg, #704fd1, #452e7d);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2em;height:46px;justify-content:center;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:46px}.drawer-user-name{font-size:1.1em;font-weight:bold}.drawer .drawer-row{align-items:center;color:#fff;display:flex;font-weight:bold;gap:.8em;min-height:52px;padding:0 1.5em;text-decoration:none;text-transform:uppercase;transition:background .15s ease}.drawer .drawer-row-icon{font-size:1.2em}.drawer .drawer-row:hover,.drawer .drawer-row:active{background:hsla(0,0%,100%,.12)}.drawer-value-list{display:flex;flex-direction:column;gap:.9em;list-style:none;margin:0;padding:0}.drawer-value{align-items:center;color:#e8e8e8;display:flex;gap:.8em}.drawer-value-icon{align-items:center;background:hsla(0,0%,100%,.12);border-radius:.667rem;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.drawer-value-label{font-size:.85em;font-weight:600;line-height:1.35}.drawer .drawer-footer{margin-top:auto;padding:1.2em 1.5em calc(1.5em + env(safe-area-inset-bottom))}.drawer .drawer-footer-links{color:hsla(0,0%,100%,.85);display:flex;flex-wrap:wrap;font-size:.95em;gap:.9em}.drawer .drawer-footer-links a{color:inherit}.drawer .drawer-footer-social{display:flex;gap:.6em;margin-top:1.1em}.drawer .drawer-footer-tile{align-items:center;background:hsla(0,0%,100%,.12);border-radius:.667rem;color:#fff;display:flex;font-size:1.05em;height:38px;justify-content:center;transition:background .15s ease;width:38px}.drawer .drawer-footer-tile:hover{background:hsla(0,0%,100%,.2)}.drawer .drawer-footer-copy{color:hsla(0,0%,100%,.45);display:block;font-size:.68em;margin-top:1.1em}body.drawer-open{overflow:hidden}@media(prefers-reduced-motion: reduce){.drawer-panel,.drawer-scrim,.drawer-close{transition:none}}.login-modal .connect-services{align-items:stretch;display:flex;flex-direction:column}.login-modal .button-connect{align-items:center;background-color:#452e7d;border-radius:.3em;box-shadow:none;color:#fff;cursor:pointer;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:bold;justify-content:center;letter-spacing:0;margin:.5em 0;padding:.4em .8em;text-align:center;text-decoration:none}.login-modal .button-connect .icon{margin-left:-0.1em;margin-right:.4em}.login-modal .button-connect:hover{background-color:rgb(89.5789473684,59.7192982456,162.2807017544)}.login-modal .close{margin-top:1em}html{font-size:18px;line-height:1.8em;min-height:100%;position:relative}@media(max-width: 990px){html{font-size:16px}}@media(max-width: 767px){html{font-size:15px}}@media(max-width: 479px){html{font-size:14px}}body{background-attachment:fixed;background-image:linear-gradient(-35deg, #d8ff94 0%, #83d9dc 100%);color:#444;font-family:"Montserrat","Helvetica",sans-serif;font-size:1rem;letter-spacing:0;overflow-x:hidden}body::after{background:url(e9bd145839f50cd824e8.png);bottom:0;content:"";left:0;opacity:.8;position:fixed;right:0;top:0;z-index:-1}*::-moz-selection{background:#452e7d;color:#fff}*::selection{background:#452e7d;color:#fff}*::-moz-selection{background:#452e7d;color:#fff}*::selection{background:#452e7d;color:#fff}*::-webkit-selection{background:#452e7d;color:#fff}.container{margin-left:auto;margin-right:auto;max-width:1400px;width:calc(100% - 120px)}#main{display:flex;flex-direction:column;z-index:2}.logo,.logo-inline,.logo:active,.logo-inline:active,.logo:visited,.logo-inline:visited{color:#452e7d;font-family:"Bowlby One SC",Arial,sans-serif}.logo{font-size:70px;height:2.4em;line-height:1.2em;overflow-wrap:break-word;text-align:center;width:3.8em}.logo small{font-size:.7em;line-height:.2em}.logo-inline{font-size:70px;line-height:1.2em;text-align:center}.footer{margin:2em 0 0;opacity:.8;z-index:0}.footer,.footer a,.footer a:visited{color:#452e7d;padding:.2em}.app{display:flex;flex-direction:row;height:100vh}.app .game-container{flex:10;overflow:auto;position:relative}.app .chat-container{display:flex;flex:2;flex-direction:column}#header{align-items:center;display:flex;height:5em;justify-content:space-between;line-height:5em;padding-left:50px;padding-right:50px}#header .options{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}#header .profile{align-items:center;color:#452e7d;cursor:pointer;display:flex;flex-direction:row;font-weight:bold;position:relative;transition:none}#header .profile .input{font-size:1rem;display:inline-block;height:3em;padding-right:4em;transition:none;vertical-align:middle;width:300px}#header .profile .button{border-radius:1.667rem;box-shadow:0 8px 22px -16px rgba(40,30,80,.55);font-size:1em;height:auto;line-height:1.2em;padding:.3em .8em;position:absolute;right:.5em;text-transform:uppercase}#header .profile .button:hover{background:rgb(56.6526315789,37.7684210526,102.6315789474)}#header .profile .picture{border-radius:100%;height:1.4em;margin-left:.4em;width:1.4em}#header .profile>span{margin-left:5px}#header .volume-control-container{align-items:center;background-color:rgba(0,0,0,0);border-radius:4px;display:flex;flex-direction:row;height:3em;margin-right:3em;padding:0 1em;transition:background-color 300ms}#header .volume-control-container .icon{color:#452e7d;font-size:1.2em;margin-right:.5em}#header .volume-control-container input{background-color:rgba(0,0,0,0);margin:0;opacity:0;padding:0;transition:width 300ms,opacity 300ms;visibility:hidden;width:1px}#header .volume-control-container:hover{background-color:#fff}#header .volume-control-container:hover input{opacity:1;visibility:visible;width:120px}#room-name{align-items:center;color:#452e7d;display:flex;flex:0;font-size:2em;text-align:left;text-transform:none}#room-name img{display:inline-block;max-width:none;vertical-align:middle;width:160px}#room-name .logo-inline{font-size:36px;text-align:center}#room-name .server-name{font-size:0.7777777778rem;align-items:center;display:flex;font-weight:bold;line-height:1;margin-left:1em;text-transform:uppercase}#room-name .server-name .icon-lock{margin-right:.3em}#room-name a:hover{text-decoration:none}.footer{font-size:0.8333333333rem;align-items:center;display:flex;justify-content:space-between;padding:1em 0}.footer a{transition:opacity .15s linear}.footer a:hover{opacity:.7}.footer p{margin-bottom:0}.footer_social{align-items:center;display:flex;flex-direction:row}.footer_social>*{margin-right:1.4em}.page-home{align-items:stretch;display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1em;width:100%}.page-home #login-form{align-items:center;color:#fff;display:flex;flex-direction:column;margin:0}.page-home #login-form .hero-intro{align-items:center;display:flex;flex-direction:column}.page-home #login-form .logo{color:#452e7d;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(52,32,107,.4)}.page-home #login-form .logo::after{content:"";display:block;height:.5em;margin:0 auto;opacity:.6}.page-home #login-form .equalizer{flex-shrink:0;height:.6em;opacity:.85;width:1.35em}.page-home #login-form .equalizer_bar{animation:equalizer .9s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}.page-home #login-form .equalizer_bar:nth-child(2){animation-delay:.15s;animation-duration:.7s}.page-home #login-form .equalizer_bar:nth-child(3){animation-delay:.05s;animation-duration:1.1s}.page-home #login-form .equalizer_bar:nth-child(4){animation-delay:.25s;animation-duration:.8s}.page-home #login-form .equalizer_bar:nth-child(5){animation-delay:.1s;animation-duration:1s}.page-home #login-form .input{background:#fff;border-radius:.889rem;box-shadow:0 12px 30px -22px rgba(40,30,80,.5);font-size:25px;line-height:72px;margin:2em auto;outline:none;text-align:center;transition:box-shadow .15s ease,transform .15s ease;width:460px}.page-home #login-form .input:focus{box-shadow:0 12px 30px -22px rgba(40,30,80,.5),0 0 0 2px rgba(69,46,125,.35);transform:translateY(-1px)}.page-home #login-form .input::-moz-placeholder{color:rgba(69,46,125,.5);opacity:1}.page-home #login-form .input::placeholder{color:rgba(69,46,125,.5);opacity:1}.page-home #login-form .button-list{align-items:center;display:flex;flex-direction:column;justify-content:center}.page-home #login-form .button-list>.button,.page-home #login-form .button-list>.button-container{margin-top:2em}.page-home #login-form .button-list>.button:first-child,.page-home #login-form .button-list>.button-container:first-child{margin-top:0}.page-home #login-form .button-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.page-home #login-form .button-container .button-primary{align-items:center;display:inline-flex;font-size:1.6em;gap:.4em;line-height:62px;position:relative;text-shadow:0 2px 4px #000;z-index:10}.page-home #login-form .play-button{display:inline-flex;position:relative}.page-home #login-form .players-online{align-items:center;color:rgb(37.6136363636,127.8863636364,63.6012396694);display:flex;font-weight:bold;gap:.5em;justify-content:center;margin:0 0 .8em;white-space:nowrap}.page-home #login-form .players-online_dot{animation:dotPulse 1.6s ease-out infinite;background:#37bb5d;border-radius:50%;height:.6em;width:.6em}.page-home .private-count{color:rgba(69,46,125,.8);margin-top:.8em}.page-home .home-split{display:flex;flex:1;gap:2em;min-width:0;width:100%}.page-home .home-sidebar{display:flex;flex:0 0 33%;flex-direction:column;gap:.9em;justify-content:center;min-width:0}.page-home .home-hero{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.page-home .rules-rail{display:flex;flex-direction:column;gap:.8em;list-style:none;margin:0;padding:0}.page-home .rule-card{align-items:center;background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.35);border-radius:.889rem;box-shadow:0 12px 30px -22px rgba(40,30,80,.5);display:flex;gap:.8em;padding:.6em .8em}.page-home .rule-card_num{align-items:center;background:linear-gradient(180deg, rgb(90.5, 62.5, 167), #452e7d);border-radius:.667rem;color:#fff;display:flex;flex-shrink:0;font-family:"Bowlby One SC",Arial,sans-serif;font-size:1.1em;height:44px;justify-content:center;width:44px}.page-home .rule-card_text{color:rgb(56.6526315789,37.7684210526,102.6315789474);font-size:.9em;font-weight:600;line-height:1.4}.page-home .subtitle{color:#452e7d;font-size:1em;font-weight:600;line-height:1;margin-top:.6em}@media(prefers-reduced-motion: reduce){.play-button_ring{display:none}.equalizer_bar{animation:none;transform:scaleY(0.5)}.players-online_dot{animation:none}}.page-rooms #main{min-height:calc(100vh - 90px);padding:70px 50px}.page-rooms h1{color:#704fd1;margin-bottom:30px;text-align:center;text-transform:uppercase}.page-rooms h1 small{text-transform:none}.page-rooms .rooms-list{*zoom:1}.page-rooms .rooms-list::before,.page-rooms .rooms-list::after{content:"";display:table}.page-rooms .rooms-list::after{clear:both}.page-rooms .rooms-list{list-style:none;margin:0;padding:0}.page-rooms .rooms-list .one-room-wrapper{float:left;padding:15px;width:25%}.page-rooms .one-room{border-radius:50%;-webkit-mask-image:radial-gradient(circle, #fff, #000);mask-image:radial-gradient(circle, #fff, #000);overflow:hidden;position:relative;width:100%}.page-rooms .one-room::before{content:"";display:block;padding-top:100%}.page-rooms .one-room__link{bottom:0;left:0;position:absolute;right:0;top:0}.page-rooms .one-room__background{background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;transform:scale(1.2);transition:all .4s ease}.page-rooms .one-room__background::after{background-color:rgba(0,0,0,.4);border:6px solid #452e7d;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .4s ease}.page-rooms .one-room__inner{color:#fff;left:0;padding:0 25px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.page-rooms .one-room__inner h4{font-size:1.6666666667rem;border:0;color:#fff;line-height:1.1em;margin:0 0 10px;transition:all .4s ease}.page-rooms .one-room__inner p{margin:0}.page-rooms .one-room:hover .one-room__background{transform:scale(1)}.page-rooms .one-room:hover .one-room__background::after{background-color:rgba(0,0,0,.7)}.page-room #main{display:flex;min-height:calc(100vh - 90px);padding:0}.page-room #main>.copy-link{display:none}.page-room .main-content{display:flex;flex:1;flex-direction:row;gap:2rem;margin:2rem 0;padding-left:50px;padding-right:50px}.page-room .main-content>*{padding:1.5rem}.page-room .game-history{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.92);border:1px solid hsla(0,0%,100%,.7);border-radius:1.111rem;box-shadow:0 18px 44px -26px rgba(40,30,80,.52)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.page-room .game-history{background:#fff}}.page-room .game-history{flex:1;min-width:0;position:relative}.page-room .game-players{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.92);border:1px solid hsla(0,0%,100%,.7);border-radius:1.111rem;box-shadow:0 18px 44px -26px rgba(40,30,80,.52)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.page-room .game-players{background:#fff}}.page-room .game-players{display:flex;flex:1;flex-direction:column;min-width:0}.page-room .game-players .button{align-self:center;margin-top:1em}.page-room .guess-form{margin:0 auto 1em;width:100%;z-index:1}.page-room .guess-form .clock{color:#452e7d;display:flex;flex-direction:row;font-size:1.2em;line-height:1em;margin:.5em 1em}.page-room .guess-form .clock>*{text-align:center}.page-room .guess-form .clock>*:first-child{text-align:left}.page-room .guess-form .clock>*:last-child{text-align:right}.page-room .guess-form .clock .clock-waiting{flex:1;width:100%}.page-room .guess-form .clock .clock-current{flex:1;position:relative;vertical-align:top}.page-room .guess-form .clock .clock-current strong{color:#452e7d}.page-room .guess-form .clock .clock-current.pulse strong{animation-duration:1s;animation-iteration-count:infinite;animation-name:pulse-text;text-align:center;vertical-align:top}.page-room .guess-form .clock .clock-duration{flex:1}.page-room .guess-form .clock .clock-phase{font-size:0.8888888889rem;flex:2;font-weight:bold;text-transform:uppercase}.page-room .guess-form .start-control .option{position:absolute;z-index:100}.page-room .form-container{align-items:center;background-color:#fff;border-radius:1.111rem;box-shadow:0 18px 50px -18px rgba(69,46,125,.55);display:flex;height:6em;overflow:hidden;transition:height 500ms 500ms,opacity 500ms 500ms;width:100%;z-index:90}.page-room .form-container input{background:none;border:0;caret-color:#452e7d;color:#452e7d;font-family:"Montserrat","Helvetica",sans-serif;font-size:3em;font-weight:bold;height:calc(2em - 8px);line-height:1.3em;opacity:1;padding:0 1.5rem;transition:all 500ms 500ms;width:100%}.page-room .form-container input::-moz-placeholder{color:rgba(69,46,125,.5);opacity:1}.page-room .form-container input::placeholder{color:rgba(69,46,125,.5);opacity:1}.page-room .current-song{display:flex;line-height:1em;margin:4em 100px 2em;position:relative;transition:font-size 500ms 500ms}.page-room .current-song .counter-container{left:50%;position:absolute;top:50%;z-index:10}.page-room .current-song .counter-container--breakdown{transform:translate(-50%, -50%)}.page-room .current-song .counter-container.pulse{animation-duration:1s;animation-iteration-count:infinite;animation-name:pulse}.page-room .current-song .counter-container.wait .counter{background:#fff;border-radius:50%}.page-room .current-song .counter-container.wait .counter_value{color:#452e7d}.page-room .current-song .counter-container.wait .counter::before{border-radius:50%}.page-room .current-song .counter{background-image:linear-gradient(-135deg, #61499b 0%, #452e7d 100%);border-radius:.889rem;height:74px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%) rotate(-45deg);transform-origin:center center;transition:border-radius .2s ease,transform .2s ease;width:74px;z-index:10}.page-room .current-song .counter::before{background-color:rgba(0,0,0,0);border:6px solid #3c2674;border-radius:22px;bottom:-6px;content:"";left:-6px;opacity:.2;position:absolute;right:-6px;top:-6px;z-index:-1}.page-room .current-song .counter_value{bottom:0;color:#fff;font-size:36px;font-weight:bold;left:0;line-height:74px;position:absolute;right:0;text-align:center;top:0;transform:rotate(45deg);z-index:2}.page-room .current-song .status{color:rgba(69,46,125,.4);display:flex;flex:1;flex-direction:row;font-weight:bold;height:64px;justify-content:flex-end;line-height:30px;opacity:1;position:relative;transition:opacity .15s linear}.page-room .current-song .status::before{background:#fff;border-radius:0 .667rem .667rem 0;bottom:0;content:"";left:0;top:0;transform:scaleX(0);transform-origin:center left;transition:transform .3s ease-out;width:100%}.page-room .current-song .status .value{font-size:1.3333333333rem;bottom:0;color:#452e7d;left:100px;overflow:hidden;padding:17px 15px 15px;position:absolute;right:15px;text-overflow:ellipsis;top:0;white-space:nowrap}.page-room .current-song .status .icon{color:#452e7d;font-size:30px;left:65px;opacity:.4;position:absolute;top:50%;transform:translateY(-50%)}.page-room .current-song .status.active{color:#452e7d}.page-room .current-song .status.active::before{transform:scaleX(1)}.page-room .current-song .status.active .icon{transform:translateY(-50%) scale(1.2)}.page-room .current-song .status.hide{opacity:0}.page-room .current-song .status:first-child::before{border-radius:.667rem 0 0 .667rem;content:"";left:auto;right:0;transform-origin:center right}.page-room .current-song .status:first-child .value{left:15px;right:100px;text-align:right}.page-room .current-song .status:first-child .icon{left:auto;right:65px}.page-room .guess-helper{color:#b3b3b3;padding:0 0 10px}.page-room .column-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;font-size:1.2em;font-weight:700;justify-content:space-between;line-height:1;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.page-room .column-header .left,.page-room .column-header .right{align-items:center;display:flex}.page-room .column-header .left .button,.page-room .column-header .right .button{height:auto;line-height:normal;padding:0 1em}.page-room .column-header h1,.page-room .column-header h2,.page-room .column-header h3,.page-room .column-header h4,.page-room .column-header h5,.page-room .column-header h6{line-height:1}.page-room .column-header h4{color:#452e7d;letter-spacing:.03em}.page-room .column-header .numbers{font-size:1.3333333333rem;color:#999;font-family:"Montserrat","Helvetica",sans-serif}.page-room .column-header .numbers strong{color:#452e7d}.page-room .column-header .progress{align-items:center;display:flex;flex-direction:row;font-size:10px;margin:0 2em}.page-room .column-header .progress .progress-song{background:#e8e6f3;border-radius:.2em;box-sizing:border-box;display:block;height:1em;margin:0 .2em;transition:transform 300ms;width:1em}.page-room .column-header .progress .progress-song.active{transform:rotate(-45deg)}.page-room .column-header .progress .progress-song.missed:not(.active){background-color:#999}.page-room .column-header .progress .progress-song.name{background:linear-gradient(135deg, #704fd1 50%, #bbb 50%)}.page-room .column-header .progress .progress-song.artist{background:linear-gradient(135deg, #bbb 50%, #704fd1 50%)}.page-room .column-header .progress .progress-song.full{background:#704fd1}.page-room .icon.marker.icon-up{color:#37bb5d}.page-room .icon.marker.icon-down{color:#d44745}.page-room .game-guesses{float:left;width:33.33333%}.page-room .game-guesses .guess.active{font-weight:bold}.page-room .game-guesses .guess:nth-child(1){color:#f0d95b}.page-room .game-guesses .guess:nth-child(2){color:#afafaf}.page-room .game-guesses .guess:nth-child(3){color:#eb9c59}.page-room .game-guesses ul{list-style:none;margin:0;padding:0}.page-room .game-guesses ul li{margin:0}.page-room .background{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.page-room .ambient-icons{--origin-x: 50%}.page-room .footer{margin-left:50px;margin-right:50px;padding:1em 2em}.anim-right{animation:right 500ms 0s 1 ease-out}.anim-wrong{animation:wrong 500ms 0s 1 ease-out}.game-chat-container{display:flex;height:100vh}.game-container{flex:1;overflow:auto;position:relative}.chat-container{align-items:stretch;background-color:rgb(58.7105263158,39.1403508772,106.3596491228);display:flex;flex-direction:column;font-size:14px;height:100vh;position:relative;transition:width 300ms ease-in-out;width:340px}.chat-container.closed{width:0}.chat-container.closed .chat-title,.chat-container.closed .chat-content,.chat-container.closed .chat-form{width:340px}.chat-container .chat-header{display:flex;flex-direction:column;padding:0 1rem}.chat-container .chat-header .chat-head{display:flex;justify-content:space-between}.chat-container .chat-header .chat-options{color:#fff;font-size:1.2em;margin-right:-1em;opacity:.8;padding:1em}.chat-container .chat-header .chat-options:hover{opacity:1}.chat-container .chat-header .option-list{display:flex;flex-direction:column}.chat-container .chat-header .option-list .option{background-color:hsla(0,0%,100%,.2);border-radius:4px;color:#fff}.chat-container .chat-header .option-list .option:hover{background-color:hsla(0,0%,100%,.33)}.chat-container .chat-title{color:#fff;font-size:1.6em;height:90px;line-height:90px;margin:0}.chat-container .chat-form{background-color:hsla(0,0%,100%,.9);border-radius:6px;margin:10px;padding:0 10px}.chat-container .chat-form input{background:none;border:0;color:#452e7d;font-size:1em;height:1em;line-height:normal;padding:0;width:100%}.chat-container .chat-content{align-items:stretch;display:flex;flex:1;flex-direction:column-reverse;list-style:none;margin:0;overflow:auto;padding:0;padding:10px}.chat-container .chat-content .system-message{align-items:center;color:hsla(0,0%,100%,.65);display:flex;font-size:.95em;font-style:italic;gap:.6em;line-height:1.4;margin:10px}.chat-container .chat-content .system-message .system-message-icon{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;flex-shrink:0;font-size:.7em;font-style:normal;font-weight:bold;height:1.6em;justify-content:center;margin-top:.1em;width:1.6em}.chat-container .chat-content .message{color:#fff;display:flex;flex-direction:column;font-size:1.2em;line-height:1em;margin:15px 10px 0}.chat-container .chat-content .message.me{text-align:right}.chat-container .chat-content .message.me .message-head{justify-content:flex-end}.chat-container .chat-content .message .message-head{display:flex;justify-content:space-between;margin-bottom:.4em}.chat-container .chat-content .message .message-time{color:hsla(0,0%,100%,.5);font-size:.67em}.chat-container .chat-content .message .message-player{color:hsla(0,0%,100%,.8);font-size:.8em}.chat-container .chat-content .message .mute{background:none;border:0;color:#fff;opacity:0;transition:opacity 100ms ease-in}.chat-container .chat-content .message:hover .mute{opacity:1}.chat-container .chat-content .message .message-content{line-height:1.2}.chat-container .chat-content .message .blur{color:rgba(0,0,0,0);text-shadow:0 0 5px hsla(0,0%,100%,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-toggle{align-items:center;background:rgb(58.7105263158,39.1403508772,106.3596491228);border-bottom-left-radius:.444rem;border-top-left-radius:.444rem;color:#fff;display:flex;flex-direction:column;height:60px;justify-content:center;left:0;position:absolute;top:45px;transform:translate(-100%, -50%);width:45px;z-index:9999}.chat-toggle .icon::before{content:""}.chat-toggle:hover .icon::before{content:""}.chat-toggle.closed{background:#fff;color:#452e7d}.chat-toggle.closed:hover .icon::before{content:""}.chat-toggle .count{align-items:center;background:#d44745;border-radius:.889rem;color:#fff;display:flex;font-size:13px;font-weight:bold;height:16px;justify-content:center;line-height:.8;margin-bottom:6px;width:16px}@media(max-width: 1280px){.chat-container{width:220px}}@media(max-width: 990px){.chat-container{display:none}}@media(max-width: 1280px){html{font-size:16px}.page-home{max-width:990px}.page-home .steps{margin-top:2em}#header{padding-left:0}.container{width:calc(100% - 80px)}.page-room #main{min-height:calc(100vh - 80px)}.page-room .main-content{padding-left:25px;padding-right:25px}}@media(max-width: 990px){.page-home{max-width:767px}.page-home .home-split{flex-direction:column}.page-home .home-hero{order:-1}.page-home .home-sidebar{flex:0 0 auto}.page-home .steps{padding:1rem .5rem}.page-home .steps .step{margin:0 .5rem}.page-home .steps .step_num{height:60px;line-height:60px;width:60px}.page-home .steps .step_text{width:160px}.page-room .main-content{flex-direction:column;padding-left:0;padding-right:0}.page-room .main-content .song-list,.page-room .main-content .leaderboard_scroll{max-height:10em;overflow-y:auto}.page-room .guess-form .clock{font-size:1rem}.page-room .game-history .song-list .cover{height:50px;width:50px}.page-room .game-history .song-list .song-infos{font-size:.85rem;gap:.25em;margin-left:0}.page-room .game-history .song-list .song-infos .artist{font-size:.86rem}.page-room .game-history .song-list .song-infos strong{font-size:1rem;margin-bottom:0}}@media(max-width: 767px){body{font-size:14px}h1{font-size:1.3rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4{font-size:1rem}.logo{font-size:60px}.container{width:calc(100% - 40px)}#header{padding-left:0;padding-right:0;position:relative}#header .profile.edit{box-shadow:none;position:absolute;width:100%}#header .profile.edit .input{width:100%}#header .volume-control-container{margin:0;transition:none}#header .volume-control-container:hover{box-shadow:none;position:absolute;width:100%;z-index:30}#header .volume-control-container:hover input{width:100%}.page-home .footer,.page-room .footer{flex-direction:column;margin:20px 0;padding:0}.page-home .footer_social,.page-room .footer_social{flex-direction:column}.page-room .footer{align-items:center;gap:1.2em;text-align:center}.page-room .footer .footer_social{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.9em;justify-content:center}.page-room .footer .footer_social>*{margin:0}.page-room .footer .footer_social p{margin:0}.page-room .footer .footer_community p:first-child{display:none}.page-room .footer .footer_community a{align-items:center;background:rgba(69,46,125,.08);border-radius:.667rem;color:#452e7d;display:flex;height:2.6em;justify-content:center;width:2.6em}.page-room .footer .footer_community a i{font-size:1.2em}.page-room .footer .footer_community a span{display:none}.page-room .footer .footer_copy{font-size:.8em;opacity:.6}#room-name{font-size:1.2em;height:auto;line-height:1}#room-name .logo-inline{font-size:1.4em}.page-home>.footer{display:none}.page-home .top-bar .menu{display:none}.page-home .top-bar .burger{display:block}.page-home .home-split{flex-direction:column;height:100%}.page-home .home-sidebar{display:contents}.page-home .live-ticker{margin-top:1em;order:1;width:100%}.page-home .rules-rail{display:none}.page-home .home-hero{align-items:stretch;flex:1;order:2}.page-home #login-form{flex:1;width:100%}.page-home #login-form .hero-intro{flex:1;justify-content:center}.page-home #login-form .input{font-size:21px;line-height:60px;width:100%}.page-home #login-form .button-list{padding-bottom:calc(1.5em + env(safe-area-inset-bottom));width:100%}.page-home #login-form .button-list>.button,.page-home #login-form .button-list>.button-container,.page-home #login-form .button-list .button-primary,.page-home #login-form .button-list .play-button{width:100%}.page-home #login-form .button-list .button-primary{justify-content:center}.page-room .guess-form{margin:0}.page-room .guess-form .clock-phase{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-room .form-container{height:68px}.page-room .form-container input{font-size:18px;height:60px}.page-room .current-song{margin:40px auto;max-width:240px}.page-room .current-song .status .icon{font-size:24px;left:60px}.page-room .current-song .status.active .icon{color:#704fd1;opacity:1}.page-room .current-song .status .value{display:none;font-size:14px;left:80px;padding:17px 5px 15px 10px;right:0}.page-room .current-song .status:first-child .icon{left:auto;right:60px}.page-room .current-song .status:first-child .value{left:auto;padding:17px 10px 15px 5px;right:80px}.page-room .current-song .counter{height:60px;width:60px}.page-room .current-song .counter_value{font-size:28px;line-height:60px}.page-room .main-content{flex-direction:column;margin:0}.page-room #main>.copy-link{display:inherit}.page-room .game-history{flex:none;padding:1rem;width:100%}.page-room .game-history .song-list{max-height:5em}.page-room .game-players{flex:none;margin:0;padding:1rem;width:100%}.page-room .game-players .leaderboard_scroll{max-height:13em}.page-room .column-header .progress{display:none}.song-list .guess-badges{flex-direction:column;font-size:.75em;gap:.2em}.lb-row{font-size:0.7777777778rem;padding:.6em .8em}.lb-row .guess-badges{font-size:.9em}.endScreen .endScreen_wrap{height:calc(100vh - 40px);width:calc(100vw - 40px)}.endScreen .endScreen_remaining{font-size:1em;margin-bottom:0}.endScreen .endScreen_main{flex-direction:column}.endScreen .endScreen_main hgroup{padding-top:1em}.endScreen .endScreen_main hgroup h2{font-size:2em}.endScreen .endScreen_main hgroup h3{font-size:1.4em}.endScreen .endScreen_main_left{border-radius:1.333rem 1.333rem 0 0;flex:3}.endScreen .endScreen_main_right{border-radius:0 0 1.333rem 1.333rem;flex:2;max-height:50%}.endScreen .podium{align-self:stretch;flex:1;justify-content:flex-end}.endScreen .podium .podium-players{font-size:1em}.endScreen .podium .podium-players li:nth-child(1){top:30px}.endScreen .podium .podium-players li:nth-child(2){left:20px;top:90px}.endScreen .podium .podium-players li:nth-child(3){right:20px;top:120px}.endScreen .podium>svg{height:70%;width:100%}.modal_inner{margin:1em}}