body{margin:0;padding:0;font-size:16px;background-color:#000;color:#000;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root{font-family:Barlow Semi Condensed,system-ui,-apple-system,sans-serif}:root .app-change-orientation{width:100vw;height:100vh;margin:0;display:flex;justify-content:center;align-items:start;background-color:var(--bg-color)}:root .app-change-orientation-title{width:50vw;font-size:1.5rem;font-weight:300;color:var(--text-color);text-align:center;padding:0;margin-top:30vh}:root .app{display:flex;flex-direction:column;align-items:center;width:100vw;height:calc(var(--vh, 1vh) * 100);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}:root .app:not(.app-mobile){min-width:480px}:root .app-header{background-color:var(--bg-header);border-bottom:1px solid var(--border-containers-light)}:root .app-header .toggle-button{border:1px solid var(--border-color)}:root .app-header .toggle-button svg{color:var(--text-color)}:root .app .space-4{height:4px}:root .app .space-8{height:8px}:root .app .space-16{height:16px;flex-shrink:0}:root .app .space-24{height:24px;flex-shrink:0}:root .app .space-32{height:32px;flex-shrink:0}:root .app .horizontal-space-12{display:inline-block;width:12px}:root .app .app-title{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:var(--bg-header)}:root .app .app-title-main{padding:0;margin:0;font-weight:300;opacity:.8}:root .app .app-title-subtitle{font-weight:300;margin:0;opacity:.6}:root .text-info{color:var(--text-color);font-size:1.2rem;text-align:center;margin-top:1rem}:root .text-small{color:var(--text-color);font-size:clamp(.8rem,2vw,1.5rem);text-align:center}:root .text-middle{color:var(--text-color);font-size:clamp(1rem,2.3vw,1.8rem);text-align:center}:root .text-big{color:var(--text-color);font-size:2.2rem;font-weight:400;text-align:center}:root .text-left{text-align:left;margin-top:10px}:root .text-padding-24{padding:0 24px}:root .text-bold{font-weight:700}:root{--color-primary: #444444;--color-primary-soft: #666;--color-answers: #c9c9c9;--color-action: #45B701;--color-action-soft: #e4f9d8;--color-channels: #45B701;--bg-header: #e8e8e8;--bg-color: #ffffff;--bg-color-middle: #e8e8e8;--bg-write-area: #00000010;--bg-write-answer: #f0f0f0;--bg-hints: #e0e0e0;--border-color: #444;--border-color-soft: #999;--border-containers-light: #bbb;--text-color: #444;--text-color-reverse: #CCC;--text-color-middle: #e8e8e8;--text-color-reverse-full: #FFF;--text-color-60: #44444490;--text-color-titles: #777;--keyboard-key-color: #2d2f31;--keyboard-key-color-active: #c8c8c8;--keyboard-key-bg-color: #d1d3d7;--keyboard-key-enter-bg-color: #81ad68;--keyboard-key-back-bg-color: #bb6464;--letter-correct: #6aaa64;--letter-present: #c9b458;--letter-absent: #787c7e;--menu-body-bg: #ffffff;--menu-header-bg: #e8e8e8;--menu-header-logo: #45B701;--menu-header-text: #666;--menu-body-section-title: #999;--menu-body-section-separator: #ccc;--menu-body-item-hover: #e0e0e0;--menu-body-item-text: #444;--menu-body-item-icon: #666;--menu-body-item-text-hover: #000}[data-theme=dark]{--color-primary: #AAAAAA;--color-primary-soft: #666;--color-answers: #444;--color-action: #eee;--color-action-soft: #444;--color-channels: transparent;--bg-header: #1a1a1a;--bg-color: #000000;--bg-color-middle: #1a1a1a;--bg-write-area: #FFFFFF10;--bg-write-answer: #101010;--bg-hints: #202020;--border-color: #AAA;--border-color-soft: #777;--border-containers-light: #444;--text-color: #AAA;--text-color-reverse: #333;--text-color-reverse-full: #000: --text-color-60: #AAAAAA90;--text-color-titles: #999;--keyboard-key-color: #d2d0ce;--keyboard-key-color-active: #373737;--keyboard-key-bg-color: #333;--keyboard-key-enter-bg-color: #81ad68;--keyboard-key-back-bg-color: #bb6464;--menu-body-bg: #222;--menu-header-bg: #444;--menu-header-logo: #45B701C0;--menu-header-text: #ccc;--menu-body-section-title: #e8e8e8;--menu-body-section-separator: #ccc;--menu-body-item-hover: #444;--menu-body-item-text: #eee;--menu-body-item-icon: #eee;--menu-body-item-text-hover: #eee}[data-theme=retro]{--color-primary: #45B701;--color-primary-soft: #2b7600;--color-answers: #1d4f00;--bg-color: #000000;--bg-header: #143600;--bg-color-middle: #0D2201;--bg-write-answer: #143600B0;--bg-hints: #14360080;--border-color: #45B701;--border-color-soft: #7bb758;--border-containers-light: #1b4900;--text-color: #45B701;--text-color-reverse: #0d2102;--text-color-reverse-full: #000;--text-color-60: #45B70190;--text-color-titles: #328700;--keyboard-key-color: #f6f8fa;--keyboard-key-color-active: #595a5c;--keyboard-key-bg-color: #666;--keyboard-key-enter-bg-color: #45B701;--keyboard-key-back-bg-color: #8c3636;--menu-body-bg: #111;--menu-header-bg: #143500;--menu-header-logo: #45B701C0;--menu-header-text: #45B701;--menu-body-section-title: #45B701;--menu-body-section-separator: #45B701;--menu-body-item-hover: #184100;--menu-body-item-text: #45B701;--menu-body-item-icon: #45B701;--menu-body-item-text-hover: #45B701}.app-header{width:100%;display:flex;align-items:center;height:48px;border-bottom:1px solid var(--border-containers-light);padding:8px;background-color:var(--bg-header);position:sticky;top:0;z-index:100}.app-header-left{width:80px;flex-shrink:0;margin-left:12px;display:flex;flex-direction:row;gap:8px}.app-header-left .toggle-button{display:flex;justify-items:center;align-items:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;background-color:transparent;cursor:pointer}.app-header-left .toggle-button svg{width:20px;color:var(--text-color)}.app-header-middle{flex:1;text-align:center;margin:0;font-weight:300;display:flex;justify-content:center;align-items:center}.app-header-middle .header-logo{margin-top:4px;fill:var(--text-color)}.app-header-middle .channel-title{margin-left:8px;font-size:clamp(20px,2.7vw,30px);color:var(--text-color)}.app-header-right{width:80px;flex-shrink:0;margin-right:20px;display:flex;justify-content:flex-end;align-items:center}.help-modal .ant-modal-title{font-size:24px;font-weight:700;color:var(--text-color)}.cmp-how-to-play{padding-top:16px}.cmp-how-to-play .text-header,.cmp-how-to-play .ant-modal-title{margin-bottom:24px}.cmp-how-to-play p{font-size:18px;margin-top:-10px}.cmp-how-to-play .example-row{display:flex;flex-direction:row;justify-content:center;align-items:center;width:max-content;height:40px;margin-top:16px;margin-bottom:8px}.cmp-how-to-play .example-row .example-col{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color);margin:2px;border-radius:4px;font-size:24px}.cmp-how-to-play .example-row .example-col.example-correct{background-color:var(--letter-correct);color:var(--bg-color)}.cmp-how-to-play .example-row .example-col.example-present{background-color:var(--letter-present);color:var(--bg-color)}.cmp-how-to-play .example-row .example-col.example-absent{background-color:var(--letter-absent);color:var(--bg-color)}.header-drawer-menu .ant-drawer-content-wrapper{width:250px!important}.header-drawer-menu .ant-drawer-header{border-bottom:1px solid var(--menu-body-section-separator);padding:14px 24px;background-color:var(--menu-header-bg)}.header-drawer-menu .ant-drawer-header .ant-drawer-close svg{fill:var(--menu-header-text)}.header-drawer-menu .ant-drawer-header .ant-drawer-title{font-family:Barlow Semi Condensed,system-ui,-apple-system,sans-serif;font-weight:500;font-size:24px;color:var(--menu-header-text);align-items:center;display:flex;gap:.5em}.header-drawer-menu .ant-drawer-header .ant-drawer-title svg{fill:var(--menu-header-logo)}.header-drawer-menu .ant-drawer-body{padding:0;background-color:var(--menu-body-bg);display:flex;flex-direction:column;position:relative}.header-drawer-menu .ant-drawer-body .drawer-item{padding:12px 16px;margin-bottom:1px;cursor:pointer;display:flex;align-items:center;gap:.5em;color:var(--menu-body-item-text);text-decoration:none}.header-drawer-menu .ant-drawer-body .drawer-item:hover{background-color:var(--menu-body-item-hover)}.header-drawer-menu .ant-drawer-body .drawer-item:hover .drawer-item-icon svg{fill:var(--menu-body-item-icon)}.header-drawer-menu .ant-drawer-body .drawer-item-label{font-size:larger}.header-drawer-menu .ant-drawer-body .drawer-item-icon svg{fill:var(--menu-body-item-icon)}.header-drawer-menu .ant-drawer-body .drawer-section-title{padding:10px 16px;font-size:large;font-weight:600;color:var(--menu-body-section-title);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--menu-body-section-separator)}.header-drawer-menu .ant-drawer-body .drawer-section.app-version{position:absolute;bottom:0;left:0;right:0;padding:16px;text-align:center;font-size:12px;color:var(--text-secondary);border-top:1px solid var(--border-color);background-color:var(--bg-primary)}.game-keyboard{margin-top:16px;width:calc(100% - 1rem)}.game-keyboard.shake{opacity:.5;animation:shake .2s ease-in-out infinite}.game-keyboard-row{display:flex;justify-content:center;gap:6px;width:100%;padding:4px 0;margin:0}.game-keyboard-row-key{width:10%;padding:10px 0;max-height:50px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:clamp(20px,4vw,32px);font-weight:700;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--keyboard-key-color);background-color:var(--keyboard-key-bg-color)}.game-keyboard-row-key:active{background-color:var(--keyboard-key-color-active)}.game-keyboard-row-key.icon-svg{fill:var(--keyboard-key-color)}.game-keyboard-row-key.icon-svg.key-enter{background-color:var(--keyboard-key-enter-bg-color)}.game-keyboard-row-key.icon-svg.key-back{background-color:var(--keyboard-key-back-bg-color)}.game-keyboard-row-key.key-state-absent{background-color:#787c7e}.game-keyboard-row-key.key-state-correct{background-color:#6aaa64}.game-keyboard-row-key.key-state-present{background-color:#c9b458}.app-loading{margin-top:30%;display:flex;justify-content:center;align-items:center;font-size:24px}.game{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;height:calc(var(--vh, 1vh) * 100);overflow:hidden}.game-flash-message{position:fixed;top:10%;left:50%;transform:translate(-50%);background-color:#65ad61;border:5px solid white;color:#fff;padding:20px 30px;border-radius:5px;z-index:1000;opacity:0;transition:opacity .3s ease,box-shadow .3s ease;pointer-events:none;font-size:1.2em}.game-flash-message.visible{opacity:1}.game .game-container{display:flex;flex-direction:column;width:100%;max-width:1200px;height:100%;align-items:center;overflow:hidden}.game .game-container .game-answers{width:calc(100% - 1rem);max-height:max-content;padding:20px 0;flex:1 1 0%;overflow-y:scroll;overflow-x:hidden;min-height:0;height:0;scroll-behavior:smooth}.game .game-container .game-answers-panel{margin:0}.game .game-container .game-song-panel{background-color:var(--bg-write-answer);width:100%;padding:16px;box-sizing:border-box}.game .game-container .game-hints{padding:16px;background-color:var(--bg-hints);width:100%;box-sizing:border-box}.game .game-container .game-keyboard-container{padding:16px 0;margin:0;background-color:var(--bg-write-answer);display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--border-color)}.app-mobile .game .game-container{height:calc(var(--vh, 1vh) * 100 - 48px)}.app-mobile .game .game-container .game-answers{max-height:none}.game .game-answers-panel-row-container .game-answers-panel-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(auto,48px);justify-content:center;gap:2px;margin-bottom:4px}.game .game-answers-panel-row-container .game-answers-panel-row-col{aspect-ratio:1/1;height:auto;max-height:40px;width:100%;display:flex;justify-content:center;align-items:center;font-weight:700;color:var(--color-answers);background-color:var(--color-answers);font-size:5px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game .game-answers-panel-row-container .game-answers-panel-row-col.col-space{border:none;opacity:.4}.game-answers .game-answers-panel-row-container:last-child .game-answers-panel-row-col.letter-state-absent{animation:absentTransition .5s ease-in-out forwards}.game-answers .game-answers-panel-row-container:last-child .game-answers-panel-row-col.letter-state-correct{animation:correctTransition .5s ease-in-out forwards}.game-answers .game-answers-panel-row-container:last-child .game-answers-panel-row-col.letter-state-present{animation:presentTransition .5s ease-in-out forwards}.game-answers .game-answers-panel-row-container:not(:last-child) .game-answers-panel-row-col.letter-state-absent{background-color:#787c7e!important;color:#fff!important}.game-answers .game-answers-panel-row-container:not(:last-child) .game-answers-panel-row-col.letter-state-correct{background-color:#6aaa64!important;color:#fff!important}.game-answers .game-answers-panel-row-container:not(:last-child) .game-answers-panel-row-col.letter-state-present{background-color:#c9b458!important;color:#fff!important}@keyframes absentTransition{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0);background-color:#787c7e;color:#fff}}@keyframes presentTransition{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0);background-color:#c9b458;color:#fff}}.game-keyboard-display{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;width:calc(100% - 1rem)}.game-keyboard-display-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(auto,48px);justify-content:center;gap:2px;margin-bottom:4px}.game-keyboard-display-row-letter{aspect-ratio:1/1;height:auto;width:auto;display:flex;justify-content:center;align-items:center;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color-middle);background-color:var(--color-primary-soft);font-weight:600}.game-keyboard-display-row-letter-cursor{outline:3px solid var(--color-action);outline-offset:-2px}.game-keyboard-display-row-letter-unfilled{color:transparent}.game-keyboard-display-row-letter.letter-space{opacity:.2}.game-keyboard-display-row.shake{animation:shake .2s ease-in-out infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.game-song{position:relative;width:100%}.game-song-panel-hints-container{overflow:hidden;max-height:0;transform:translateY(-20px);transition:max-height .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out;opacity:0;background:var(--bg-color)}.game-song-panel-hints-container.hints-visible{max-height:1000px;transform:translateY(0);opacity:1}.game-song-panel{padding-bottom:8px!important}.game-song-panel-title{font-size:1.2rem;color:var(--text-color);text-align:center}.game-song-panel-content-top{display:grid;grid-template-columns:1fr auto;gap:1rem;width:100%;align-items:center;padding:0;margin-bottom:8px}.game-song-panel-content-top-play-panel{display:grid;grid-template-columns:40px 1fr;gap:.5rem;justify-content:center;align-items:center;padding:0}.game-song-panel-content-top-play-panel-button{display:flex;justify-content:center;align-items:center;fill:var(--color-primary);cursor:pointer;transition:background-color .5s}.game-song-panel-content-top-play-panel-button:hover{fill:var(--color-primary-soft)}.game-song-panel-content-top-play-panel-button-disabled{opacity:.5;cursor:not-allowed}.game-song-panel-content-top-play-panel-progress{position:relative;height:100%;width:100%}.game-song-panel-content-top-play-panel-progress-bar{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-song-panel-content-top-play-panel-progress-bar-body{background-color:var(--color-primary);position:absolute;left:0;width:100%;height:20px;border-radius:9px;display:flex;flex-direction:column;justify-content:center;padding:0 2px;z-index:1}.game-song-panel-content-top-play-panel-progress-bar-body-indicator{background-color:var(--bg-header);height:100%;border-radius:4.5px;height:16px}.game-song-panel-content-top-play-panel-progress-hint{left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-song-panel-content-top-play-panel-progress-hint-text{display:flex;align-items:center;justify-content:center;margin-top:-2px;color:var(--text-color-reverse);z-index:2;mix-blend-mode:difference;font-family:Verdana,sans-serif;font-weight:400;height:100%;font-size:clamp(14px,2.5vw,16px)}@media screen and (max-width: 768px){.game-song-panel-content-top-play-panel-progress-hint-text{margin-top:1px;font-size:clamp(12px,3vw,14px)}}.game-song-panel-content-top-hints-button{display:flex;justify-content:end;width:50px;fill:var(--color-primary);cursor:pointer;transition:background-color .5s}.game-song-panel-content-top-hints-button:hover{fill:var(--color-primary-soft)}.game-song-panel .letter-state-correct{animation:correctTransition .5s ease-in-out forwards}@keyframes correctTransition{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0);background-color:#6aaa64;color:#fff}}.game-hints-content-top{display:grid;grid-template-columns:2fr 1fr;gap:1rem;width:100%;align-items:center;padding:0;margin-bottom:8px}.game-hints-content-top-play-panel{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;justify-content:center;align-items:center;padding:0}.game-hints-content-top-play-panel-button{display:flex;justify-content:center;align-items:center;fill:var(--color-primary);cursor:pointer;transition:background-color .5s}.game-hints-content-top-play-panel-button:hover{fill:var(--color-primary-soft)}.game-hints-content-top-play-panel-button-disabled{opacity:.5;cursor:not-allowed}.game-hints-content-top-play-panel-progress{position:relative;height:100%;width:100%}.game-hints-content-top-play-panel-progress-bar{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-hints-content-top-play-panel-progress-bar-body{background-color:var(--color-primary);position:absolute;left:0;width:100%;height:20px;border-radius:9px;display:flex;flex-direction:column;justify-content:center;padding:0 2px;z-index:1}.game-hints-content-top-play-panel-progress-bar-body-indicator{background-color:var(--bg-header);height:100%;border-radius:4.5px;height:16px}.game-hints-content-top-play-panel-progress-hint{left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-hints-content-top-play-panel-progress-hint-text{display:flex;align-items:center;justify-content:center;margin-top:-2px;color:var(--text-color-reverse);z-index:2;mix-blend-mode:difference;font-family:Verdana,sans-serif;font-weight:400;height:100%;font-size:clamp(14px,2.5vw,16px)}@media screen and (max-width: 768px){.game-hints-content-top-play-panel-progress-hint-text{margin-top:1px;font-size:clamp(12px,3vw,14px)}}.game-hints-content-top-released{display:grid;grid-template-columns:1fr 1fr;background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:6px;height:32px}.game-hints-content-top-released-title,.game-hints-content-top-released-year{display:flex;justify-content:center;align-items:center}.game-hints-content-top-released-title{color:var(--text-color-reverse);padding:4px;font-size:clamp(16px,1.4vw,18px)}@media screen and (max-width: 768px){.game-hints-content-top-released-title{margin-top:0;font-size:clamp(14px,2.5vw,18px)}}.game-hints-content-top-released-year{padding:0 4px;color:var(--text-color);background-color:var(--bg-color-middle);border-radius:0 6px 6px 0;font-size:24px;line-height:1;font-family:Verdana,sans-serif;font-weight:600}.game-hints-content-bottom{display:grid;grid-template-rows:1fr 1fr;gap:1rem;padding:0;margin-top:8px}.game-hints-content-bottom-top{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100%;height:100%;overflow:hidden}.game-hints-content-bottom-top-title{color:var(--text-color-titles);font-size:14px}.game-hints-content-bottom-top-lyrics{overflow-wrap:unset;text-wrap-mode:nowrap;word-wrap:break-word;font-family:Verdana,sans-serif;font-weight:400;line-height:1.5}.game-hints-content-bottom-bottom{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100%;height:100%;overflow:hidden}.game-hints-content-bottom-bottom-artist{color:var(--text-color-titles);font-size:14px}.game-hints-content-bottom-bottom-artist_name{line-height:1.2;overflow-wrap:unset;text-wrap-mode:nowrap;word-wrap:break-word;text-align:left;font-family:Verdana,sans-serif;font-weight:400}.game-hints-content-bottom-bottom-album{color:var(--text-color-titles);font-size:14px;margin-top:.5rem}.game-hints-content-bottom-bottom-album_name{line-height:1.2;overflow-wrap:unset;text-wrap-mode:nowrap;word-wrap:break-word;text-align:left;font-family:Verdana,sans-serif;font-weight:400}.ant-modal-mask{background-color:#000000a0!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.game__modal .ant-modal{top:10%}.game__modal .ant-modal-content{background-color:var(--bg-color-middle);border:2px solid var(--color-primary);padding:0;max-width:80vh}.game__modal .ant-modal-content .anticon.anticon-close{color:#fff}.game__modal .ant-modal-content .ant-modal-header{text-align:center;background-color:var(--color-primary);border-radius:4px 4px 0 0;padding:8px}.game__modal .ant-modal-content .ant-modal-header .ant-modal-title{color:var(--text-color-reverse);font-family:Barlow Semi Condensed,system-ui,-apple-system,sans-serif;font-weight:400;font-size:1.8rem}.game__modal .ant-modal-content .ant-modal-body{padding:16px}.game__modal .ant-modal-content .ant-modal-body .hint-line{width:80%;border:0;border-top:1px solid var(--color-primary);margin-bottom:24px;margin-top:24px}.game__modal .ant-modal-content .ant-modal-body .hint-body{display:flex;flex-direction:column;align-items:center;font-family:Barlow Semi Condensed,system-ui,-apple-system,sans-serif;color:var(--text-color);font-size:1rem;width:100%}.game__modal .ant-modal-content .ant-modal-body .hint-body .hint-title{font-weight:600;font-size:clamp(18px,3.6vw,32px);margin-bottom:.5rem;margin:0;padding:0;line-height:normal;text-align:center}.game__modal .ant-modal-content .ant-modal-body .hint-body .hint-sub-title,.game__modal .ant-modal-content .ant-modal-body .hint-body div.hint-sub-title p{font-weight:400;font-size:clamp(16px,2.6vw,28px);margin-bottom:.5rem;margin:0;padding:0;line-height:extra;text-align:center}.game__modal .ant-modal-content .ant-modal-body .hint-body .hint-big-text{font-weight:400;font-size:clamp(42px,6.6vw,80px);line-height:normal;margin-bottom:.5rem;margin:0;padding:0}.game__modal .ant-modal-content .ant-modal-body .hint-body .hint-middle-text{font-weight:400;font-size:clamp(22px,3.6vw,40px);line-height:normal;margin-bottom:.5rem;margin:0;padding:0}.game__modal .ant-modal-content .ant-modal-body .hint-body .hint-album-image{width:30vw;max-width:80px;margin-top:1rem;margin-bottom:1rem;border:2px solid var(--color-primary)}.game__modal .ant-modal-content .ant-modal-body .hint-body .band-container{display:flex;flex-direction:row;width:100%;margin:4px 0;gap:4px}.game__modal .ant-modal-content .ant-modal-body .hint-body .band-container .band-name{flex:12;display:flex;flex-direction:column;justify-content:start;align-items:start;margin:0 1rem}.game__modal .ant-modal-content .ant-modal-body .hint-body .band-container .band-image{flex:4}.game__modal .ant-modal-content .ant-modal-body .hint-body .band-container .band-image img{width:100%;height:auto;border-radius:4px;object-fit:cover}.game__modal .ant-modal-content .ant-modal-footer{padding:0 0 24px;margin-top:0;text-align:center}.game__modal .ant-modal-content .ant-modal-footer .modal-ok-button{background-color:var(--color-primary);border:none;color:var(--text-color-reverse);font-family:Barlow Semi Condensed,system-ui,-apple-system,sans-serif;font-weight:600;font-size:1.3rem;margin:0;padding:16px 24px;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out}.game__modal .ant-modal-content .ant-modal-footer .modal-ok-button:hover{background-color:var(--color-primary-soft)}body .app .app-mobile .info-screen-container,body .app .app-mobile .info-screen-header,body .app .app-mobile .info-screen-footer{width:100%}body .app .info-screen-container,body .app .info-screen-header,body .app .info-screen-footer{max-width:640px!important;width:100%}body .info-screen{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;width:100%;background-color:var(--bg-color)}body .info-screen .info-screen-header{width:100%;padding:1rem;text-align:center;flex-shrink:0}body .info-screen .info-screen-container{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;min-height:0;padding-top:24px;padding-bottom:16px}body .info-screen .info-screen-container.align-start{align-items:start}body .info-screen .info-screen-footer{width:100%;padding-top:1rem;padding-bottom:1rem}body .info-screen .logo-vertical{fill:var(--color-action);max-width:250px}body .info-screen .logo-vertical .logo-name{fill:var(--color-primary)}body .info-screen .text-stacked{word-break:break-word;white-space:pre-line}body .info-screen .big-button{margin-top:2rem;padding:1.5rem 2rem;background-color:var(--color-action);color:var(--bg-color);border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;text-decoration:none}body .info-screen .big-button-outline,body .info-screen .big-button-outline.ant-btn-default,body .info-screen .big-button.ant-btn-default{background-color:transparent;color:var(--color-action);border:1px solid var(--color-action)}body .info-screen .big-button:hover{background-color:var(--color-action-soft)!important;color:var(--color-action)!important;border:1px solid var(--color-action)!important}body .info-screen .button-container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:16px}body .info-screen .stats-board{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid var(--border-color);margin-top:8px}body .info-screen .stats-board-col{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:1rem}body .info-screen .powered-by{text-align:center}body .info-screen .powered-by-text{color:var(--text-color);font-size:20px!important;font-weight:400;margin-bottom:10px}body .info-screen .powered-by-logo{fill:var(--color-primary)}body .info-screen.info-screen-win .statistics-title{margin-top:24px}body .info-screen .text-heading{border-bottom:1px solid var(--color-primary);width:80%;padding-bottom:5px;max-width:300px;text-transform:uppercase;margin-bottom:16px}.cmp-song-info{border:1px solid var(--border-color-soft);width:70%;display:flex;height:max-content;align-items:stretch;border-radius:6px;padding:16px;cursor:pointer}.cmp-song-info:hover{border-color:var(--border-color);background-color:var(--bg-write-area)}.cmp-song-info-link{text-decoration:none;display:flex;width:100%;height:100%;color:inherit}.cmp-song-info-left{width:20%;height:100%;flex-shrink:0;display:flex;justify-content:center;align-items:center}.cmp-song-info-left-thumbnail{width:70px;height:70px;object-fit:cover}.cmp-song-info-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:start;padding-left:16px;width:100%;height:100%}.cmp-song-info-right-album{color:var(--text-color);font-size:2rem;font-weight:700;text-align:left}.cmp-song-info-right-artist{color:var(--text-color);font-size:2rem;text-align:left;margin-top:4px}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.loading-screen .loading-logo{fill:var(--color-primary)}.loading-screen .loading-animation{width:100px;height:100px;fill:var(--color-primary);position:relative;top:-30px}.channels-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;width:100vh;max-width:90%;gap:1rem;flex-wrap:wrap}.channels-list-item{text-decoration:none;width:calc(50% - .8rem);align-items:center;border:1px solid var(--border-color);cursor:pointer;background-color:var(--color-channels);align-content:center;justify-items:center;border-radius:8px;min-height:140px}.channels-list-item:hover{background-color:var(--color-primary-soft);color:#fff}.channels-list-item:last-child:nth-child(odd){margin-right:auto;margin-left:auto;width:100%}.channels-list-item-title{font-size:1.2rem;font-weight:600;color:var(--text-color);font-weight:500;padding:0 .5em;text-align:center;font-size:1.6em;color:var(--text-color-reverse-full);margin:.5em}.channels-list-item-subtitle{font-size:1.2rem;color:var(--text-color);font-weight:400;padding:0 .5em;text-align:center;color:var(--text-color-reverse-full);margin:.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em}.cookie-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffff20;z-index:10000;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.cookie-modal{background-color:var(--bg-color);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}.cookie-modal .cookie-modal-logo{display:flex;justify-content:center;margin-bottom:20px}.cookie-modal .cookie-modal-logo svg{width:120px;height:auto;fill:var(--color-action)}.cookie-modal .cookie-language-selector{display:flex;justify-content:center;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.cookie-modal .cookie-lang-btn{padding:8px 20px;background-color:transparent;color:var(--text-color);border:2px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;opacity:.6}.cookie-modal .cookie-lang-btn:hover{opacity:1;border-color:var(--color-primary);background-color:var(--bg-hints)}.cookie-modal .cookie-lang-btn.active{opacity:1;background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.cookie-modal-content{padding:32px}@media (max-width: 768px){.cookie-modal-content{padding:24px}}.cookie-modal-title{margin:0 0 20px;color:var(--text-color);font-size:24px;font-weight:700;text-align:center}@media (max-width: 768px){.cookie-modal-title{font-size:20px}}.cookie-modal-text{margin-bottom:24px;color:var(--text-color);font-size:15px;line-height:1.6;text-align:center}.cookie-modal-text p{margin:0}.cookie-modal-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.cookie-types{display:flex;flex-direction:column;gap:16px;margin:24px 0}.cookie-type{padding:16px;background-color:var(--bg-write-answer);border:1px solid var(--border-color);border-radius:8px}.cookie-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--text-color);font-size:14px}.cookie-type-description{margin:0;color:var(--text-color);font-size:13px;line-height:1.5;opacity:.8}.cookie-type-required{padding:4px 12px;background-color:var(--color-primary);color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.cookie-type-optional{padding:4px 12px;background-color:var(--bg-hints);color:var(--text-color);border:1px solid var(--border-color);border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.cookie-button{width:100%;padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.cookie-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cookie-button:active{transform:translateY(0)}.cookie-button-all{background-color:var(--color-action);color:#fff}.cookie-button-all:hover{opacity:.8;background-color:var(--color-action)}.cookie-button-essential{background-color:transparent;color:var(--text-color);border:2px solid var(--border-color)}.cookie-button-essential:hover{background-color:var(--bg-hints);border-color:var(--text-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}