/*!
 * @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}:root{--wtt-bg: linear-gradient(-35deg, #d8ff94 0%, #83d9dc 100%);--wtt-noise-opacity: 0.8;--wtt-noise-blend: normal;--wtt-text: #444;--wtt-ink: #452e7d;--wtt-ink-muted: rgba(69, 46, 125, 0.6);--wtt-ink-hover: rgb(48.4210526316, 32.2807017544, 87.7192982456);--wtt-accent: #452e7d;--wtt-accent-ink: #fff;--wtt-surface: #fff;--wtt-surface-border: rgba(255, 255, 255, 0.7);--wtt-surface-opaque: #fff;--wtt-endscreen-panel: #fff;--wtt-glass-heavy-bg: rgba(255, 255, 255, 0.22);--wtt-glass-solid-bg: rgba(255, 255, 255, 0.92);--wtt-glass-light-bg: rgba(255, 255, 255, 0.55);--wtt-fill-subtle: rgba(69, 46, 125, 0.08);--wtt-border-subtle: rgba(69, 46, 125, 0.18);--wtt-input-bg: #fff;--wtt-input-text: #452e7d;--wtt-input-placeholder: rgba(69, 46, 125, 0.5);--wtt-input-shadow: shadow(2);--wtt-input-shadow-focal: shadow(focal);--wtt-input-border: transparent;--wtt-input-border-top: transparent;--wtt-focus-ring: rgba(69, 46, 125, 0.35);--wtt-slider-thumb: #452e7d;--wtt-slider-thumb-shadow: 0 1px 4px #ccc;--wtt-cta-bg: #452e7d;--wtt-cta-bg-hover: rgb(56.6526315789, 37.7684210526, 102.6315789474);--wtt-cta-text: #fff;--wtt-cta-text-shadow: 0 2px 4px #000;--wtt-inverse-bg: #fff;--wtt-inverse-bg-hover: rgb(244.8, 244.8, 244.8);--wtt-inverse-border: transparent;--wtt-counter-bg: linear-gradient(-135deg, #61499b 0%, #452e7d 100%);--wtt-counter-text: #fff;--wtt-step-fill: linear-gradient(180deg, rgb(90.5, 62.5, 167), #452e7d);--wtt-progress-fill: linear-gradient(90deg, #704fd1, #452e7d);--wtt-progress-glow: none;--wtt-tucked-bg: rgba(255, 255, 255, 0.42);--wtt-tucked-bg-hover: rgba(255, 255, 255, 0.62);--wtt-tucked-border: rgba(255, 255, 255, 0.6);--wtt-tucked-shadow: 0 10px 20px -10px rgba(40, 30, 80, 0.45);--wtt-badge-earned: #fff;--wtt-badge-earned-bg: #37bb5d;--wtt-badge-ghost: #b3abd4;--wtt-badge-ghost-bg: #e8e6f3;--wtt-speed-normal: #704fd1;--wtt-speed-slow: #452e7d;--wtt-song-ghost: #e8e6f3;--wtt-song-missed: #999;--wtt-song-hit: #704fd1;--wtt-song-hit-alt: #bbb;--wtt-menu-surface: #fff;--wtt-menu-border: #ececf2;--wtt-menu-shadow: 0 24px 60px -28px rgba(69, 46, 125, 0.45);--wtt-menu-text: #2b2b33;--wtt-menu-chevron: #8a83a0;--wtt-menu-icon-muted: #6c6c78;--wtt-menu-accent: #5a7d16;--wtt-menu-selected-bg: #f2f7e4;--wtt-menu-hover-bg: #f5f4fb;--wtt-switcher-track: #f1eff7;--wtt-switcher-label: #8a83a0;--wtt-switcher-indicator-shadow: 0 8px 16px -8px rgba(69, 46, 125, 0.7);--wtt-you-row: rgba(112, 79, 209, 0.13);--wtt-you-rank: #704fd1;--wtt-dock-row: #e7e7f3;--wtt-ambient: rgba(69, 46, 125, 0.32);--wtt-zebra: #f2f2f2;--wtt-song-name: #2b2b33;--wtt-song-artist: #6c6c78;--wtt-status-dot: #37bb5d;--wtt-status-label: rgb(37.6136363636, 127.8863636364, 63.6012396694);--wtt-chat-bg: rgba(47, 23, 105, 0.9);--wtt-chat-eyebrow: rgba(255, 255, 255, 0.42);--wtt-chat-input-bg: rgba(255, 255, 255, 0.9);--wtt-chat-input-text: #452e7d;--wtt-chat-input-shadow: none;--wtt-popin-surface: #fff;--wtt-popin-head-bg: linear-gradient(135deg, #f4fdfc, #eef0fb);--wtt-popin-border: rgba(112, 79, 209, 0.1);--wtt-popin-shadow: 0 18px 40px -18px rgba(30, 20, 60, 0.35);--wtt-popin-text: #2b2b33;--wtt-popin-muted: #9a9aa6;--wtt-popin-rank-total: #bcb3dd;--wtt-popin-pct-bg: rgba(112, 79, 209, 0.12);--wtt-popin-pct-text: #704fd1;--wtt-tier-caption: #7a7a86;--wtt-tier-next: #704fd1;--wtt-tier-track: rgba(255, 255, 255, 0.7);--wtt-elo-text: #2b2b33;--wtt-elo-border: rgba(112, 79, 209, 0.14);--wtt-elo-muted: #9a9aa6;--wtt-elo-value: #452e7d;--wtt-elo-track: rgba(112, 79, 209, 0.12);--wtt-elo-fill: linear-gradient(90deg, #2f9fa6, #9ce6e3);--wtt-elo-next-rank: #cf1d77;--wtt-elo-strip: linear-gradient(180deg, #faf8ff, #f3eefc);--wtt-elo-icon: rgba(55, 187, 93, 0.16);--wtt-elo-accent: #37bb5d;--wtt-elo-caption: #7a7a86;--wtt-elo-strip-loss: linear-gradient(180deg, #fffaf3, #fdf3e6);--wtt-elo-icon-loss: rgba(224, 140, 45, 0.16);--wtt-elo-accent-loss: #d98a2b;--wtt-elo-caption-loss: #8a7a5e;--wtt-elo-strip-flat: linear-gradient(180deg, #faf9fc, #f4f2f8);--wtt-elo-icon-flat: rgba(112, 79, 209, 0.12);--wtt-elo-accent-flat: #6c6c78;--wtt-elo-accent-soft-flat: #8a83a0;--wtt-elo-caption-flat: #8a83a0;--wtt-shadow: rgb(40, 30, 80);--wtt-drawer-scrim: rgba(69, 46, 125, 0.42)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--wtt-bg: linear-gradient(-35deg, #2c1c58 0%, #6a49c6 100%);--wtt-noise-opacity: 0.9;--wtt-noise-blend: screen;--wtt-text: #fff;--wtt-ink: #fff;--wtt-ink-muted: rgba(255, 255, 255, 0.6);--wtt-ink-hover: rgba(255, 255, 255, 0.75);--wtt-accent: #d8ff94;--wtt-accent-ink: #452e7d;--wtt-surface: rgba(255, 255, 255, 0.08);--wtt-surface-border: rgba(255, 255, 255, 0.16);--wtt-surface-opaque: linear-gradient(-35deg, #413369 0%, #795bcc 100%);--wtt-endscreen-panel: #46337f;--wtt-glass-heavy-bg: rgba(255, 255, 255, 0.1);--wtt-glass-solid-bg: rgba(255, 255, 255, 0.1);--wtt-glass-light-bg: rgba(255, 255, 255, 0.08);--wtt-fill-subtle: rgba(255, 255, 255, 0.1);--wtt-border-subtle: rgba(255, 255, 255, 0.24);--wtt-input-bg: linear-gradient(-35deg, #2e1f5a 0%, #483187 100%);--wtt-input-text: #fff;--wtt-input-placeholder: rgba(255, 255, 255, 0.42);--wtt-input-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.07);--wtt-input-shadow-focal: inset 0 3px 12px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.07);--wtt-input-border: rgba(255, 255, 255, 0.08);--wtt-input-border-top: rgba(0, 0, 0, 0.4);--wtt-focus-ring: rgba(216, 255, 148, 0.5);--wtt-slider-thumb: linear-gradient(135deg, #d8ff94, #8fe3d0);--wtt-slider-thumb-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);--wtt-cta-bg: linear-gradient(135deg, #d8ff94, #8fe3d0);--wtt-cta-bg-hover: linear-gradient(135deg, #e2ffab, #a2ecd9);--wtt-cta-text: #2e1e5c;--wtt-cta-text-shadow: none;--wtt-inverse-bg: rgba(255, 255, 255, 0.08);--wtt-inverse-bg-hover: rgba(255, 255, 255, 0.14);--wtt-inverse-border: rgba(216, 255, 148, 0.45);--wtt-counter-bg: linear-gradient(-135deg, #eaffc4 0%, #d8ff94 100%);--wtt-counter-text: #452e7d;--wtt-step-fill: #d8ff94;--wtt-progress-fill: linear-gradient(90deg, #8fe3d0, #d8ff94);--wtt-progress-glow: 0 0 16px -2px rgba(216, 255, 148, 0.6);--wtt-tucked-bg: rgba(255, 255, 255, 0.1);--wtt-tucked-bg-hover: rgba(255, 255, 255, 0.18);--wtt-tucked-border: transparent;--wtt-tucked-shadow: none;--wtt-badge-earned: #6fe6a0;--wtt-badge-earned-bg: transparent;--wtt-badge-ghost: rgba(255, 255, 255, 0.32);--wtt-badge-ghost-bg: transparent;--wtt-speed-normal: rgba(255, 255, 255, 0.9);--wtt-speed-slow: rgba(255, 255, 255, 0.55);--wtt-breakdown-bg: rgba(255, 255, 255, 0.06);--wtt-breakdown-border: rgba(255, 255, 255, 0.1);--wtt-breakdown-shadow: 0 18px 44px -26px rgba(40, 30, 80, 0.52);--wtt-pill-titre-fill: rgba(150, 124, 222, 0.25);--wtt-pill-titre-border: rgba(201, 182, 255, 0.5);--wtt-pill-titre-rim: rgba(255, 255, 255, 0.12);--wtt-pill-titre-text: #dccfff;--wtt-pill-titre-icon: #dccfff;--wtt-pill-artiste-fill: rgba(180, 150, 255, 0.25);--wtt-pill-artiste-border: rgba(214, 199, 255, 0.5);--wtt-pill-artiste-rim: rgba(255, 255, 255, 0.12);--wtt-pill-artiste-text: #ebe3ff;--wtt-pill-artiste-icon: #ebe3ff;--wtt-pill-speed-fill: rgba(236, 72, 153, 0.25);--wtt-pill-speed-border: rgba(249, 168, 212, 0.5);--wtt-pill-speed-rim: rgba(255, 255, 255, 0.12);--wtt-pill-speed-text: #f9a8d4;--wtt-pill-speed-icon: #f9a8d4;--wtt-pill-podium-fill: rgba(247, 214, 92, 0.25);--wtt-pill-podium-border: rgba(249, 226, 140, 0.5);--wtt-pill-podium-rim: rgba(255, 255, 255, 0.12);--wtt-pill-podium-text: #ffe79c;--wtt-pill-podium-icon: #ffe08a;--wtt-eclair-shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);--wtt-song-ghost: rgba(255, 255, 255, 0.14);--wtt-song-missed: rgba(255, 255, 255, 0.34);--wtt-song-hit: #d8ff94;--wtt-song-hit-alt: rgba(255, 255, 255, 0.28);--wtt-menu-surface: #3a2769;--wtt-menu-border: rgba(255, 255, 255, 0.14);--wtt-menu-shadow: 0 24px 60px -28px rgba(0, 0, 0, 0.7);--wtt-menu-text: #fff;--wtt-menu-chevron: rgba(255, 255, 255, 0.6);--wtt-menu-icon-muted: rgba(255, 255, 255, 0.8);--wtt-menu-accent: #d8ff94;--wtt-menu-selected-bg: rgba(216, 255, 148, 0.14);--wtt-menu-hover-bg: rgba(255, 255, 255, 0.07);--wtt-switcher-track: rgba(255, 255, 255, 0.08);--wtt-switcher-label: rgba(255, 255, 255, 0.6);--wtt-switcher-indicator-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.5);--wtt-you-row: rgba(255, 255, 255, 0.1);--wtt-you-rank: #d8ff94;--wtt-dock-row: rgba(255, 255, 255, 0.12);--wtt-ambient: rgba(255, 255, 255, 0.1);--wtt-zebra: rgba(255, 255, 255, 0.05);--wtt-song-name: #fff;--wtt-song-artist: rgba(255, 255, 255, 0.6);--wtt-status-dot: #60e08a;--wtt-status-label: #c8f79a;--wtt-chat-bg: rgba(20, 12, 44, 0.72);--wtt-chat-eyebrow: #d8ff94;--wtt-chat-input-bg: rgba(12, 6, 30, 0.4);--wtt-chat-input-text: #fff;--wtt-chat-input-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.07);--wtt-popin-surface: #3a2769;--wtt-popin-head-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03));--wtt-popin-border: rgba(255, 255, 255, 0.14);--wtt-popin-shadow: 0 24px 60px -28px rgba(0, 0, 0, 0.7);--wtt-popin-text: #fff;--wtt-popin-muted: rgba(255, 255, 255, 0.55);--wtt-popin-rank-total: rgba(255, 255, 255, 0.4);--wtt-popin-pct-bg: rgba(216, 255, 148, 0.16);--wtt-popin-pct-text: #d8ff94;--wtt-tier-caption: rgba(255, 255, 255, 0.6);--wtt-tier-next: #d8ff94;--wtt-tier-track: rgba(0, 0, 0, 0.28);--wtt-elo-text: #fff;--wtt-elo-border: rgba(255, 255, 255, 0.12);--wtt-elo-muted: rgba(255, 255, 255, 0.55);--wtt-elo-value: #fff;--wtt-elo-track: rgba(0, 0, 0, 0.28);--wtt-elo-fill: linear-gradient(90deg, #57c7cf, #9ce6e3);--wtt-elo-next-rank: #ff8fc4;--wtt-elo-strip: linear-gradient(180deg, #2a2350, #231c46);--wtt-elo-icon: rgba(111, 230, 160, 0.18);--wtt-elo-accent: #6fe6a0;--wtt-elo-caption: rgba(255, 255, 255, 0.6);--wtt-elo-strip-loss: linear-gradient(180deg, #2f2547, #271d3f);--wtt-elo-icon-loss: rgba(232, 165, 77, 0.18);--wtt-elo-accent-loss: #e8a54d;--wtt-elo-caption-loss: rgba(255, 255, 255, 0.6);--wtt-elo-strip-flat: linear-gradient(180deg, #282150, #221b44);--wtt-elo-icon-flat: rgba(255, 255, 255, 0.1);--wtt-elo-accent-flat: rgba(255, 255, 255, 0.72);--wtt-elo-accent-soft-flat: rgba(255, 255, 255, 0.5);--wtt-elo-caption-flat: rgba(255, 255, 255, 0.55);--wtt-shadow: rgb(10, 6, 30);--wtt-drawer-scrim: rgba(6, 4, 20, 0.72)}}:root[data-theme=dark]{--wtt-bg: linear-gradient(-35deg, #2c1c58 0%, #6a49c6 100%);--wtt-noise-opacity: 0.9;--wtt-noise-blend: screen;--wtt-text: #fff;--wtt-ink: #fff;--wtt-ink-muted: rgba(255, 255, 255, 0.6);--wtt-ink-hover: rgba(255, 255, 255, 0.75);--wtt-accent: #d8ff94;--wtt-accent-ink: #452e7d;--wtt-surface: rgba(255, 255, 255, 0.08);--wtt-surface-border: rgba(255, 255, 255, 0.16);--wtt-surface-opaque: linear-gradient(-35deg, #413369 0%, #795bcc 100%);--wtt-endscreen-panel: #46337f;--wtt-glass-heavy-bg: rgba(255, 255, 255, 0.1);--wtt-glass-solid-bg: rgba(255, 255, 255, 0.1);--wtt-glass-light-bg: rgba(255, 255, 255, 0.08);--wtt-fill-subtle: rgba(255, 255, 255, 0.1);--wtt-border-subtle: rgba(255, 255, 255, 0.24);--wtt-input-bg: linear-gradient(-35deg, #2e1f5a 0%, #483187 100%);--wtt-input-text: #fff;--wtt-input-placeholder: rgba(255, 255, 255, 0.42);--wtt-input-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.07);--wtt-input-shadow-focal: inset 0 3px 12px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.07);--wtt-input-border: rgba(255, 255, 255, 0.08);--wtt-input-border-top: rgba(0, 0, 0, 0.4);--wtt-focus-ring: rgba(216, 255, 148, 0.5);--wtt-slider-thumb: linear-gradient(135deg, #d8ff94, #8fe3d0);--wtt-slider-thumb-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);--wtt-cta-bg: linear-gradient(135deg, #d8ff94, #8fe3d0);--wtt-cta-bg-hover: linear-gradient(135deg, #e2ffab, #a2ecd9);--wtt-cta-text: #2e1e5c;--wtt-cta-text-shadow: none;--wtt-inverse-bg: rgba(255, 255, 255, 0.08);--wtt-inverse-bg-hover: rgba(255, 255, 255, 0.14);--wtt-inverse-border: rgba(216, 255, 148, 0.45);--wtt-counter-bg: linear-gradient(-135deg, #eaffc4 0%, #d8ff94 100%);--wtt-counter-text: #452e7d;--wtt-step-fill: #d8ff94;--wtt-progress-fill: linear-gradient(90deg, #8fe3d0, #d8ff94);--wtt-progress-glow: 0 0 16px -2px rgba(216, 255, 148, 0.6);--wtt-tucked-bg: rgba(255, 255, 255, 0.1);--wtt-tucked-bg-hover: rgba(255, 255, 255, 0.18);--wtt-tucked-border: transparent;--wtt-tucked-shadow: none;--wtt-badge-earned: #6fe6a0;--wtt-badge-earned-bg: transparent;--wtt-badge-ghost: rgba(255, 255, 255, 0.32);--wtt-badge-ghost-bg: transparent;--wtt-speed-normal: rgba(255, 255, 255, 0.9);--wtt-speed-slow: rgba(255, 255, 255, 0.55);--wtt-breakdown-bg: rgba(255, 255, 255, 0.06);--wtt-breakdown-border: rgba(255, 255, 255, 0.1);--wtt-breakdown-shadow: 0 18px 44px -26px rgba(40, 30, 80, 0.52);--wtt-pill-titre-fill: rgba(150, 124, 222, 0.25);--wtt-pill-titre-border: rgba(201, 182, 255, 0.5);--wtt-pill-titre-rim: rgba(255, 255, 255, 0.12);--wtt-pill-titre-text: #dccfff;--wtt-pill-titre-icon: #dccfff;--wtt-pill-artiste-fill: rgba(180, 150, 255, 0.25);--wtt-pill-artiste-border: rgba(214, 199, 255, 0.5);--wtt-pill-artiste-rim: rgba(255, 255, 255, 0.12);--wtt-pill-artiste-text: #ebe3ff;--wtt-pill-artiste-icon: #ebe3ff;--wtt-pill-speed-fill: rgba(236, 72, 153, 0.25);--wtt-pill-speed-border: rgba(249, 168, 212, 0.5);--wtt-pill-speed-rim: rgba(255, 255, 255, 0.12);--wtt-pill-speed-text: #f9a8d4;--wtt-pill-speed-icon: #f9a8d4;--wtt-pill-podium-fill: rgba(247, 214, 92, 0.25);--wtt-pill-podium-border: rgba(249, 226, 140, 0.5);--wtt-pill-podium-rim: rgba(255, 255, 255, 0.12);--wtt-pill-podium-text: #ffe79c;--wtt-pill-podium-icon: #ffe08a;--wtt-eclair-shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);--wtt-song-ghost: rgba(255, 255, 255, 0.14);--wtt-song-missed: rgba(255, 255, 255, 0.34);--wtt-song-hit: #d8ff94;--wtt-song-hit-alt: rgba(255, 255, 255, 0.28);--wtt-menu-surface: #3a2769;--wtt-menu-border: rgba(255, 255, 255, 0.14);--wtt-menu-shadow: 0 24px 60px -28px rgba(0, 0, 0, 0.7);--wtt-menu-text: #fff;--wtt-menu-chevron: rgba(255, 255, 255, 0.6);--wtt-menu-icon-muted: rgba(255, 255, 255, 0.8);--wtt-menu-accent: #d8ff94;--wtt-menu-selected-bg: rgba(216, 255, 148, 0.14);--wtt-menu-hover-bg: rgba(255, 255, 255, 0.07);--wtt-switcher-track: rgba(255, 255, 255, 0.08);--wtt-switcher-label: rgba(255, 255, 255, 0.6);--wtt-switcher-indicator-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.5);--wtt-you-row: rgba(255, 255, 255, 0.1);--wtt-you-rank: #d8ff94;--wtt-dock-row: rgba(255, 255, 255, 0.12);--wtt-ambient: rgba(255, 255, 255, 0.1);--wtt-zebra: rgba(255, 255, 255, 0.05);--wtt-song-name: #fff;--wtt-song-artist: rgba(255, 255, 255, 0.6);--wtt-status-dot: #60e08a;--wtt-status-label: #c8f79a;--wtt-chat-bg: rgba(20, 12, 44, 0.72);--wtt-chat-eyebrow: #d8ff94;--wtt-chat-input-bg: rgba(12, 6, 30, 0.4);--wtt-chat-input-text: #fff;--wtt-chat-input-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.07);--wtt-popin-surface: #3a2769;--wtt-popin-head-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03));--wtt-popin-border: rgba(255, 255, 255, 0.14);--wtt-popin-shadow: 0 24px 60px -28px rgba(0, 0, 0, 0.7);--wtt-popin-text: #fff;--wtt-popin-muted: rgba(255, 255, 255, 0.55);--wtt-popin-rank-total: rgba(255, 255, 255, 0.4);--wtt-popin-pct-bg: rgba(216, 255, 148, 0.16);--wtt-popin-pct-text: #d8ff94;--wtt-tier-caption: rgba(255, 255, 255, 0.6);--wtt-tier-next: #d8ff94;--wtt-tier-track: rgba(0, 0, 0, 0.28);--wtt-elo-text: #fff;--wtt-elo-border: rgba(255, 255, 255, 0.12);--wtt-elo-muted: rgba(255, 255, 255, 0.55);--wtt-elo-value: #fff;--wtt-elo-track: rgba(0, 0, 0, 0.28);--wtt-elo-fill: linear-gradient(90deg, #57c7cf, #9ce6e3);--wtt-elo-next-rank: #ff8fc4;--wtt-elo-strip: linear-gradient(180deg, #2a2350, #231c46);--wtt-elo-icon: rgba(111, 230, 160, 0.18);--wtt-elo-accent: #6fe6a0;--wtt-elo-caption: rgba(255, 255, 255, 0.6);--wtt-elo-strip-loss: linear-gradient(180deg, #2f2547, #271d3f);--wtt-elo-icon-loss: rgba(232, 165, 77, 0.18);--wtt-elo-accent-loss: #e8a54d;--wtt-elo-caption-loss: rgba(255, 255, 255, 0.6);--wtt-elo-strip-flat: linear-gradient(180deg, #282150, #221b44);--wtt-elo-icon-flat: rgba(255, 255, 255, 0.1);--wtt-elo-accent-flat: rgba(255, 255, 255, 0.72);--wtt-elo-accent-soft-flat: rgba(255, 255, 255, 0.5);--wtt-elo-caption-flat: rgba(255, 255, 255, 0.55);--wtt-shadow: rgb(10, 6, 30);--wtt-drawer-scrim: rgba(6, 4, 20, 0.72)}@font-face{font-display:block;font-family:"wtt";font-style:normal;font-weight:normal;src:url(7550e07d6060c3d69b5d.ttf?p4jld3) format("truetype"),url(596ae15758ee9d965b44.woff?p4jld3) format("woff"),url(66bab5388bfbecba7fb4.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-fire:before{content:""}.icon-flash:before{content:""}.icon-github:before{content:""}.icon-google:before{content:""}.icon-headphones:before{content:""}.icon-heart:before{content:""}.icon-ipod:before{content:""}.icon-left:before{content:""}.icon-lock:before{content:""}.icon-moon:before{content:""}.icon-mute:before{content:""}.icon-name:before{content:""}.icon-ok:before{content:""}.icon-pencil:before,#header .profile:hover>span:not(.profile_name):before{content:""}.icon-play:before{content:""}.icon-right:before{content:""}.icon-spotify:before{content:""}.icon-star:before{content:""}.icon-stopwatch:before{content:""}.icon-sun:before{content:""}.icon-system:before{content:""}.icon-tape: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-vinyl:before{content:""}.icon-volume-down:before{content:""}.icon-volume-off:before{content:""}.icon-volume-up:before{content:""}.icon-wait: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 emote-riseY{0%{opacity:0;transform:translateY(0) scale(0.72)}9%{opacity:1;transform:translateY(-16px) scale(1)}72%{opacity:1}100%{opacity:0;transform:translateY(-360px) scale(1)}}@keyframes emote-sway{0%{transform:translateX(-9px)}50%{transform:translateX(9px)}100%{transform:translateX(-9px)}}@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:var(--wtt-cta-bg);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:var(--wtt-cta-text)}.button:hover{background:var(--wtt-cta-bg-hover);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:#37bb5d}.button.button-inverse{background:var(--wtt-inverse-bg);border:1px solid var(--wtt-inverse-border);box-shadow:0 8px 22px -16px rgba(40,30,80,.55);color:var(--wtt-accent)}.button.button-inverse,.button.button-inverse:visited{color:var(--wtt-accent)}.button.button-inverse:hover{background:var(--wtt-inverse-bg-hover);box-shadow:0 12px 30px -22px rgba(40,30,80,.5)}.button.button-ghost{background:none;box-shadow:none;color:var(--wtt-ink)}.button.button-ghost:hover,.button.button-ghost:active{color:var(--wtt-ink-hover)}.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:var(--wtt-ambient);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:var(--wtt-glass-light-bg);border:1px solid var(--wtt-surface-border);border-radius:1.667rem}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.live-ticker{background:var(--wtt-surface)}}.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:var(--wtt-glass-light-bg);border:1px solid var(--wtt-surface-border);border-radius:999px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.progress-container{background:var(--wtt-surface)}}.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;box-shadow:var(--wtt-progress-glow);height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:all 1s linear;width:0}.progress-container .progress::before{background:var(--wtt-progress-fill);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:var(--wtt-accent);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:var(--wtt-input-bg);border:0;border-radius:4px;color:var(--wtt-input-text);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:var(--wtt-input-text)}.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:var(--wtt-ink);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:var(--wtt-surface);border-radius:1.111rem;box-shadow:0 24px 60px -28px rgba(40,30,80,.45);padding:2em}.modal_inner h4{border-bottom:0;color:var(--wtt-ink);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(1.5px, -0.5px) rotate(0)}4%{transform:translate(0.5px, -0.5px) rotate(0)}6%{transform:translate(-0.5px, -0.5px) rotate(0)}8%{transform:translate(0.5px, 0.5px) rotate(0)}10%{transform:translate(0.5px, -0.5px) rotate(0)}12%{transform:translate(0.5px, 0.5px) rotate(0)}14%{transform:translate(-0.5px, 0.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, -0.5px) rotate(0)}22%{transform:translate(0.5px, 0.5px) rotate(0)}24%{transform:translate(-0.5px, -0.5px) rotate(0)}26%{transform:translate(0.5px, -0.5px) rotate(0)}28%{transform:translate(1.5px, 1.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, 1.5px) rotate(0)}36%{transform:translate(1.5px, 1.5px) rotate(0)}38%{transform:translate(-0.5px, -0.5px) rotate(0)}40%{transform:translate(-0.5px, -0.5px) rotate(0)}42%{transform:translate(-0.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, -0.5px) rotate(0)}52%{transform:translate(1.5px, -0.5px) rotate(0)}54%{transform:translate(0.5px, -0.5px) rotate(0)}56%{transform:translate(1.5px, 1.5px) rotate(0)}58%{transform:translate(1.5px, 1.5px) rotate(0)}60%{transform:translate(1.5px, -0.5px) rotate(0)}62%{transform:translate(-0.5px, 1.5px) rotate(0)}64%{transform:translate(-0.5px, 0.5px) rotate(0)}66%{transform:translate(0.5px, 0.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, 1.5px) rotate(0)}78%{transform:translate(0.5px, -0.5px) rotate(0)}80%{transform:translate(0.5px, -0.5px) rotate(0)}82%{transform:translate(-0.5px, 0.5px) rotate(0)}84%{transform:translate(1.5px, -0.5px) rotate(0)}86%{transform:translate(1.5px, 0.5px) rotate(0)}88%{transform:translate(-0.5px, 0.5px) rotate(0)}90%{transform:translate(-0.5px, 0.5px) rotate(0)}92%{transform:translate(-0.5px, 1.5px) rotate(0)}94%{transform:translate(1.5px, 0.5px) rotate(0)}96%{transform:translate(-0.5px, 1.5px) rotate(0)}98%{transform:translate(1.5px, 0.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(-0.5px, 2.5px) rotate(0)}6%{transform:translate(2.5px, -0.5px) rotate(0)}8%{transform:translate(-0.5px, 0.5px) rotate(0)}10%{transform:translate(-0.5px, 2.5px) rotate(0)}12%{transform:translate(1.5px, 2.5px) rotate(0)}14%{transform:translate(0.5px, 1.5px) rotate(0)}16%{transform:translate(2.5px, -1.5px) rotate(0)}18%{transform:translate(0.5px, 0.5px) rotate(0)}20%{transform:translate(-0.5px, 0.5px) rotate(0)}22%{transform:translate(2.5px, -1.5px) rotate(0)}24%{transform:translate(2.5px, 0.5px) rotate(0)}26%{transform:translate(-0.5px, 1.5px) rotate(0)}28%{transform:translate(-1.5px, 1.5px) rotate(0)}30%{transform:translate(2.5px, 0.5px) rotate(0)}32%{transform:translate(1.5px, 2.5px) rotate(0)}34%{transform:translate(0.5px, 1.5px) rotate(0)}36%{transform:translate(2.5px, 2.5px) rotate(0)}38%{transform:translate(0.5px, -0.5px) rotate(0)}40%{transform:translate(0.5px, -0.5px) rotate(0)}42%{transform:translate(-1.5px, 2.5px) rotate(0)}44%{transform:translate(-1.5px, 1.5px) rotate(0)}46%{transform:translate(1.5px, 0.5px) rotate(0)}48%{transform:translate(-1.5px, -1.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(2.5px, -0.5px) rotate(0)}58%{transform:translate(-1.5px, 0.5px) rotate(0)}60%{transform:translate(-1.5px, 2.5px) rotate(0)}62%{transform:translate(0.5px, -0.5px) rotate(0)}64%{transform:translate(1.5px, 0.5px) rotate(0)}66%{transform:translate(-0.5px, 2.5px) rotate(0)}68%{transform:translate(-1.5px, -0.5px) rotate(0)}70%{transform:translate(-1.5px, 2.5px) rotate(0)}72%{transform:translate(1.5px, -0.5px) rotate(0)}74%{transform:translate(0.5px, 2.5px) rotate(0)}76%{transform:translate(2.5px, 2.5px) rotate(0)}78%{transform:translate(2.5px, -0.5px) rotate(0)}80%{transform:translate(2.5px, 0.5px) rotate(0)}82%{transform:translate(-1.5px, -1.5px) rotate(0)}84%{transform:translate(-1.5px, 1.5px) rotate(0)}86%{transform:translate(0.5px, 1.5px) rotate(0)}88%{transform:translate(-0.5px, -1.5px) rotate(0)}90%{transform:translate(-1.5px, -1.5px) rotate(0)}92%{transform:translate(-0.5px, 2.5px) rotate(0)}94%{transform:translate(0.5px, -1.5px) rotate(0)}96%{transform:translate(0.5px, 1.5px) rotate(0)}98%{transform:translate(-0.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, -3px) rotate(0)}4%{transform:translate(0px, 1px) rotate(0)}6%{transform:translate(1px, 4px) rotate(0)}8%{transform:translate(-2px, 1px) rotate(0)}10%{transform:translate(1px, 2px) rotate(0)}12%{transform:translate(0px, 3px) rotate(0)}14%{transform:translate(-1px, 4px) rotate(0)}16%{transform:translate(2px, 4px) rotate(0)}18%{transform:translate(3px, 4px) rotate(0)}20%{transform:translate(1px, -3px) rotate(0)}22%{transform:translate(-3px, 0px) rotate(0)}24%{transform:translate(1px, -1px) rotate(0)}26%{transform:translate(2px, 2px) rotate(0)}28%{transform:translate(-1px, 1px) rotate(0)}30%{transform:translate(-1px, -3px) rotate(0)}32%{transform:translate(-2px, 2px) rotate(0)}34%{transform:translate(0px, 2px) rotate(0)}36%{transform:translate(-3px, 2px) rotate(0)}38%{transform:translate(1px, 3px) rotate(0)}40%{transform:translate(0px, 4px) rotate(0)}42%{transform:translate(-3px, 0px) rotate(0)}44%{transform:translate(4px, 2px) rotate(0)}46%{transform:translate(-3px, 0px) rotate(0)}48%{transform:translate(2px, 4px) rotate(0)}50%{transform:translate(0px, 0px) rotate(0)}52%{transform:translate(-1px, 4px) rotate(0)}54%{transform:translate(3px, -1px) rotate(0)}56%{transform:translate(-3px, -2px) rotate(0)}58%{transform:translate(-1px, -2px) rotate(0)}60%{transform:translate(1px, 2px) rotate(0)}62%{transform:translate(2px, -2px) rotate(0)}64%{transform:translate(4px, 2px) rotate(0)}66%{transform:translate(-2px, -3px) rotate(0)}68%{transform:translate(2px, -3px) rotate(0)}70%{transform:translate(0px, -1px) rotate(0)}72%{transform:translate(-2px, 3px) rotate(0)}74%{transform:translate(-1px, 4px) rotate(0)}76%{transform:translate(4px, 0px) rotate(0)}78%{transform:translate(4px, -1px) rotate(0)}80%{transform:translate(-2px, 4px) rotate(0)}82%{transform:translate(2px, -2px) rotate(0)}84%{transform:translate(-3px, -2px) rotate(0)}86%{transform:translate(-1px, 4px) rotate(0)}88%{transform:translate(4px, 2px) rotate(0)}90%{transform:translate(4px, 0px) rotate(0)}92%{transform:translate(-3px, 3px) rotate(0)}94%{transform:translate(4px, 1px) rotate(0)}96%{transform:translate(4px, -3px) rotate(0)}98%{transform:translate(4px, 2px) 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:var(--wtt-slider-track, #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:var(--wtt-slider-thumb);border:0;border-radius:50%;box-shadow:var(--wtt-slider-thumb-shadow);cursor:pointer;height:20px;margin-top:-8.5px;width:20px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--wtt-slider-track, #ccc)}input[type=range]::-moz-range-track{background:var(--wtt-slider-track, #ccc);border:0 solid #000;border-radius:2px;box-shadow:none;cursor:pointer;height:4px;width:100%}input[type=range]::-moz-range-thumb{background:var(--wtt-slider-thumb);border:0;border-radius:50%;box-shadow:var(--wtt-slider-thumb-shadow);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:var(--wtt-slider-track, #ccc);border:0 solid #000;border-radius:4px;box-shadow:none}input[type=range]::-ms-fill-upper{background:var(--wtt-slider-track, #ccc);border:0 solid #000;border-radius:4px;box-shadow:none}input[type=range]::-ms-thumb{background:var(--wtt-slider-thumb);border:0;border-radius:50%;box-shadow:var(--wtt-slider-thumb-shadow);cursor:pointer;height:20px;margin-top:1px;width:20px}input[type=range]:focus::-ms-fill-lower{background:var(--wtt-slider-track, #ccc)}input[type=range]:focus::-ms-fill-upper{background:var(--wtt-slider-track, #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:900px;max-width:1200px;width:calc(100% - 60px)}.endScreen_main{border-radius:1.333rem;display:flex;flex:1;flex-direction:column;overflow:hidden}.endScreen_main_columns{align-items:stretch;display:flex;flex:1;min-height:0}.endScreen_main_left{align-items:stretch;background-image:linear-gradient(-225deg, #7e55e6 0%, #6141b0 100%);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:var(--wtt-endscreen-panel);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:var(--wtt-glass-heavy-bg);border:1px solid var(--wtt-surface-border);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:var(--wtt-surface)}}.points-breakdown--inline{align-items:center;background:var(--wtt-breakdown-bg, var(--wtt-glass-heavy-bg));border-color:var(--wtt-breakdown-border, var(--wtt-surface-border));box-shadow:var(--wtt-breakdown-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 14px 38px -20px rgba(69, 46, 125, 0.45));display:flex;gap:.93em;padding:.5em .6em;position:relative;width:-moz-fit-content;width:fit-content}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.points-breakdown--inline{background:var(--wtt-breakdown-bg, var(--wtt-surface))}}.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:var(--wtt-ink);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:.4em .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:var(--wtt-pill-titre-fill, rgba(132, 104, 222, 0.22));border-color:var(--wtt-pill-titre-border, rgba(150, 124, 222, 0.6));box-shadow:inset 0 1px 0 var(--wtt-pill-titre-rim, rgba(223, 213, 252, 0.9));color:var(--wtt-pill-titre-text, #6a4fc8)}.bonus-pill--titre .bonus-pill_icon{color:var(--wtt-pill-titre-icon, #6a4fc8)}.bonus-pill--titre .bonus-pill_value{color:var(--wtt-pill-titre-text, #6a4fc8)}.bonus-pill--artiste{background:var(--wtt-pill-artiste-fill, rgba(158, 128, 244, 0.22));border-color:var(--wtt-pill-artiste-border, rgba(178, 152, 242, 0.65));box-shadow:inset 0 1px 0 var(--wtt-pill-artiste-rim, rgba(231, 221, 253, 0.9));color:var(--wtt-pill-artiste-text, #7d5cdf)}.bonus-pill--artiste .bonus-pill_icon{color:var(--wtt-pill-artiste-icon, #7d5cdf)}.bonus-pill--artiste .bonus-pill_value{color:var(--wtt-pill-artiste-text, #7d5cdf)}.bonus-pill--speed{background:var(--wtt-pill-speed-fill, rgba(236, 72, 153, 0.22));border-color:var(--wtt-pill-speed-border, rgba(248, 160, 205, 0.72));box-shadow:inset 0 1px 0 var(--wtt-pill-speed-rim, rgba(253, 226, 242, 0.92));color:var(--wtt-pill-speed-text, #d4257e)}.bonus-pill--speed .bonus-pill_icon{color:var(--wtt-pill-speed-icon, #d4257e)}.bonus-pill--speed .bonus-pill_value{color:var(--wtt-pill-speed-text, #d4257e)}.bonus-pill--podium{background:var(--wtt-pill-podium-fill, rgba(247, 214, 92, 0.36));border-color:var(--wtt-pill-podium-border, rgba(248, 224, 132, 0.85));box-shadow:inset 0 1px 0 var(--wtt-pill-podium-rim, rgba(255, 249, 222, 0.92));color:var(--wtt-pill-podium-text, #6b5200)}.bonus-pill--podium .bonus-pill_icon{color:var(--wtt-pill-podium-icon, #a07d10)}.bonus-pill--podium .bonus-pill_value{color:var(--wtt-pill-podium-text, #6b5200)}.bonus-pill--dimmed{background:var(--wtt-pill-dimmed-fill, #f1eff5);border-color:var(--wtt-pill-dimmed-border, #f1eff5);box-shadow:inset 0 1px 0 var(--wtt-pill-dimmed-rim, transparent);color:var(--wtt-pill-dimmed-text, #b6b3c4)}.bonus-pill--dimmed .bonus-pill_icon{color:var(--wtt-pill-dimmed-icon, #b6b3c4)}.bonus-pill--dimmed .bonus-pill_value{color:var(--wtt-pill-dimmed-text, #b6b3c4)}.breakdown-odometer{align-items:flex-start;color:var(--wtt-ink);display:inline-flex;font-family:"Bowlby One SC",Arial,sans-serif;font-size:2.53em;line-height:1;text-shadow:0 .05em 4px var(--wtt-shadow);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:var(--wtt-eclair-shadow, 0 1px 0 #fff, 0 0 10px rgba(237, 179, 30, 0.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;display:flex;font-size:1.4em;font-weight:500;gap:.4em;margin:0;max-width:100%;min-width:0;overflow:visible;text-decoration:none}.lb-row_label,.lb-row_label:visited{color:var(--wtt-song-name)}.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:var(--wtt-ink);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:var(--wtt-you-row)}.lb-row--you .lb-row_rank{background:var(--wtt-you-rank);color:var(--wtt-accent-ink);line-height:1}.lb-row--you .lb-row_label{color:var(--wtt-song-name);font-weight:900}.lb-row--you .lb-row_score{color:var(--wtt-ink)}.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{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:linear-gradient(var(--wtt-dock-row), var(--wtt-dock-row)),var(--wtt-surface-opaque);margin:0}@media(prefers-reduced-motion: reduce){.lb-row_score{transform:none}.lb-row--dock{animation:none}}.medallion{--medallion-size: 1em;align-items:center;display:inline-flex;filter:drop-shadow(0 calc(var(--medallion-size) * 0.05) calc(var(--medallion-size) * 0.09) rgba(20, 10, 45, 0.16));flex:0 0 auto;height:calc(var(--medallion-size)*1.29);justify-content:center;position:relative;width:calc(var(--medallion-size)*1.29)}.medallion_diamond{border-radius:calc(var(--medallion-size)*.23);height:var(--medallion-size);position:relative;transform:rotate(45deg);width:var(--medallion-size)}.medallion_fill{border-radius:inherit;box-shadow:inset 0 calc(var(--medallion-size)*.025) calc(var(--medallion-size)*.06) hsla(0,0%,100%,.45),inset 0 calc(var(--medallion-size)*-0.12) calc(var(--medallion-size)*.2) rgba(20,10,45,.22);inset:0;overflow:hidden;position:absolute}.medallion_fill::before{background:radial-gradient(circle at 18% 36%, rgba(255, 255, 255, 0.5), transparent 55%);content:"";inset:0;position:absolute}.medallion_icon{align-items:center;color:#fff;display:flex;height:var(--medallion-size);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:var(--medallion-size)}.medallion_icon [class^=icon-]{filter:drop-shadow(0 1.5px 1.5px rgba(20, 10, 45, 0.32));font-size:calc(var(--medallion-size)*.6)}.medallion_icon [class^=icon-]::before{background:linear-gradient(180deg, #fff 0%, #fff 45%, var(--glyph-pale, #fff) 100%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.medallion--debutant{--glyph-pale: #dde2ee}.medallion--debutant .medallion_diamond{background:#cdd6ec}.medallion--debutant .medallion_fill{background:linear-gradient(100deg, #aab6d6, #6c79a3)}.medallion--amateur{--glyph-pale: #d8f4c9}.medallion--amateur .medallion_diamond{background:#d6ffbf}.medallion--amateur .medallion_fill{background:linear-gradient(100deg, #b6f29a, #2fa84f)}.medallion--connaisseur{--glyph-pale: #cdf2ef}.medallion--connaisseur .medallion_diamond{background:#c5f3f0}.medallion--connaisseur .medallion_fill{background:linear-gradient(100deg, #9ce6e3, #2f9fa6)}.medallion--expert{--glyph-pale: #e6dafb}.medallion--expert .medallion_diamond{background:#e4cfff}.medallion--expert .medallion_fill{background:linear-gradient(100deg, #c79bff, #7c43d6)}.medallion--virtuose{--glyph-pale: #ffc7e2}.medallion--virtuose .medallion_diamond{background:#ffbfe0}.medallion--virtuose .medallion_fill{background:linear-gradient(100deg, #ff86c2, #cf1d77)}.medallion--maestro{--glyph-pale: #ffdcae}.medallion--maestro .medallion_diamond{background:#ffe9a8}.medallion--maestro .medallion_fill{background:linear-gradient(100deg, #ffd24a, #f0790c)}.medallion--legende{--glyph-pale: #ffe2a0}.medallion--legende .medallion_diamond{background:linear-gradient(135deg, #fff6d6, #f3cf6a)}.medallion--legende .medallion_fill{background:linear-gradient(100deg, #ffe9a8 0%, #edb31e 55%, #c98a0a 100%);box-shadow:inset 0 calc(var(--medallion-size)*.025) calc(var(--medallion-size)*.06) hsla(0,0%,100%,.6),inset 0 calc(var(--medallion-size)*-0.12) calc(var(--medallion-size)*.2) rgba(120,70,0,.3)}.tier-progress{margin-top:1.375em}.tier-progress_row{color:var(--wtt-tier-caption);display:flex;font-size:.6875em;font-weight:700;justify-content:space-between;margin-bottom:.6363em}.tier-progress_next{color:var(--wtt-tier-next)}.tier-progress_pts{color:var(--wtt-accent)}.tier-progress_bar{background:var(--wtt-tier-track);border-radius:999px;height:.5em;overflow:hidden}.tier-progress_bar-fill{background:linear-gradient(90deg, var(--tier, #704fd1), var(--tier-light, #704fd1));border-radius:999px;height:100%}.rank-popin-anchor{display:inline-flex}.rank-popin{font-size:0.8888888889rem;background:var(--wtt-popin-surface);border:1px solid var(--wtt-popin-border);border-radius:1.111rem;box-shadow:var(--wtt-popin-shadow);color:var(--wtt-popin-text);font-family:"Montserrat","Helvetica",sans-serif;line-height:1.2;overflow:hidden;pointer-events:none;position:fixed;transition:opacity 160ms ease-out;width:21.25em;z-index:900}.rank-popin_head{background:var(--wtt-popin-head-bg);padding:1.125em 1.25em 1em}.rank-popin_headrow{align-items:center;display:flex;gap:.875em}.rank-popin_medallion{--medallion-size: 3.375em;flex:0 0 auto}.rank-popin_id{min-width:0}.rank-popin_name{color:var(--wtt-popin-text);display:block;font-size:1.0625em;font-weight:800;line-height:1.1;text-decoration:none}.rank-popin_tier{background:var(--tier-track, rgba(112, 79, 209, 0.12));border-radius:999px;color:var(--tier, #704fd1);display:inline-flex;font-size:.6875em;font-weight:800;letter-spacing:.04em;margin-top:.4545em;padding:.273em .818em;text-transform:uppercase}.rank-popin_elo{margin-left:auto;text-align:right}.rank-popin_elo-label{color:var(--wtt-popin-muted);display:block;font-size:.625em;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rank-popin_elo-value{color:var(--wtt-accent);display:block;font-family:"Bowlby One SC",Arial,sans-serif;font-size:1.875em;line-height:1;margin-top:.1em}.rank-popin_classement{align-items:center;border-top:1px solid var(--wtt-popin-border);display:flex;justify-content:space-between;padding:.6875em 1.25em}.rank-popin_classement-label{color:var(--wtt-popin-muted);font-size:.6875em;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.rank-popin_classement-value{align-items:center;display:inline-flex;flex:0 0 auto;gap:.5625em;white-space:nowrap}.rank-popin_pct{background:var(--wtt-popin-pct-bg);border-radius:999px;color:var(--wtt-popin-pct-text);font-size:.625em;font-weight:800;letter-spacing:.04em;padding:.2em .8em;white-space:nowrap}.rank-popin_rank{color:var(--wtt-accent);font-family:"Bowlby One SC",Arial,sans-serif;font-size:1.0625em}.rank-popin_rank-total{color:var(--wtt-popin-rank-total);font-size:.875em}@media(prefers-reduced-motion: reduce){.rank-popin{transition:none}}@keyframes elo-reward-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.1875em)}}.elo-reward-footer{--strip-bg: var(--wtt-elo-strip);--icon-bg: var(--wtt-elo-icon);--accent: var(--wtt-elo-accent);--accent-soft: var(--wtt-elo-accent);--caption: var(--wtt-elo-caption);font-size:0.8888888889rem;align-items:center;background:var(--strip-bg);border-top:1px solid var(--wtt-elo-border);color:var(--wtt-elo-text);display:flex;flex:0 0 auto;gap:1.375em;padding:1.125em 1.75em}.elo-reward-footer--loss{--strip-bg: var(--wtt-elo-strip-loss);--icon-bg: var(--wtt-elo-icon-loss);--accent: var(--wtt-elo-accent-loss);--accent-soft: var(--wtt-elo-accent-loss);--caption: var(--wtt-elo-caption-loss)}.elo-reward-footer--flat{--strip-bg: var(--wtt-elo-strip-flat);--icon-bg: var(--wtt-elo-icon-flat);--accent: var(--wtt-elo-accent-flat);--accent-soft: var(--wtt-elo-accent-soft-flat);--caption: var(--wtt-elo-caption-flat)}.elo-reward-footer_headline{align-items:center;display:flex;flex:0 0 auto;gap:.875em}.elo-reward-footer_icon{align-items:center;animation:elo-reward-bob 2s ease-in-out infinite;background:var(--icon-bg);border-radius:.8em;display:flex;flex:none;height:2.375em;justify-content:center;width:2.375em}.elo-reward-footer_arrow{color:var(--accent-soft);font-size:1.125em}.elo-reward-footer_delta-row{align-items:baseline;display:flex;gap:.5em}.elo-reward-footer_delta-value{color:var(--accent);display:inline-block;font-family:"Bowlby One SC",Arial,sans-serif;font-size:1.5625em;line-height:1;transform-origin:center bottom}.elo-reward-footer_delta-unit{color:var(--accent-soft);font-size:.8125em;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase}.elo-reward-footer_caption{color:var(--caption);display:block;font-size:.75em;font-weight:600;line-height:1.2;margin-top:.1875em}.elo-reward-footer_divider{align-self:stretch;background:var(--wtt-elo-border);margin:.125em 0;width:1px}.elo-reward-footer_elo{flex:1;min-width:0}.elo-reward-footer_meta{align-items:baseline;display:flex;gap:.75em;justify-content:space-between;line-height:1;margin-bottom:.5em}.elo-reward-footer_score{align-items:baseline;display:inline-flex;gap:.35em;white-space:nowrap}.elo-reward-footer_elo-label{color:var(--wtt-elo-muted);font-size:.625em;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.elo-reward-footer_elo-value{color:var(--wtt-elo-value);font-family:"Bowlby One SC",Arial,sans-serif;font-size:1.125em}.elo-reward-footer_threshold{color:var(--wtt-elo-muted);font-size:.75em;font-weight:700}.elo-reward-footer_togo{color:var(--wtt-elo-muted);font-size:.75em;font-weight:700;white-space:nowrap}.elo-reward-footer_rank{color:var(--wtt-elo-muted);font-size:.75em;font-weight:700;white-space:nowrap}.elo-reward-footer_track{background:var(--wtt-elo-track);border-radius:999px;height:.5625em;overflow:hidden;position:relative}.elo-reward-footer_fill{background:var(--wtt-elo-fill);border-radius:999px;height:100%;left:0;position:absolute;top:0;transition:width .9s cubic-bezier(0.5, 0, 0.15, 1)}.elo-reward-footer_next-rank{color:var(--wtt-elo-next-rank)}@media(prefers-reduced-motion: reduce){.elo-reward-footer_icon{animation:none}.elo-reward-footer_fill{transition:none}}.segmented-switcher{font-size:0.6944444444rem;background:var(--wtt-switcher-track);border-radius:.667rem;display:grid;gap:.2em;grid-template-columns:1fr 1fr;padding:.2em .4em;position:relative}.segmented-switcher_indicator{background:var(--wtt-accent);border-radius:.444rem;bottom:.4em;box-shadow:var(--wtt-switcher-indicator-shadow);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:var(--wtt-switcher-label);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:var(--wtt-accent-ink)}@media(prefers-reduced-motion: reduce){.segmented-switcher_indicator,.segmented-switcher_segment{transition:none}}.theme-select{align-items:center;display:inline-flex;line-height:1;position:relative}.theme-select .theme-select-trigger{align-items:center;background:none;border:0;color:var(--wtt-ink);cursor:pointer;display:inline-flex;gap:.15em;line-height:1;padding:0}.theme-select .theme-select-trigger .theme-select-icon{font-size:1.2em;line-height:1}.theme-select .theme-select-trigger .theme-select-label{font-family:"Montserrat","Helvetica",sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1em;margin:0 .15em;text-transform:uppercase}.theme-select .theme-select-trigger .theme-select-chevron{color:var(--wtt-menu-chevron);font-size:.7em;line-height:1;transition:transform .2s}.theme-select .theme-select-trigger:hover{color:var(--wtt-ink-hover)}.theme-select .theme-select-trigger:hover .theme-select-chevron{color:var(--wtt-ink-hover)}.theme-select.open .theme-select-chevron{transform:rotate(180deg)}.theme-select .theme-select-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:40}.theme-select .theme-select-menu{font-size:0.7777777778rem;animation:ts-in .16s ease;background:var(--wtt-menu-surface);border:1px solid var(--wtt-menu-border);border-radius:1.111rem;box-shadow:var(--wtt-menu-shadow);line-height:1.2;padding:.5em;position:absolute;right:0;top:calc(100% + .429em);width:12.5em;z-index:60}.theme-select .theme-select-option{align-items:center;background:none;border:0;border-radius:.667rem;color:var(--wtt-menu-text);cursor:pointer;display:flex;font-family:"Montserrat","Helvetica",sans-serif;font-size:1em;font-weight:700;gap:.857em;padding:.714em .857em;text-align:left;width:100%}.theme-select .theme-select-option .theme-select-option-icon{color:var(--wtt-menu-icon-muted);font-size:1.429em;line-height:1}.theme-select .theme-select-option .theme-select-option-label{flex:1}.theme-select .theme-select-option:hover{background:var(--wtt-menu-hover-bg)}.theme-select .theme-select-option.selected{background:var(--wtt-menu-selected-bg)}.theme-select .theme-select-option.selected .theme-select-option-icon{color:var(--wtt-menu-accent)}@keyframes ts-in{from{opacity:0;transform:translateY(-6px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.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:var(--wtt-speed-normal);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:var(--wtt-speed-slow)}.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:var(--wtt-badge-ghost-bg);border-radius:.6em;color:var(--wtt-badge-ghost);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:var(--wtt-badge-earned-bg);color:var(--wtt-badge-earned);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:var(--wtt-zebra)}.song-list .cover{background-color:var(--wtt-zebra);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:var(--wtt-song-artist);display:flex;flex:1;flex-direction:column;gap:.6em;line-height:1.25em;min-width:0}.song-list .song-infos .name{color:var(--wtt-song-name);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 .top-bar_end{align-items:center;display:flex;gap:20px}.top-bar .menu{display:flex;flex-direction:row}.top-bar .menu nav{align-items:center;display:flex;gap:26px}.top-bar .menu nav .mobile{display:none}.top-bar .menu .toggle{display:none}.top-bar .menu nav .button-clear,.top-bar .connect .button-clear{align-items:center;color:var(--wtt-ink);cursor:pointer;display:inline-flex;font-family:"Montserrat","Helvetica",sans-serif;font-size:13px;font-weight:700;gap:7px;letter-spacing:.04em;line-height:1em;margin:0;padding:0;text-transform:uppercase}.top-bar .menu nav .button-clear .icon,.top-bar .connect .button-clear .icon{color:var(--wtt-accent);font-size:1.1em;margin:0}.connect{align-items:center;animation:slideDown 200ms 0s 1 ease-out;background-color:rgba(0,0,0,0);display:flex;margin:0;padding:0;position:relative}.connect a{cursor:pointer}.connect .user-chip{align-items:center;background:var(--wtt-fill-subtle);border:1px solid var(--wtt-border-subtle);border-radius:1.333rem;cursor:pointer;display:inline-flex;gap:10px;margin:0;padding:5px 14px 5px 5px}.connect .user-chip_avatar{align-items:center;background:linear-gradient(135deg, #d8ff94, #83d9dc);border-radius:50%;color:#452e7d;display:flex;flex-shrink:0;font-family:"Bowlby One SC",Arial,sans-serif;font-size:14px;height:30px;justify-content:center;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:30px}.connect .user-chip_name{color:var(--wtt-ink);font-size:13px;font-weight:700}.connect .user-chip_chevron{color:var(--wtt-ink-muted);height:13px;transition:transform .2s;width:auto}.connect.open .user-chip_chevron{transform:rotate(180deg)}.connect .user-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:40}.connect .user-menu-panel{font-size:0.7777777778rem;animation:ts-in .16s ease;background:var(--wtt-menu-surface);border:1px solid var(--wtt-menu-border);border-radius:1.111rem;box-shadow:var(--wtt-menu-shadow);line-height:1.2;padding:.5em;position:absolute;right:0;top:calc(100% + .429em);width:12.5em;z-index:60}.connect .user-menu-option{border-radius:.667rem;color:var(--wtt-menu-text);cursor:pointer;display:flex;font-family:"Montserrat","Helvetica",sans-serif;font-size:1em;font-weight:700;padding:.714em .857em;text-align:left;white-space:nowrap;width:100%}.connect .user-menu-option:hover{background:var(--wtt-menu-hover-bg)}.burger{background:rgba(0,0,0,0);border:0;cursor:pointer;display:none;padding:.4em .6em}.burger-box{background:var(--wtt-ink);border-radius:2px;display:block;height:3px;position:relative;width:24px}.burger-box::before,.burger-box::after{background:var(--wtt-ink);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:var(--wtt-drawer-scrim);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 .4em}.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:2em;justify-content:center;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:2em}.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 .drawer-user .profile{align-items:center;color:#fff;cursor:pointer;display:flex;flex:1;font-weight:bold;gap:.5em;margin:0;min-width:0}.drawer .drawer-user .profile_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer .drawer-user .profile_icon{flex-shrink:0}.drawer .drawer-user .profile_icon::before{content:""}.drawer .drawer-user .profile.edit{cursor:auto;gap:.5em}.drawer .drawer-user .profile.edit .input{flex:1;font-size:1rem;line-height:2.2;min-width:0;padding:0 .6em;width:auto}.drawer .drawer-user .profile.edit .button{--wtt-cta-bg: linear-gradient(135deg, #d8ff94, #8fe3d0);--wtt-cta-bg-hover: linear-gradient(135deg, #e2ffab, #a2ecd9);--wtt-cta-text: #2e1e5c;--wtt-cta-text-shadow: none;flex-shrink:0;font-size:.75rem;height:auto;line-height:1;padding:.7em .9em}.drawer-theme{padding:.2em 1.5em .6em;position:relative;z-index:3}.drawer-volume{padding:.2em 1.5em .6em}.drawer-section-title{color:hsla(0,0%,100%,.55);font-size:.7em;font-weight:bold;letter-spacing:.1em;margin:0 0 .6em;text-transform:uppercase}.drawer .theme-select{display:block;width:100%}.drawer .theme-select .theme-select-trigger{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:.667rem;color:#fff;gap:.6em;padding:.7em .9em;width:100%}.drawer .theme-select .theme-select-trigger:hover{background:hsla(0,0%,100%,.14);color:#fff}.drawer .theme-select .theme-select-label{flex:1;text-align:left}.drawer .theme-select .theme-select-chevron{color:hsla(0,0%,100%,.6);margin-left:auto}.drawer .theme-select.open .theme-select-chevron{color:#fff}.drawer .theme-select .theme-select-menu{left:0;right:0;width:auto}.drawer .volume-control-container{--wtt-slider-track: rgba(255, 255, 255, 0.24);--wtt-slider-thumb: linear-gradient(135deg, #d8ff94, #83d9dc);--wtt-slider-thumb-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:.667rem;display:flex;gap:.6em;padding:.2em .9em;width:100%}.drawer .volume-control-container .icon{background:none;border:0;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.2em;line-height:1;padding:0;text-align:center;width:1.4em}.drawer .volume-control-container input{background:rgba(0,0,0,0);flex:1;margin:0;min-width:0}.drawer .volume-control-container .volume-control-overlay{display:none}.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{font-size:.9rem;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}body.drawer-open .chat-container,body.drawer-open .chat-toggle{display:none}body.chat-open .drawer{display:none}body.chat-open #header .burger{visibility: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:var(--wtt-cta-bg);border-radius:.3em;box-shadow:none;color:var(--wtt-cta-text);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:var(--wtt-cta-bg-hover)}.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:var(--wtt-bg);color:var(--wtt-text);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;mix-blend-mode:var(--wtt-noise-blend);opacity:var(--wtt-noise-opacity);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:var(--wtt-ink);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:var(--wtt-ink);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:5rem;justify-content:space-between;line-height:5rem;padding-left:50px;padding-right:calc(40px + 12px)}#header .options{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-end;min-width:0}#header .utility-group{align-items:center;display:flex;flex-direction:row;gap:2em;min-width:0}#header .user-menu{display:none}#header .connect.desktop::after{align-self:center;background:var(--wtt-border-subtle);content:"";height:1.5em;margin-left:1em;width:1px}#header .connect .button-clear{font-size:0.7222222222rem;align-items:center;color:var(--wtt-ink);cursor:pointer;display:inline-flex;font-weight:700;gap:.54em;letter-spacing:.04em;line-height:1em;text-transform:uppercase}#header .connect .button-clear .icon{color:var(--wtt-accent);font-size:1.1em;margin:0}#header .connect .button-clear:hover{color:var(--wtt-ink-hover)}#header .profile{align-items:center;color:var(--wtt-ink);cursor:pointer;display:flex;flex-direction:row;font-weight:bold;min-width:0;position:relative;transition:none}#header .profile:hover{color:var(--wtt-ink-hover)}#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:var(--wtt-cta-bg-hover)}#header .profile .picture{border-radius:100%;height:1.4em;margin-left:.4em;width:1.4em}#header .profile_name{margin-right:.2em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#header .profile_icon{flex-shrink:0;min-width:1.2em;text-align:center}#header .volume-control-container{align-items:center;background-color:rgba(0,0,0,0);border-radius:1.667rem;display:flex;flex-direction:row;height:3em;transition:background-color 300ms,padding 300ms}#header .volume-control-container .icon{background:none;border:0;color:var(--wtt-ink);cursor:pointer;font-size:1.2em;line-height:1;padding:0}#header .volume-control-container .icon:hover{color:var(--wtt-ink-hover)}#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 .volume-control-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:20}#header .volume-control-container.open{background-color:var(--wtt-surface);padding:0 1em}#header .volume-control-container.open .icon,#header .volume-control-container.open input{position:relative;z-index:30}#header .volume-control-container.open input{margin-left:.5em;opacity:1;visibility:visible;width:120px}#room-name{align-items:center;color:var(--wtt-ink);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;color:var(--wtt-accent);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:var(--wtt-ink);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:var(--wtt-input-bg);border:1px solid var(--wtt-input-border);border-radius:.889rem;border-top-color:var(--wtt-input-border-top);box-shadow:var(--wtt-input-shadow);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:var(--wtt-input-shadow),0 0 0 2px var(--wtt-focus-ring);transform:translateY(-1px)}.page-home #login-form .input::-moz-placeholder{color:var(--wtt-input-placeholder);opacity:1}.page-home #login-form .input::placeholder{color:var(--wtt-input-placeholder);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:var(--wtt-cta-text-shadow);z-index:10}.page-home #login-form .play-button{display:inline-flex;position:relative}.page-home #login-form .players-online{align-items:center;color:var(--wtt-status-label);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:var(--wtt-status-dot);border-radius:50%;height:.6em;width:.6em}.page-home .private-count{color:var(--wtt-ink-muted);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:var(--wtt-step-fill);border-radius:.667rem;color:var(--wtt-accent-ink);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:var(--wtt-ink);font-size:.9em;font-weight:600;line-height:1.4}.page-home .subtitle{color:var(--wtt-ink);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:var(--wtt-glass-solid-bg);border:1px solid var(--wtt-surface-border);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:var(--wtt-surface)}}.page-room .game-history{flex:1;min-width:0;position:relative}.page-room .game-players{backdrop-filter:blur(10px);background:var(--wtt-glass-solid-bg);border:1px solid var(--wtt-surface-border);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:var(--wtt-surface)}}.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:var(--wtt-ink);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:var(--wtt-ink)}.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:var(--wtt-input-bg);border:1px solid var(--wtt-input-border);border-radius:1.111rem;border-top-color:var(--wtt-input-border-top);box-shadow:var(--wtt-input-shadow-focal);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:var(--wtt-input-text);color:var(--wtt-input-text);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:var(--wtt-input-placeholder);opacity:1}.page-room .form-container input::placeholder{color:var(--wtt-input-placeholder);opacity:1}.page-room .guess-input-wrap{isolation:isolate;position:relative}.page-room .emote-bar--tucked{bottom:-2.222rem;left:1.222rem;position:absolute;z-index:-1}.page-room .emote-bar--tucked .emote-bar-buttons{align-items:flex-end;display:flex;gap:.389rem}.page-room .emote-bar--tucked .emote-button{font-size:1.1111111111rem;align-items:center;backdrop-filter:blur(14px);background:var(--wtt-tucked-bg);border:1px solid var(--wtt-tucked-border);border-radius:0 0 .667rem .667rem;box-shadow:var(--wtt-tucked-shadow);cursor:pointer;display:flex;flex-direction:column;gap:1px;height:2.4em;justify-content:flex-end;padding-bottom:.2em;transition:transform .12s,background .15s;width:2.2em}.page-room .emote-bar--tucked .emote-button:hover{background:var(--wtt-tucked-bg-hover);transform:translateY(3px)}.page-room .emote-bar--tucked .emote-button:active{transform:scale(0.9)}.page-room .emote-bar--tucked .emote-glyph{font-size:1em;line-height:1}.page-room .emote-bar--tucked .emote-key{color:var(--wtt-ink-muted);font-size:.35em;font-weight:800;line-height:1}@media(max-width: 990px){.page-room .emote-bar--tucked{display:none}}.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:var(--wtt-surface);border-radius:50%}.page-room .current-song .counter-container.wait .counter_value{color:var(--wtt-ink)}.page-room .current-song .counter-container.wait .counter::before{border-radius:50%}.page-room .current-song .counter{background-image:var(--wtt-counter-bg);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:var(--wtt-counter-text);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:var(--wtt-ink-muted);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:var(--wtt-surface);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:var(--wtt-ink);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:var(--wtt-ink);font-size:30px;left:65px;opacity:.4;position:absolute;top:50%;transform:translateY(-50%)}.page-room .current-song .status.active{color:var(--wtt-ink)}.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 var(--wtt-surface-border);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:var(--wtt-ink);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:var(--wtt-ink)}.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:var(--wtt-song-ghost);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:var(--wtt-song-missed)}.page-room .column-header .progress .progress-song.name{background:linear-gradient(135deg, var(--wtt-song-hit) 50%, var(--wtt-song-hit-alt) 50%)}.page-room .column-header .progress .progress-song.artist{background:linear-gradient(135deg, var(--wtt-song-hit-alt) 50%, var(--wtt-song-hit) 50%)}.page-room .column-header .progress .progress-song.full{background:var(--wtt-song-hit)}.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}.emote-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:120}.floating-emote{font-size:2.5555555556rem;animation-fill-mode:forwards;animation-name:emote-riseY;animation-timing-function:cubic-bezier(0.33, 0, 0.2, 1);bottom:64px;position:absolute;will-change:transform,opacity;z-index:2}.floating-emote .floating-emote-inner{align-items:center;animation-iteration-count:infinite;animation-name:emote-sway;animation-timing-function:ease-in-out;display:flex;flex-direction:column;gap:.11em}.floating-emote .floating-emote-glyph{filter:drop-shadow(0 6px 10px rgba(40, 30, 80, 0.35));font-size:1em;line-height:1}.floating-emote .floating-emote-sender{backdrop-filter:blur(4px);background:rgba(69,46,125,.78);border-radius:999px;color:#fff;font-size:.22em;font-weight:700;line-height:1;padding:.4em .8em;white-space:nowrap}.game-chat-container{display:flex;height:100vh}.game-container{flex:1;overflow:auto;position:relative;scrollbar-color:rgba(69,46,125,.35) rgba(0,0,0,0);scrollbar-width:thin}.game-container::-webkit-scrollbar{width:8px}.game-container::-webkit-scrollbar-thumb{background:rgba(69,46,125,.35);border-radius:1.667rem}.game-container::-webkit-scrollbar-thumb:hover{background:rgba(69,46,125,.55)}.game-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chat-container{align-items:stretch;backdrop-filter:blur(16px);background-color:var(--wtt-chat-bg);display:flex;flex-direction:column;font-size:14px;height:100vh;position:relative;transition:width 300ms ease-in-out;width:340px;z-index:500}.chat-container.closed{width:0}.chat-container.closed .chat-panel{width:340px}.chat-container .chat-panel{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}.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:var(--wtt-chat-input-bg);border:1px solid var(--wtt-input-border);border-radius:6px;border-top-color:var(--wtt-input-border-top);box-shadow:var(--wtt-chat-input-shadow);margin:10px;padding:0 10px}.chat-container .chat-form input{background:none;border:0;color:var(--wtt-chat-input-text);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 .chat-charter{padding:12px 8px 4px}.chat-container .chat-content .chat-charter .chat-charter-head{align-items:center;display:flex;gap:10px}.chat-container .chat-content .chat-charter .chat-charter-rule{background:hsla(0,0%,100%,.1);flex:1;height:1px}.chat-container .chat-content .chat-charter .chat-charter-title{color:var(--wtt-chat-eyebrow);font-size:.643em;font-weight:800;letter-spacing:.14em;white-space:nowrap}.chat-container .chat-content .chat-charter .chat-charter-text{color:hsla(0,0%,100%,.42);font-size:.786em;font-weight:500;line-height:1.45;margin:7px 8px 0;text-align:center}.chat-container .chat-content .reaction-group{display:flex;justify-content:center;margin:8px 4px}.chat-container .chat-content .reaction-group .reaction-group-strip{align-items:center;background:hsla(0,0%,100%,.08);border-radius:999px;display:inline-flex;gap:8px;max-width:90%;padding:5px 11px}.chat-container .chat-content .reaction-group .reaction-chip{align-items:center;display:inline-flex;font-size:1.071em;gap:1px;line-height:1}.chat-container .chat-content .reaction-group .reaction-chip-count{color:hsla(0,0%,100%,.55);font-size:.733em;font-weight:800}.chat-container .chat-content .reaction-group .reaction-who{color:hsla(0,0%,100%,.4);font-size:.786em;font-style:italic;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.emote-bar--panel{padding:12px 10px 4px;position:relative}.emote-bar--panel .emote-bar-caption{color:hsla(0,0%,100%,.4);font-size:.714em;font-weight:700;letter-spacing:.08em;padding:0 4px 8px;text-transform:uppercase}.emote-bar--panel .emote-bar-buttons{display:flex;gap:7px}.emote-bar--panel .emote-button{align-items:center;background:hsla(0,0%,100%,.11);border:0;border-radius:.667rem;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:1px;height:3.429em;justify-content:center;transition:transform .12s,background .15s}.emote-bar--panel .emote-button:hover{background:hsla(0,0%,100%,.22);transform:translateY(-3px)}.emote-bar--panel .emote-button:active{transform:scale(0.88)}.emote-bar--panel .emote-glyph{font-size:1.571em;line-height:1}.emote-bar--panel .emote-key{color:hsla(0,0%,100%,.45);font-size:.607em;font-weight:800;line-height:1}.emote-bar .emote-button:disabled{cursor:default;opacity:.35;transform:none}.chat-toggle{align-items:center;backdrop-filter:blur(16px);background:var(--wtt-chat-bg);border-bottom-left-radius:.667rem;border-top-left-radius:.667rem;box-shadow:-6px 6px 18px -8px rgba(40,30,80,.5);color:#fff;display:flex;flex-direction:column;height:40px;justify-content:center;left:0;position:absolute;top:calc((5rem - 40px)/2);transform:translateX(-100%);width:40px;z-index:9999}.chat-toggle .icon::before{content:""}.chat-toggle:hover .icon::before{content:""}.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,.chat-container.closed{backdrop-filter:none;background:rgba(0,0,0,0);display:block;height:100vh;inset:0;pointer-events:none;position:fixed;transition:none;width:auto;z-index:500}.chat-container .chat-panel{backdrop-filter:blur(16px);background-color:var(--wtt-chat-bg);border-top-left-radius:.444rem;bottom:0;box-shadow:-18px 0 60px -12px rgba(69,46,125,.7);pointer-events:auto;position:fixed;right:0;top:0;transform:translateX(0);transition:transform 300ms ease-in-out;width:min(88vw,340px)}.chat-container.closed .chat-panel{box-shadow:none;transform:translateX(100%)}.emote-bar--panel .emote-bar-caption{display:none}.emote-bar--panel .emote-button{height:2.857em}.emote-bar--panel .emote-glyph{font-size:1.357em}.emote-bar--panel .emote-key{display:none}.chat-charter .chat-charter-title{font-size:.714em}.chat-charter .chat-charter-text{font-size:.857em}.reaction-group .reaction-chip{font-size:1.214em}.reaction-group .reaction-chip-count{font-size:.706em}.reaction-group .reaction-who{font-size:.857em}}@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{gap:1rem;height:auto;line-height:normal;margin:1em;min-height:42px;padding-left:0;padding-right:30px;position:relative;width:auto}#header .utility-group{gap:1em}#header .connect.desktop::after{display:none}#header .theme-select,#header .profile,#header .volume-control-container{display:none}#header .user-menu{display:flex}#header .burger{display:block}.chat-toggle{top:calc(1em + (42px - 40px)/2)}.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:var(--wtt-fill-subtle);border-radius:.667rem;color:var(--wtt-ink);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{display:none}.page-home>.footer{display:none}.page-home .top-bar{min-height:42px}.page-home .top-bar .menu{display:none}.page-home .top-bar .burger{display:block}.page-home .top-bar .top-bar_end .theme-select{display:none}.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 a.logo-inline{text-align:center}.endScreen .endScreen_remaining{font-size:1em;margin-bottom:0}.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_columns{flex-direction:column}.endScreen .elo-reward-footer{align-items:stretch;flex-direction:column;gap:.75em}.endScreen .elo-reward-footer_divider{height:1px;width:auto}.endScreen .elo-reward-footer_meta{flex-wrap:wrap;gap:.35em .9em;justify-content:flex-start}.endScreen .endScreen_main_left{border-radius:1.333rem 1.333rem 0 0;flex:3}.endScreen .endScreen_main_right{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}}