@import"https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,900,900i";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,input{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{height:100%}body{font-size:16px;overflow:hidden;background:linear-gradient(to bottom,#444,#222)}body,input{font-family:Montserrat,sans-serif}h1{font-size:2em;font-weight:900;text-align:center;color:#fff;margin-bottom:.5em}h1:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";margin-right:.5em}h2{font-size:1em;font-weight:400;color:#fff;margin-bottom:1em}a,input[type=button]{transition:transform .25s;outline:0}a:hover,input[type=button]:hover{transform:scale(1.05)}a:active,input[type=button]:active{transform:scale(1);outline:0}footer{padding:1em;color:#fff;display:block;position:absolute;left:0;bottom:0;height:3em;background:#000000bf;border-radius:0 1em 0 0}#login footer{z-index:-1}footer a{color:#f55}#root{width:100%;height:100%;overflow-x:hidden;overflow-y:auto}#login{display:block;padding:2em;text-align:center;overflow:auto}#login:before,#login:after{font-family:"Font Awesome 5 Free";position:absolute;bottom:-2vw;font-size:30vw;color:#fff3;z-index:-1}#login:before{content:"";left:-1vw}#login:after{content:"";right:-1vw}#login .columns{float:left;clear:both}#login .columns .column{width:50%;float:left}#login .columns .column:first-child{font-size:2em;padding-right:1em}#login .columns .column:first-child p{margin-bottom:1.5em}#login .columns .column:last-child{padding-top:2em;padding-left:1em}#login .columns .column:last-child p{margin:2em auto 0}#login a{color:#f55}#login a:hover{text-decoration:none}#login .button{display:inline-block;background:#1db954;color:#fff;text-decoration:none;padding:1em;font-size:2em;border-radius:1.5em}#login p{color:#fff;line-height:1.5em;max-width:25em}#login .footer{float:left;width:100%;margin-top:4em}#login .footer p{width:auto;margin:0;max-width:none}#join{display:block;padding:2em;text-align:center}#join p{color:#fff;font-size:2em;margin-bottom:1em}#join input[type=button]{display:inline-block;color:#fff;text-decoration:none;padding:1em;font-size:2em;border-radius:1.5em;line-height:0;border:0;background:#f55;height:auto;cursor:pointer}#login,#quiz{--current-height: 23em;--guess-button-width: 115px;--chat-button-width: 80px;display:block}#quiz>div{padding:2em 2em 0;color:#fff}#quiz>div>h2{font-weight:700;font-size:1.5em;margin-bottom:.5em}#quiz #previous,#quiz #players,#quiz #chat{position:absolute;bottom:0;width:33.3%;height:calc(100% - var(--current-height));background:#0003}#quiz #previous>div,#quiz #players>div{overflow:auto;height:calc(100% - 2.25em);border-top:2px solid rgba(255,255,255,.5)}#quiz #current{position:absolute;left:0;top:0;width:100%;height:var(--current-height);color:#fff}#quiz #current:before{content:"";display:block;position:fixed;left:0;top:0;width:100%;height:var(--current-height);background:linear-gradient(to bottom,#75f,#f55);transform:translate(-100%);transition:none;z-index:-1}#quiz.started #current:before{transition:transform 25s linear;transform:translate(0)}#quiz.waiting #current:before{transition:transform 10s;transform:translate(-100%)}#quiz #current>p{font-size:2em;text-align:center;height:1.125em;margin-bottom:.5em;font-variant-numeric:tabular-nums}@keyframes loading{0%,to{content:""}33.33%{content:"."}66.67%{content:".."}}#quiz #current>p:after{content:".";width:1em;display:inline-block;text-align:left;animation:loading 1s linear infinite}#quiz #current #guesses{height:2.25em;overflow:hidden;white-space:nowrap;margin-bottom:1em}#quiz #current #guesses>span{font-size:1.5em;display:inline-block;background:#ffffff80;color:#000;margin-right:.25em;padding:.25em;border-radius:.25em}#quiz #current #guess-form{width:100%;margin-bottom:2em;float:left;clear:both}#quiz #current #confettiBtn{font-size:2em;font-weight:900;cursor:pointer;display:block;text-align:center}#login #login-form>input,#quiz #current #guess-form>input,#chat #chat-form>input{font-size:2em;float:left;height:2em;outline:0}#login #login-form #username,#quiz #current #guess-form #guess,#chat #chat-form #chat-input{border-radius:.25em 0 0 .25em;border:0;background:#fff;width:calc(100% - var(--guess-button-width));padding:0 .5em;border:2px solid white;border-right-width:0;box-shadow:inset .05em .05em .2em #aaa}#login #login-form #username::placeholder,#quiz #current #guess-form #guess::placeholder,#chat #chat-form #chat-input::placeholder{color:#00000040;font-style:italic}#login #login-form #login-submit,#quiz #current #guess-form #guess-submit,#chat #chat-form #chat-submit{border:0;width:var(--guess-button-width);background:#f55;border-radius:0 .25em .25em 0;border:2px solid #ff8888;border-color:#f88;border-left-width:0;color:#fff;-webkit-appearance:none}#quiz #current #track>div{width:calc(50% - .25em);background:#00000080;float:left;padding:.25em .375em;border-radius:.25em;height:2.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}#quiz #current #track>div.correct{border:2px solid rgb(137,255,170);background:#89ffaa60}#quiz #current #track>div:first-child{margin-right:.5em}#quiz #current #track #artist:after,#quiz #current #track #title:after{font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:.2em;top:.1em;font-size:2.5em;color:#ffffff20}#quiz #current #track #artist:before,#quiz #current #track #title:before{margin-bottom:.5em;color:#ffffff80}#quiz #current #track #artist{font-size:2em}#quiz #current #track #artist:before{content:"Artiest";display:block;font-size:.5em}#quiz #current #track #artist:after{content:""}#quiz #current #track #title{font-size:2em}#quiz #current #track #title:before{content:"Titel";display:block;font-size:.5em}#quiz #current #track #title:after{content:""}#quiz #current #track #badges{display:none}#quiz #previous{left:0}#quiz #previous>div>div{display:block;width:100%;float:left;clear:both;background:#ffffff1a;border-radius:.375em;margin:.25em 0;position:relative}#quiz #previous>div>div>img{float:left;width:4em;height:4em;border-radius:.375em 0 0 .375em}#quiz #previous>div>div>span{font-size:1.25em;position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 3.2em);padding:0 .5em;height:1.5em;line-height:1.5em}#quiz #previous>div>div>span.artist{color:#ffffff80;top:.25em}#quiz #previous>div>div>span.title{bottom:.25em}#quiz #previous>div>div>span.index{position:absolute;left:0;bottom:0;width:auto;font-size:.75em;color:#000;background:#ffffffbf;border-radius:.375rem}#quiz #players{left:33.3%}#quiz #players>div>div,#quiz #round>div>div{display:block;background:#ffffff1a;border-radius:.375em;margin:.25em 0;position:relative;float:left;width:100%;clear:both;padding:.5em;display:flex}#quiz #players>div>div.me,#quiz #round>div>div.me{background:#ffffff40}#quiz #players>div>div>img,#quiz #round>div>div>img{display:none}#quiz #players>div>div>span,#quiz #round>div>div>span{font-size:1.5em;float:left}#quiz #players>div>div>span.name,#quiz #round>div>div>span.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:-.125em 0;line-height:1.25em}#quiz #players>div>div>span.points,#quiz #round>div>div>span.points{order:1;min-width:2em;text-align:right}#quiz #players>div>div>span.badges{display:flex;margin:-.125em 0 -.125em auto}#quiz #round>h2{margin-bottom:1em}#quiz #round>div>div>span.badges{display:none}#quiz #round>div>div>span.points{margin-left:auto}#quiz #round>div>div{margin-left:6em;width:calc(100% - 6em)}#quiz #round>div>div:before{font-family:"Font Awesome 5 Free";font-weight:900;position:absolute}#quiz #round>div>div.first{margin-left:3em;width:calc(100% - 3em)}#quiz #round>div>div.first:before{content:"";color:#fee101;font-size:2.5em;left:-1.5em;top:0}#quiz #round>div>div.second{margin-left:4em;width:calc(100% - 4em)}#quiz #round>div>div.second:before{content:"";color:#d7d7d7;font-size:2em;left:-2.15em;top:.15em}#quiz #round>div>div.third{margin-left:5em;width:calc(100% - 5em)}#quiz #round>div>div.third:before{content:"";color:#a77044;font-size:1.75em;left:-2.95em;top:.25em}.badges>span{width:1.25em;height:1.25em;line-height:1.25em;background:#89ffaa;color:#006400;border-radius:.675em;text-align:center;margin-left:.25em}.badges>span:before{font-family:"Font Awesome 5 Free";font-weight:900;font-size:.9em}.badges>span.artist-correct:before{content:""}.badges>span.title-correct:before{content:""}.badges>span.first{font-weight:700}.badges>span.first>sup{font-size:.5em;vertical-align:top}#chat{position:absolute;left:66.6%;bottom:0;width:50%;height:calc(100% - var(--current-height));background:#222}#chat>div{border-top:2px solid rgba(255,255,255,.5);height:calc(100% - 7em);overflow:hidden;margin-bottom:1em;display:flex;flex-direction:column;justify-content:flex-end}#chat>div>div{margin-right:20%;word-wrap:break-word;line-height:1.2em;margin-top:.4em}#chat>div>div>span{color:#ffffff40}#chat>div>div>span:after{content:": "}#chat>div>div.me{margin-left:20%;margin-right:0}#chat #chat-form{display:block}#chat #chat-form>input{font-size:1em}#chat #chat-form #chat-input{width:calc(100% - var(--chat-button-width))}#chat #chat-form #chat-submit{width:var(--chat-button-width)}#chat .me{text-align:right}#quiz #current #guess-form #guess:not(:focus),#chat #chat-form #chat-input:not(:focus){opacity:.6}#quiz #current #guess-form #guess:focus,#chat #chat-form #chat-input:focus{box-shadow:inset .05em .05em .2em .1em #aff}@media(max-width:767px){body{font-size:12px}footer{display:none}#login .columns .column{width:100%}#login .columns .column:first-child{padding-right:0}#login .columns .column:last-child{padding-left:0}#quiz{--current-height: 18em;display:flex;flex-direction:column}#quiz #current h1{display:none}#quiz #current{position:relative}#quiz #current:before{position:absolute}#quiz #current p{font-size:1.5em}#quiz #previous,#quiz #players{position:static;width:100%}#quiz #previous{order:3}#quiz #players{order:2}#quiz #players>div{max-height:9em;height:auto}#chat{display:none}}#connection.svelte-1n46o8q{position:fixed;top:0;left:0;right:0;z-index:100;padding:.5em 1em;background:#f55;color:#fff;font-weight:700;text-align:center}