.mainmenu{padding:2rem}.mainmenu .logo{height:25rem;padding:1.5em;will-change:filter;transition:filter .3s;filter:drop-shadow(0 0 2rem var(--dropShadowColor))}.mainmenu .logo:hover{filter:drop-shadow(0 0 2rem var(--dropShadowColor))}.mainmenu .card{padding:1rem}.mainmenu a{font-weight:500;color:var(--linkColor);text-decoration:inherit}.mainmenu a:hover{color:var(--linkHoverColor)}.mainmenu .button{min-width:20rem;margin:-1rem}.gamestyle{padding:2rem;transition:all .2s ease-in-out}.gamestyle .logo{height:5rem;will-change:filter;transition:filter .3s;filter:drop-shadow(0 0 2em var(--dropShadowColor))}.gamestyle .teampoints{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 3rem;margin:.5rem;border:1px solid transparent;background-color:#1a1a1a;border-radius:1rem;transition:all .2s ease-in-out;min-width:15rem}.gamestyle .visible{visibility:visible;opacity:1;transition:visibility .2s,opacity .5s linear}.gamestyle .hidden{visibility:hidden;opacity:0;transition:visibility .2s,opacity .5s linear;height:0;overflow:hidden}.gamestyle .pointscreenstyle{display:flex;align-items:center;justify-content:space-between;gap:5rem}.gamestyle .pointscreenstyle .teampoints{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 3rem;margin:.5rem;border:1px solid transparent;background-color:var(--buttonPrimaryColor);border-radius:1rem;transition:all .2s ease-in-out;min-width:15rem}.gamestyle .songpickerstyle h3{font-size:1.8rem}.gamestyle .songpickerstyle .song{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 3rem;margin:1rem .5rem;border:1px solid transparent;background-color:var(--buttonPrimaryColor);border-radius:1rem;transition:all .2s ease-in-out}.gamestyle .songpickerstyle .active{background-color:var(--secondaryColor);color:var(--primaryTextColor);filter:drop-shadow(0 0 2em var(--dropShadowColor))}.gamestyle .songpickerstyle .playedsong{opacity:.5;color:var(--textInactiveColor);background-color:var(--buttonInactiveColor);filter:none}.footer{color:#888;font-size:1rem;display:flex;align-items:center;justify-content:center;max-width:20rem;gap:.5rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.footer .github{color:var(--githubColor)}.footer .github:hover{filter:drop-shadow(0 0 20rem var(--githubHoverColor))}.footer .linkdenin{color:var(--linkedinColor)}.footer .linkdenin:hover{filter:drop-shadow(0 0 20rem var(--linkedinHoverColor))}.gamemasterstyle{padding:2rem}.gamemasterstyle h3{font-size:1.8rem}.gamemasterstyle button{min-width:none}.gamemasterstyle .horizontalpanel{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.gamemasterstyle .song{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 3rem;border:.1rem solid transparent;background-color:var(--buttonPrimaryColor);border-radius:1rem;transition:all .2s ease-in-out}.gamemasterstyle .songbutton{display:block;padding:0 2rem;width:6rem}.gamemasterstyle .active{background-color:var(--secondaryColor);color:var(--primaryTextColor);filter:drop-shadow(0 0 2rem var(--dropShadowColor))}.gamemasterstyle .punctationbutton{display:inline-block;min-width:15rem}.gamemasterstyle .playedsong{opacity:.5;color:#888;background-color:var(--buttonInactiveColor);filter:none}.gamemasterstyle .setbuttom{width:10rem}.gamemasterstyle .visible{visibility:visible;opacity:1;transition:visibility .2s,opacity .5s linear}.gamemasterstyle .hidden{visibility:hidden;opacity:0;transition:visibility .2s,opacity .5s linear;height:0;overflow:hidden}.gamemasterstyle .teampoints{display:flex;align-items:center;justify-content:center;gap:5rem;margin-bottom:1rem}.gamemasterstyle .teampoints button{padding:0 1.2rem}.gamemasterstyle .team{border:.1rem solid var(--teamColor);border-radius:1rem;margin:1rem 0 0;padding:.5rem}.gamemasterstyle .team .teamnames{margin-bottom:.25rem;border-radius:1rem;background-color:var(--buttonPrimaryColor)}.gamemasterstyle .team .teamnames input{text-align:center;font-size:1.2rem;border:none;padding:1rem 0;background-color:transparent;border-radius:1rem;width:100%}.gamemasterstyle .songtable{border:.1rem solid var(--teamColor);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:.5rem}.loader{width:48px;height:48px;border:5px solid var(--linkColor);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;z-index:9999}.loader-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{height:0;display:flex;justify-content:space-between;align-items:center;position:fixed;top:2rem;left:1rem;right:1rem;z-index:999}.header .userimg{margin-right:.5rem;width:1.5rem}.header .userbutton{display:flex;flex-direction:row;justify-content:center;align-items:center;height:2.5rem;padding:0 1rem;border:1px solid transparent;background-color:var(--buttonPrimaryColor);border-radius:2rem;cursor:pointer;transition:all .2s ease-in-out}.header .userbutton:hover{filter:drop-shadow(0 0 1rem var(--buttonHoverColor));background-color:var(--secondaryColor);color:var(--primaryTextColor)}#root{margin:0 auto;padding:0;text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;width:100%;height:100%;overflow:hidden}h1{font-size:3.2rem;line-height:1.1}h2{font-size:2rem;line-height:1.1}h3{font-size:1.5rem;line-height:.1}h4{font-size:1.2rem;line-height:.1}a{font-weight:500;color:var(--linkColor);text-decoration:inherit}a:hover{color:var(--linkHoverColor)}button:hover:enabled{border-color:var(--buttonHoverColor)}button:focus:enabled,button:focus-visible:enabled{outline:.2rem auto -webkit-focus-ring-color}button{border-radius:1rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--buttonPrimaryColor);cursor:pointer;transition:border-color .25s}:root{--primaryColor: #1a1a1a;--secondaryColor: white;--primaryTextColor: #1a1a1a;--secondaryTextColor: white;--textInactiveColor: #888;--backgroundColor: #242424;--buttonPrimaryColor: #1a1a1a;--buttonHoverColor: #646cffaa;--buttonInactiveColor: #494848;--linkColor: #646cff;--linkHoverColor: #535bf2;--dropShadowColor: #646cffaa;--teamColor: #494848;--linkedinColor: #646cff;--linkedinHoverColor: rgb(90, 90, 255);--githubColor: darkorange;--githubHoverColor: rgb(233, 105, 0)}