.login-method-info{margin-top:var(--spacing-5)}.login-input{height:36px;width:196px;margin-right:var(--spacing-2);padding:0 var(--spacing-4);outline:none;border-radius:var(--spacing-3);border-style:solid;border-color:var(--light-gray);border-width:var(--spacing-1);box-sizing:border-box;background:var(--foreground-color);box-shadow:0 0 var(--spacing-2) var(--light-gray);color:var(--primary-text-color);font-size:var(--font-size-2);line-height:1}.login-input:focus{border-color:var(--accent-darker-color);box-shadow:0 0 var(--spacing-2) var(--accent-color)}.frc-captcha{margin-top:var(--spacing-3)}.spinner{border:var(--spacing-3) solid var(--light-gray);border-top:var(--spacing-3) solid var(--accent-color);border-radius:50%;width:var(--spacing-6);height:var(--spacing-6);animation:spin 1.25s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-page-button{margin:var(--spacing-4) 0}.event-status-box{padding:var(--spacing-4);border-style:solid;background:var(--foreground-color);width:fit-content}.event-status-box *{font-size:var(--font-size-3);font-weight:var(--font-weight-bold);text-transform:uppercase}.event-status-box .event-status-box-text{margin:0 var(--spacing-3) 0 12px}.event-status-box .emoji{font-size:var(--font-size-3)}.static-width{min-width:168px}@media only screen and (max-width: 768px){.event-status-box{width:auto;padding:var(--spacing-4) var(--spacing-1) var(--spacing-4) var(--spacing-4)}.event-status-box *{font-size:var(--font-size-3)}.event-status-box .emoji{font-size:var(--font-size-4)}.event-status-box .event-status-box-text{margin:var(--spacing-2) 0 0 var(--spacing-2)}.static-width{min-width:auto}}@media only screen and (max-width: 480px){.event-status-box .event-status-box-text{display:block;margin:var(--spacing-2) 0 0 0}}@media only screen and (max-width: 408px){.event-status-box .event-status-box-text{font-size:var(--font-size-2)}}.event-status-boxes{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-3)}@media only screen and (max-width: 768px){.event-status-boxes{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}.event-player-avatar{position:relative;width:78px;height:78px;border-radius:50%;-webkit-user-select:none;user-select:none;background:var(--foreground-color);border:solid var(--light-gray) var(--spacing-2);color:var(--primary-text-color)}.event-player-avatar:hover{transform:scale(1.1);transition-duration:128ms;z-index:1}.event-player-avatar:hover .tooltip{visibility:visible}.event-player-avatar img{position:absolute;width:100%;height:100%;clip-path:circle(50%)}.event-player-avatar .reinforcements{position:relative;width:18px;height:18px;border-radius:50%;background:var(--accent-color);border:solid var(--accent-color) 3px;left:100%;top:100%;transform:translate(-90%,-90%)}.event-player-avatar .reinforcements span{font-size:.7rem;font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:uppercase;color:var(--foreground-color)}.event-player-avatar-going{border:solid var(--positive-gray) var(--spacing-2)}.event-player-avatar-not-going{border:solid var(--negative-gray) var(--spacing-2)}.event-player-avatar-centered{display:block;line-height:0;margin-top:50%;text-align:center}@media only screen and (max-width: 768px){.event-player-avatar{max-width:84px;width:20%;height:auto;aspect-ratio:1 / 1}}.event-player-avatar-grid{position:relative;padding:var(--spacing-4);border-style:solid;background:var(--foreground-color);min-height:var(--spacing-7)}.event-player-avatar-grid .emoji{font-size:var(--font-size-5)}.event-player-avatar-grid .grid{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5);display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;column-gap:var(--spacing-3);row-gap:var(--spacing-3)}.event-player-avatar-grid .no-content{display:block;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-2);text-transform:none}.event-player-avatar-grid .positive{color:var(--positive-gray)}.event-player-avatar-grid .negative{color:var(--negative-gray)}@media only screen and (max-width: 768px){.event-player-avatar-grid .grid{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4);column-gap:2.5%}}.event-user-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-3)}.event-user-actions .input{width:26px;height:20px;margin:0 var(--spacing-2) 0 var(--spacing-3);outline:none;border:none;border-radius:var(--spacing-2);color:var(--primary-text-color);font-size:var(--font-size-1);font-weight:var(--font-weight-thin)}@media only screen and (max-width: 768px){.event-user-actions{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.event-user-actions .input{width:30px;height:var(--spacing-5);font-size:var(--font-size-2)}.event-user-actions .button{padding:var(--spacing-4) var(--spacing-1)}}.current-user-avatar .avatar{position:relative;margin:0 auto var(--spacing-1) auto;width:54px;height:54px;border-radius:50%;-webkit-user-select:none;user-select:none;background:var(--foreground-color);border:solid var(--foreground-color) 3px;color:var(--light-gray);cursor:pointer}.current-user-avatar .avatar img{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:circle(50%)}.current-user-avatar .blur{filter:blur(4px)}.current-user-avatar .foreground-color{color:var(--foreground-color)}.current-user-avatar .avatar .undefined{display:block;position:relative;line-height:0;margin-top:50%;text-align:center;font-size:var(--font-size-4);font-weight:var(--font-weight-bold)}.current-user-avatar .avatar:hover .tooltip{visibility:visible}.current-user-avatar .action-text{font-size:var(--font-size-1);color:var(--foreground-color);text-align:center;display:block}@media only screen and (max-width: 768px){.current-user-avatar .avatar{width:48px;height:48px}}.page-header{background:var(--accent-darker-color)}.page-header-content{max-width:var(--page-content-width);margin:0 auto;padding:var(--spacing-5);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.page-header-text{margin:0;text-align:start;text-transform:capitalize;color:var(--foreground-color)}.page-header-title{height:var(--font-size-6);margin-bottom:var(--spacing-4);grid-column:1;grid-row:1}.page-header-subtitle{font-weight:var(--font-weight-bold);height:var(--font-size-3);grid-column:1;grid-row:2}.page-header-user-avatar{grid-column:2;grid-row:1 / span 2;align-self:center}@media only screen and (max-width: 768px){.page-header-content{padding:var(--spacing-5) var(--spacing-4)}.page-header-title{height:auto}.page-header-subtitle{height:auto;margin-right:var(--spacing-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-2)}.page-header-user-avatar{align-self:flex-start}}.event-page-spinner{margin:var(--spacing-8) auto auto auto}.event-page{padding:var(--spacing-5)}.event-page .players{margin:var(--spacing-4) auto var(--spacing-5) auto;max-width:var(--page-content-width);display:grid;grid-template-columns:1fr 1fr;grid-column-gap:var(--spacing-4)}.event-page .content{max-width:var(--page-content-width);margin:0 auto}@media only screen and (max-width: 768px){.event-page{padding:var(--spacing-5) var(--spacing-4) var(--spacing-5) var(--spacing-4)}.event-page .players{grid-template-columns:1fr;grid-row-gap:var(--spacing-4)}}.button{min-height:36px;padding:var(--spacing-2) var(--spacing-4);outline:none;border-radius:var(--spacing-3);border-style:solid;border-color:var(--light-gray);border-width:var(--spacing-1);background:var(--foreground-color);box-shadow:0 0 var(--spacing-2) var(--light-gray);color:var(--primary-text-color);font-size:var(--font-size-1);font-weight:var(--font-weight-bold);text-transform:uppercase;line-height:1;cursor:pointer}.button .emoji{font-size:var(--font-size-2);margin:0 var(--spacing-2) 0 0}.button:disabled{cursor:default;opacity:.5}.button-primary{color:var(--foreground-color);border-color:var(--accent-color);background:var(--accent-color);box-shadow:0 0 var(--spacing-2) var(--accent-color)}@media (hover: hover){.button:hover{border-color:var(--accent-darker-color);box-shadow:0 0 var(--spacing-2) var(--accent-color)}.button-primary:hover{background:var(--accent-darker-color)}}@media only screen and (max-width: 768px){.button{font-size:var(--font-size-2);padding:var(--spacing-3) var(--spacing-4)}.button .emoji{font-size:var(--font-size-3)}}.CookieConsent a{color:var(--foreground-color)}.CookieConsent .button-wrapper{margin:auto 0 0}.CookieConsent .button{margin:var(--spacing-4);border-width:0;box-shadow:none}.CookieConsent .text-wrapper{align-self:center}.CookieConsent p{display:inline}.CookieConsent .emoji{margin:0 var(--spacing-3) 0 0;font-size:var(--font-size-3)}@media only screen and (max-width: 768px){.CookieConsent .button-wrapper{margin:auto 0 0 auto}.CookieConsent .button{margin:0 var(--spacing-4) var(--spacing-4) var(--spacing-4)}.CookieConsent p{display:block;margin:var(--spacing-3) 0 0 0}.CookieConsent .emoji{display:block;font-size:var(--font-size-4)}}.page-footer{margin:auto 0 0;background:var(--accent-darker-color)}.page-footer-content{max-width:var(--page-content-width);padding:0 var(--spacing-5);margin:0 auto}.page-footer-content p{color:var(--foreground-color);font-size:var(--font-size-1);font-weight:var(--font-weight-thin)}.page-footer-content a{color:var(--foreground-color);font-size:var(--font-size-1);font-weight:var(--font-weight-bold)}@media only screen and (max-width: 768px){.page-footer-content{padding:0 var(--spacing-4)}}.app{height:100vh;display:flex;flex-direction:column}:root{--background-color: #f2f2f2;--foreground-color: #ffffff;--accent-color: #6495ed;--accent-darker-color: #4675c9;--primary-text-color: #5a5a5a;--positive-gray: #c8dac8;--negative-gray: #e4c8c8;--light-gray: #d4d4d4}:root{--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 8px;--spacing-4: 16px;--spacing-5: 32px;--spacing-6: 48px;--spacing-7: 64px;--spacing-8: 96px;--page-content-width: 1024px}@media only screen and (max-width: 768px){:root{--spacing-3: 6px;--spacing-4: 12px;--spacing-5: 24px;--spacing-6: 36px;--spacing-7: 48px;--spacing-8: 72px}}.page-box-positive{border-width:var(--spacing-2);border-radius:var(--spacing-4);border-color:var(--positive-gray);box-shadow:0 0 var(--spacing-3) var(--positive-gray)}.page-box-negative{border-width:var(--spacing-2);border-radius:var(--spacing-4);border-color:var(--negative-gray);box-shadow:0 0 var(--spacing-3) var(--negative-gray)}.page-box-neutral{border-width:var(--spacing-2);border-radius:var(--spacing-4);border-color:var(--light-gray);box-shadow:0 0 var(--spacing-3) var(--light-gray)}.page-box-center{position:absolute;max-width:592px;top:40%;left:50%;transform:translate(-50%,-50%);margin:0 -50% 0 0;padding:var(--spacing-5)}@media only screen and (max-width: 768px){.page-box-center{width:fit-content;top:45%}}.tooltip{visibility:hidden;position:absolute;overflow:hidden;bottom:75%;z-index:1;width:max-content;padding:var(--spacing-2);border-radius:var(--spacing-2);background-color:var(--accent-color);font-size:var(--font-size-1);color:var(--foreground-color)}.tooltip-middle{left:50%;transform:translate(-50%)}.tooltip-right{right:0}:root{--font-size-1: .8rem;--font-size-2: 1rem;--font-size-3: 1.25rem;--font-size-4: 1.5rem;--font-size-5: 2rem;--font-size-6: 3rem;--font-weight-thin: normal;--font-weight-normal: bold;--font-weight-bold: bolder}@media only screen and (max-width: 768px){:root{--font-size-1: .8rem;--font-size-2: 1rem;--font-size-3: 1.1rem;--font-size-4: 1.25rem;--font-size-5: 1.5rem;--font-size-6: 2rem}}h1{font-size:var(--font-size-6);font-weight:var(--font-weight-bold);line-height:1em;margin-block-end:.75em;margin-block-start:.75em;letter-spacing:-.01em}h2{font-size:var(--font-size-5);font-weight:var(--font-weight-bold);line-height:1em;margin-block-end:.875em;margin-block-start:.875em;letter-spacing:-.01em}h3{font-size:var(--font-size-3);font-weight:var(--font-weight-normal);line-height:1em;margin-block-end:1em;margin-block-start:.875em;letter-spacing:-.01em}p{font-size:var(--font-size-2);font-weight:var(--font-weight-thin);line-height:1.4em;margin-block-end:1em;margin-block-start:1em;letter-spacing:.02em}a{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);text-decoration:underline;color:var(--accent-darker-color);cursor:pointer;line-height:1.4em;letter-spacing:.02em}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}body{margin:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.2;font-weight:var(--font-weight-normal);color:var(--primary-text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}