@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/open-sans-normal-400.woff2) format('woff2')}@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/oswald-normal-400.woff2) format('woff2')}@font-face{font-family:JetBrainsMono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.woff2) format('woff2')}:root{--card-accent-color:#EC6D5F;--card-color:#ffffff;--background-color:#282C34;--background-color-darker:#1a1d22;--background-color-lighter:#424855;--background-color-lighter-alpha:rgb(66, 72, 85, .667);--accent-clr:#5dadec;--card-width:9em;--card-border-width:.5em;--font-color:#ccc}*,::after,::before{box-sizing:border-box}body{padding:0;margin:0;font-family:'Open Sans',Arial,sans-serif;background-color:var(--background-color);color:var(--font-color)}h1,h2,h3,h4{font-family:Oswald,Arial,sans-serif}a,a:active,a:hover,a:visited{color:var(--accent-clr);cursor:pointer}a{text-decoration:none}a:active,a:hover{text-decoration:underline}main{margin:2em auto;width:min(50em,98%);min-height:30em;display:flex;flex-direction:column;justify-content:center;text-align:center}form{width:min(30em,95%);background-color:var(--background-color-darker);display:grid;grid-template-columns:max-content 3fr;align-items:center;gap:.5em;padding:2em 1em;margin:1em auto}label{display:contents}label>span{text-align:right;padding-right:.5em}input{font:1rem 'Open Sans';border:none;border-bottom:.1em solid;background-color:transparent;color:var(--font-color);padding:.5em;width:100%;transition:box-shadow .1s,background-color .2s}input:focus{background-color:var(--background-color-lighter);box-shadow:0 .1em 0 0 var(--font-color);transition:box-shadow .1s,background-color .2s;outline:0}select{background-color:var(--background-color-lighter);color:var(--font-color);border:0;padding:.5em}button[type=submit]{margin:1em auto 0;grid-column:1/-1}a.button,button{display:block;background-color:var(--accent-clr);color:var(--background-color-darker);border-radius:.5em;font-size:.9rem;font-weight:700;text-decoration:none;cursor:pointer;border:none;padding:.667em 1em;transition:background-color 333ms ease-in-out}.widthAuto{width:max-content;padding-inline:1.5em}.button--logout{position:absolute;top:1em;right:1em}.button--leave{position:absolute;top:3.5em;left:1em}.center a.button,.center button{margin-inline:auto}input#title{margin-top:-1em;text-align:center;border:none}input#title:focus{box-shadow:none}input#title:focus:read-only{background-color:transparent}a.button:focus,a.button:hover,button:focus,button:hover{filter:brightness(.85)}.text{width:96ch;max-width:calc(100% - 4ch);margin-inline:auto}.text>h2{margin-top:1.5em}.center{text-align:center}.justify{text-align:justify}p.nogap{margin:.1em}.gap-samll{height:2em}a.logo{display:flex;justify-content:center;align-items:center;gap:.5em;margin:1em auto;width:min(25em,95%);height:auto;color:var(--card-color)}a.logo:hover{text-decoration:none}a.logo .card:hover{transform:translateY(-1em)}.logo>span{font-size:7rem;font-weight:700;font-family:Oswald}.logo .card{--card-width:3.8em;--card-border-width:.2em;border-radius:.667em}.logo .card span{font-size:3rem}.logo .card::after,.logo .card::before{width:2em;font-size:.85rem;line-height:1.2rem}.cookieInfo,.info{padding:0;margin:15px 0 0 0;width:100%;text-align:center}.info.err{color:red}.cookieInfo{width:640px;max-width:99%;font-size:11pt;color:#ccc;margin:3em auto;line-height:1.5;margin-bottom:128px}.changelog{margin-block:2em 5em;margin-inline:auto;padding:min(2em,2vw);width:min(75ch,98%);text-align:left;border:.333em dotted var(--background-color-darker)}.changelog h2{margin-top:0}.changelog h3{margin-bottom:0}.changelog>ul>li{margin-bottom:.5em}.connectionStatus{position:fixed;top:16px;left:16px;width:16px;height:16px;border-radius:8px;background-color:#ccc;transition-duration:.5s}.connectionStatus.connected{background-color:#38b911}.connectionStatus.disconnected{background-color:#c5331f}.modal{background-color:var(--background-color);box-shadow:.3em .3em 1em 0 rgba(0 0 0 / .667);padding:2em;z-index:100;position:relative;min-width:280px;min-height:280px;max-width:98vw}.modal__background{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;background-color:rgba(0 0 0 / .667);z-index:100;animation:fadeIn .3s forwards ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.modal__close{font-size:2.22rem;padding:.1em;position:absolute;top:.1em;right:.1em;line-height:.6em;cursor:pointer}.controls{position:fixed;top:4em;right:1em;display:flex;flex-direction:column;gap:.5em}.timerClock{position:fixed;top:1em;right:2em}.time{font-size:2rem;line-height:1em;font-family:JetBrainsMono}.sessions{background-color:var(--background-color-darker);border-radius:1em;padding:1em;margin:1em auto 2em;min-height:5em;width:min(40em,95%);display:flex;justify-content:center;flex-wrap:wrap;gap:.5em}a.session{background-color:var(--background-color-lighter);border-radius:.5em;padding-inline:2em;min-height:3em;text-align:center;cursor:pointer;color:var(--font-color);text-decoration:none;position:relative}a.session:focus,a.session:hover{color:var(--accent-clr)}a.session .owner{position:absolute;top:.2em;right:.4em;font-size:.8rem}.registerButton{display:block;margin-block:3em 5em}.title{font-size:1.5rem}.subTitle{font-size:2rem;height:1.2em;line-height:1.2em;margin-block:0}.others{display:flex;flex-wrap:wrap;gap:1.5em 1em;margin:1.5em auto;min-height:50vh;justify-content:center;width:75%}.roomOwners{position:absolute;top:.5em;left:3em;display:flex;align-items:center;gap:.333em;width:10em;height:2em;cursor:help}.roomOwners .roomOwner{background-color:var(--background-color-darker);padding:.25em .5em}.roomOwners .roomOwner.roomOwner--me{background-color:var(--background-color-lighter)}.member{display:flex;flex-direction:column;align-items:center}.ownCards{display:flex;position:relative;margin:3em auto 6em;justify-content:center;width:max-content;bottom:0;padding:.5em 3.2em 3em}.others .card{--card-width:7em;--card-border-width:.4em}.card{--baseTransform:rotate(0);background-color:var(--card-color);color:var(--card-accent-color);border:var(--card-border-width) solid;box-shadow:0 0 0 var(--card-border-width) var(--card-color),.2em .2em .1em var(--card-border-width) #555;width:var(--card-width);height:calc(var(--card-width) * 1.55555);margin:var(--card-border-width);border-radius:1em;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:JetBrainsMono;transition:transform .2s ease-in}.voted .card{transform:rotate(3deg)}.card>*{pointer-events:none}.member__name{text-align:center;margin-top:.8em;color:#fff}.member--me .member__name{color:var(--accent-clr)}.ownCards .card{margin:0 -2em}.ownCards .card:nth-of-type(1){--baseTransform:rotate(-10deg) translateY(2em);transform:var(--baseTransform)}.ownCards .card:nth-of-type(2){--baseTransform:rotate(-5deg) translateY(1em);transform:var(--baseTransform)}.ownCards .card:nth-of-type(3){--baseTransform:rotate(-2deg) translateY(.4em);transform:var(--baseTransform)}.ownCards .card:nth-last-of-type(1){--baseTransform:rotate(10deg) translateY(2em);transform:var(--baseTransform)}.ownCards .card:nth-last-of-type(2){--baseTransform:rotate(5deg) translateY(1em);transform:var(--baseTransform)}.ownCards .card:nth-last-of-type(3){--baseTransform:rotate(2deg) translateY(.4em);transform:var(--baseTransform)}.ownCards .card.active,.ownCards .card:focus,.ownCards .card:hover{z-index:10;transform:translateY(-2em) var(--baseTransform)}.ownCards.disabled{opacity:.5}.ownCards.disabled::before{content:'';position:absolute;inset:0;z-index:10}.card span{font-size:6rem;font-weight:700}.others .card span{font-size:4.667rem}.card:not([val]){background-image:linear-gradient(60deg,var(--card-accent-color) 25%,transparent 25.5%,transparent 75%,var(--card-accent-color) 75.5%,var(--card-accent-color)),linear-gradient(120deg,var(--card-accent-color) 25%,transparent 25.5%,transparent 75%,var(--card-accent-color) 75.5%,var(--card-accent-color));background-size:10% 10%;cursor:default}.card::after,.card::before{content:attr(val);position:absolute;background-color:var(--card-accent-color);color:var(--card-color);display:block;width:2.8em;font-weight:700;font-size:1.2rem;line-height:1.8rem;text-align:center;border-top-left-radius:.5em;border-bottom-right-radius:.5em}.others .card::after,.others .card::before{width:2.5em;font-size:1rem;line-height:1.5rem}.card::before{top:-.2em;left:-1px}.card::after{right:-1px;bottom:-.2em;transform:rotate(180deg)}.countdown{position:fixed;inset:0;width:100%;height:100vh;margin:auto;display:none;align-items:center;justify-content:center;background-color:var(--background-color-lighter-alpha);animation:countdown_fade 4.5s forwards ease-in-out;z-index:20}@keyframes countdown_fade{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}.countdown .outerCircle{position:absolute;width:18em;height:18em;border-radius:50%;background-color:transparent;border:.3em solid #fff}.countdown .innerCircle{position:absolute;width:15em;height:15em;border-radius:50%;background-color:transparent;border:.3em solid #fff}.countdown .staticHand{position:absolute;background-color:#000;transform:translateY(calc(-50% + .2em));transform-origin:left;border-radius:.15em;z-index:-1;width:.3em;height:51vh}.countdown .rotatingHand{position:absolute;background-color:#000;transform:translateY(-50%) rotate(0);transform-origin:bottom;animation:countdown_rotation 1s forwards 4 .3s linear;border-radius:.15em;z-index:-1;width:.3em;height:60vw}@keyframes countdown_rotation{100%{transform:translateY(-50%) rotate(360deg)}}.countdown::after{content:'4';font:9rem JetBrainsMono;animation:countdown_number 4s forwards 1.2s;color:#000}@keyframes countdown_number{25%{content:'3'}50%{content:'2'}75%{content:'1'}100%{content:'0'}}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;min-height:5em;width:min(42em,90vw);margin-inline:auto;margin-bottom:3em}.results:empty{display:none}.results__headline{text-align:center;grid-column:1/-1;grid-row:1}.math_headline,.summary_headline,.timing_headline{text-align:center}.results__summary{grid-column:1;grid-row:2}.math__line,.summary__line{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em}.summary__line{cursor:help}.math__line{grid-template-columns:5fr 2fr}.math__desc,.summary__number{text-align:right}.results__math{grid-column:2;grid-row:2}.results__timing{grid-column:3;grid-row:2}.results__timing .time{text-align:center}footer{bottom:0;width:100%;text-align:center;background-color:var(--background-color-darker);border-top:.333em solid var(--background-color-lighter);margin-top:2em;padding-block:1em}#footerLinks{margin-inline:auto;width:min(95%,512px);display:flex;justify-content:space-evenly;margin-top:1.111em}#tm_logo{margin-top:1.111em}#tm_logo img{height:3.333em;fill:#ccc}#copyright{margin-top:3.333em;padding-inline:1em;display:flex;flex-wrap:wrap;justify-content:center;gap:.2em .5em}#copyright>p{margin:0}#version{margin-top:2.222em;font-size:10pt;opacity:.7}