@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--main-color: #3C45EE;--secondary-color: #EA4335;--main-text-color: #1a1a1a;--secondary-text-color: #4a4a4a;--text-highlight-color: #FF0004;--background-color: #F5F5F5;--font-family: "Karla", sans-serif;--logo-font-size: 2.4rem;--logo-font-weight: 700;--header1-font-size: 2.2rem;--header1-font-weight: 500;--header2-font-size: 1.8rem;--header2-font-weight: 300;--key-info-font-size: 1.2rem;--key-info-font-weight: 500;--paragraph-font-size: 1rem;--paragraph-font-weight: 300;--button-font-size: 1rem;--button-font-weight: 500;--header-font-size: .7rem;font-family:var(--font-family)}.location-selection{display:flex;flex-direction:column;height:100%;justify-content:space-around;align-items:center}.next-button:disabled{opacity:.5;cursor:not-allowed}.big-header{position:sticky;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:25vh;background-color:var(--main-color);border-bottom-right-radius:24px;border-bottom-left-radius:24px}.big-header-title{font-family:var(--font-family);font-size:var(--header1-font-size);font-weight:var(--logo-font-weight);color:#fff;text-align:center;line-height:2.2rem;margin-top:60px}.big-header-title span{font-size:calc(var(--header1-font-size) * .8)}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:30vh;margin-top:120px;border-radius:8px}.label{font-family:var(--font-family);font-size:var(--key-info-font-size);font-weight:var(--header2-font-weight);color:var(--main-text-color);text-align:center;margin-bottom:20px}@media screen and (max-width: 375px){.label{width:65%}}.dropdown{width:65%;padding:12px;margin-top:20px;font-family:var(--font-family);font-size:var(--paragraph-font-size);color:var(--secondary-text-color);border:1px solid #ccc;border-radius:8px 8px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.dropdown:focus{border-color:#007bff;box-shadow:0 0 8px #007bff40}.next-button{width:65%;text-align:center;font-family:var(--font-family);padding:12px 0;background-color:var(--main-color);border:none;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:var(--button-font-size);font-weight:var(--button-font-weight);cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:inline-block}.next-button:hover{background-color:#fff;border:var(--main-color) 3px solid;color:var(--main-color);transition:.35s;transform:translateY(-2px)}@media screen and (max-width: 480px){.title{font-size:calc(var(--logo-font-size) * .85);line-height:1.9rem}}@media screen and (min-width: 481px){.dropdown,.next-button{max-width:360px}}.user-info-button:disabled{opacity:.5;cursor:not-allowed}.user-info-form{display:flex;flex-direction:column;justify-content:center;bottom:0;height:100%;padding:10px 12vw 40px;margin:20px 0 40px}.user-info-title{font-family:var(--font-family);font-size:var(--header1-font-size);font-weight:var(--header2-font-weight);color:var(--main-text-color)}.user-info-form form{padding:20px 0;margin-bottom:40px}.user-info-label{font-family:var(--font-family);font-size:var(--paragraph-font-size);font-weight:var(--key-info-font-weight);color:var(--secondary-text-color);margin:0 6px;text-align:left;width:100%}.user-info-input{width:100%;padding:10px;font-family:var(--font-family);font-size:var(--paragraph-font-size);color:var(--secondary-text-color);border:1px solid #ccc;border-radius:12px;margin-bottom:25px;margin-top:4px;background-color:#fff;transition:border .3s ease}.user-info-input:focus{border:1px solid #007bff;outline:none}.user-info-error{color:#d9534f;font-size:12px;margin-top:-8px;margin-bottom:8px}.user-info-button{padding:10px;background-color:var(--main-color);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:var(--button-font-size);font-weight:var(--button-font-size);transition:background-color .3s ease,transform .2s ease;width:100%;margin:20px 0 0}.user-info-button:hover{background-color:#0056b3;transform:translateY(-2px)}.user-info-button:active{background-color:#004494;transform:translateY(1px)}.user-info-select{width:100%;padding:10px;font-family:var(--font-family);font-size:var(--paragraph-font-size);color:var(--secondary-text-color);background-color:#fff;border:1px solid #ccc;border-radius:12px;margin-bottom:25px;margin-top:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .3s ease,box-shadow .3s ease;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}.user-info-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26;outline:none}.modal-buttons{display:flex;justify-content:space-around}.modal-confirm-button{padding:10px 20px;background-color:var(--main-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:var(--button-font-weight);transition:background-color .3s ease}.modal-cancel-button{padding:10px 20px;background-color:#ccc;color:#333;border:none;border-radius:5px;cursor:pointer;font-weight:var(--button-font-weight);transition:background-color .3s ease}.modal-cancel-button:hover{background-color:#999}.main-container{display:flex;flex-direction:column;height:100vh}.form-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transition:opacity .3s ease}.login-container{display:flex;flex-direction:column;justify-content:center;bottom:0;height:100%;padding:10px 12vw 40px;margin:20px 0 40px}.login-title{font-family:var(--font-family);font-size:var(--header1-font-size);font-weight:var(--header2-font-weight);color:var(--main-text-color);margin-bottom:20px}.login-form{padding:20px 0;margin-bottom:40px}.form-label{font-family:var(--font-family);font-size:var(--paragraph-font-size);font-weight:var(--key-info-font-weight);color:var(--secondary-text-color);margin:0 6px;text-align:left;width:100%}.form-input{width:100%;padding:10px;font-family:var(--font-family);font-size:var(--paragraph-font-size);color:var(--secondary-text-color);border:1px solid #ccc;border-radius:12px;margin-bottom:25px;margin-top:4px;background-color:#fff;transition:border .3s ease}.form-button{padding:10px;background-color:var(--main-color);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);font-weight:var(--button-font-size);transition:background-color .3s ease,transform .2s ease;width:100%;margin:20px 0 0}.signin-button-container{text-align:center}.twitter-signin-button{background-color:#000}.twitter-signin-button:hover{background-color:#2f3132}.button-icon{width:16px;height:16px;margin-right:8px;vertical-align:middle}#google-button{background-color:#fff;border:var(--main-color) 2px solid;color:var(--main-color)}.toggle-message{margin:20px 0;font-size:.9rem;font-family:var(--font-family);color:var(--secondary-text-color);text-align:center}.toggle-link{color:var(--main-color);cursor:pointer;text-decoration:underline}.toggle-link:hover{color:#0056b3}#google-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#fff;color:#444;border:1px solid #ccc;border-radius:12px;padding:10px;cursor:pointer;transition:all .3s ease}#google-button:hover{background-color:#f5f5f5;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}#google-button:active{transform:translateY(0);box-shadow:none}.button-icon{width:20px;height:20px}.form-button:hover:enabled{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.reset-password-link{margin-top:8px;text-align:center}.reset-button{background:none;border:none;color:#06c;cursor:pointer;font-size:14px;text-decoration:underline;padding:0}.reset-button:hover{color:#004080;text-decoration:underline}.reset-password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.reset-password-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:24px;width:90%;max-width:400px;position:relative}.reset-password-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.reset-password-modal h2{margin-top:0;color:#333;margin-bottom:16px}.reset-password-info{margin-bottom:20px;color:#555;font-size:14px}.reset-password-input-group{margin-bottom:20px}.reset-password-input-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.reset-password-input-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.reset-password-input-group input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.reset-email-error{border-color:#e53935!important}.reset-password-error{color:#e53935;margin-bottom:16px;font-size:14px}.reset-password-actions{display:flex;justify-content:space-between;gap:12px}.reset-password-cancel,.reset-password-submit,.reset-password-close-btn{flex:1;padding:10px 16px;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;border:none;transition:all .2s}.reset-password-cancel{background-color:#f5f5f5;color:#333}.reset-password-cancel:hover{background-color:#e0e0e0}.reset-password-submit{background-color:#06c;color:#fff}.reset-password-submit:hover{background-color:#0052a3}.reset-password-submit:disabled{background-color:#82b1e6;cursor:not-allowed}.reset-password-success{text-align:center;padding:16px 0}.reset-password-success p:first-child{color:#43a047;font-weight:600;font-size:18px;margin-bottom:8px}.reset-password-close-btn{background-color:#06c;color:#fff;display:block;margin:20px auto 0;width:100%;max-width:200px}.reset-password-close-btn:hover{background-color:#0052a3}.messaging-permission-main-container{display:flex;flex-direction:column;height:100vh;align-items:center}.messaging-permission-container{display:flex;flex-direction:column;justify-content:center;bottom:0;height:100%;max-width:fit-content;padding:10px 12vw 40px;margin:20px 0 40px}.messaging-permission-title{font-family:var(--font-family);font-size:var(--header1-font-size);font-weight:var(--header2-font-weight);color:var(--main-text-color);text-align:center;margin-bottom:10px}.messaging-permission-form-label{font-family:var(--font-family);font-size:var(--paragraph-font-size);font-weight:var(--key-info-font-weight);color:var(--secondary-text-color);margin:10px 6px;text-align:center;width:100%}.messaging-permission-form-button{padding:10px;background-color:var(--main-color);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);font-weight:var(--button-font-size);transition:background-color .3s ease,transform .2s ease;width:100%;margin:5px 0 0;border:var(--main-color) 2px solid}.active-view{display:flex;align-items:center;justify-content:center;height:100vh}.active-view p{font-size:var(--paragraph-info-font-size);font-weight:var(--paragraph-font-weight);color:var(--main-text-color)}.court-selection-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.court-selection{background-color:#fff;padding:20px;border-radius:8px;width:300px;box-shadow:0 4px 10px #0003;text-align:center}.court-selection h2{margin-bottom:10px;font-size:20px;color:#333}.court-selection p{font-size:var(--paragraph-font-size);color:#555;margin-bottom:20px}.court-selection label{display:flex;align-items:center;gap:8px;font-size:var(--paragraph-font-size);color:#333;margin-bottom:10px;cursor:pointer}.court-selection input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid var(--main-color);border-radius:4px;display:inline-block;position:relative;cursor:pointer;transition:.3s}.court-selection input[type=checkbox]:checked{background-color:var(--main-color);border-color:var(--main-color)}.court-selection input[type=checkbox]:checked:after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;color:#fff}.court-selection-buttons{display:flex;justify-content:space-around}.court-confirm-button{margin-top:16px;padding:10px 20px;background-color:var(--main-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:var(--button-font-weight);transition:background-color .3s ease}.court-confirm-button:hover{background-color:#fff;border:var(--main-color) 3px solid;color:var(--main-color);transition:.35s;transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#fafafa;text-align:center;gap:16px}.loading-gif{width:300px;height:auto;object-fit:contain}.loading-text{font-size:20px;font-weight:500;color:#333}.modal-content p{font-size:var(--paragraph-font-size);color:#555;margin-bottom:20px}.modal-buttons{display:flex;justify-content:space-around;gap:12px;margin-top:16px}.modal-confirm-button{padding:10px 20px;background-color:var(--main-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.modal-confirm-button:hover{background-color:#fff;border:var(--main-color) 3px solid;color:var(--main-color);transition:.35s;transform:translateY(-2px)}.modal-cancel-button{padding:10px 20px;background-color:#ccc;color:#333;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.modal-cancel-button:hover{background-color:#eee;border:2px solid #aaa;color:#222;transform:translateY(-2px);transition:.35s}.rectangle-container{justify-content:space-between;display:flex;align-items:center;background:#f9f9f9;border-radius:10px;padding:6px 16px;box-shadow:0 2px 5px #0000001a;margin:14px 0;box-sizing:border-box;flex:1 1 20%}.dots-container{display:flex;flex-direction:column;justify-content:space-around;height:16px;cursor:pointer;margin-left:10px}.dot{width:4px;height:4px;background-color:#000;border-radius:50%}.action-button{padding:6px 12px;background-color:var(--main-color);color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .3s;font-size:var(--paragraph-font-size);font-weight:var(--paragraph-font-weight)}.action-button:hover{background-color:#fff;border:var(--main-color) 3px solid;color:var(--main-color);transition:.35s;transform:translateY(-2px)}.action-button-container{display:flex;flex-direction:column;gap:10px;z-index:900;background-color:#f9f9f9;padding:16px 12px;border-radius:10px;box-shadow:0 3px #0000001a}.active-view,.current-state{all:revert}.players-list-container{overflow-y:auto;display:flex;flex-direction:column}.players-list-title{font-size:calc(var(--header2-font-size) * .9);font-weight:var(--header1-font-weight);color:var(--main-text-color);margin-bottom:15px}.players-section{padding:10px 20px;border-radius:8px}#queue-players{margin-bottom:40px}#active-players{margin-top:10px}.player-list{display:flex;flex-direction:column}.empty-queue-message{text-align:center;font-size:1.1rem;color:#666;padding:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:300px;box-shadow:0 4px 10px #0003;text-align:center}.modal-content h2{margin-bottom:10px;font-size:20px;color:#333}.modal-content p{font-size:16px;color:#555;margin-bottom:20px}.modal-ok-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.modal-ok-button:hover{background-color:#0056b3}.modal-buttons{display:flex;justify-content:center}.joiner-container{display:flex;flex-direction:column;bottom:0;height:100%;padding:10px 9vw 40px;margin:40px 0}.joiner-header-title{font-family:var(--font-family);font-size:var(--header2-font-size);font-weight:var(--header1-font-weight);color:var(--main-text-color);line-height:1.55rem}.wait-time{display:flex;flex-direction:row;border-bottom:2px solid #d3d3d3;align-items:center}.wait-time img{width:20px;height:20px;margin-right:10px}.wait-time p{font-size:var(--paragraph-font-size);font-weight:var(--paragraph-font-weight);color:var(--main-text-color)}.players-in-front{margin-top:30px;margin-bottom:30px}.joiner-subtext{font-size:var(--key-info-font-size);font-weight:var(--key-info-font-weight);color:var(--main-text-color);margin-bottom:20px}.queue-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.queue-item{display:flex;align-items:center;background:#f9f9f9;border-radius:10px;padding:10px 15px;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease-in-out}.queue-item:hover{transform:scale(1.03)}.queue-position{font-size:18px;font-weight:700;color:#fff;background:var(--main-color);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:15px}.queue-info h4{font-size:16px;font-weight:700;color:#333;margin:0}.queue-info p{font-size:14px;color:#777;margin:0}.empty-queue-list{border-radius:10px;padding:10px 15px;box-shadow:0 2px 5px #0000001a;background:#f9f9f9}.empty-queue-message{text-align:center;font-size:var(--paragraph-font-size);color:#2f2f2f;font-weight:var(--paragraph-font-weight);font-style:italic;margin:12px 0 10px}.joiner-button{width:100%;max-width:300px;padding:12px 20px;margin:40px auto;background-color:var(--main-color);color:#fff;font-size:var(--button-font-size);font-weight:var(--button-font-weight);border:none;border-radius:8px;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;box-shadow:0 4px 10px #0000001a}.joiner-button:hover{background-color:#fff;border:var(--main-color) 3px solid;color:var(--main-color);transition:.35s;transform:scale(1.05)}.joiner-button:disabled{background-color:#d3d3d3;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.account-main-container{display:flex;flex-direction:column;height:100vh;align-items:center}.header{position:sticky;display:flex;align-items:center;width:100%;height:16vh;border-radius:0 0 24px 24px;background-color:var(--main-color)}.header-title{font-family:var(--font-family);font-weight:var(--header1-font-weight);font-size:calc(var(--header2-font-size) * .7);line-height:1.2rem;margin:0 40px;color:#fff;cursor:pointer}.header-title span{font-weight:calc(var(--header1-font-weight) * .9);font-size:calc(var(--header2-font-size) * .6)}.account-button{color:#fff;background-color:transparent;border:none;cursor:pointer;margin-left:auto}.account-container{display:flex;flex-direction:column;justify-content:center;bottom:0;height:100%;width:fit-content;padding:10px 12vw 40px;margin:20px 0 40px}.account-title{font-family:var(--font-family);font-size:var(--header1-font-size);font-weight:var(--header2-font-weight);color:var(--main-text-color);text-align:left;margin-bottom:10px}.form-group{display:flex;flex-direction:column;margin-bottom:25px}.account-form-text{font-family:var(--font-family);font-size:var(--paragraph-font-size);font-weight:var(--key-info-font-weight);color:var(--secondary-text-color);margin:10px 0}.account-form-label{font-weight:700;text-align:left;float:left;margin-right:50px}.account-form-value{text-align:right;float:right}.account-form-button{padding:10px;background-color:var(--main-color);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);font-weight:var(--button-font-size);transition:background-color .3s ease,transform .2s ease;width:100%;margin:5px 0 0;border:var(--main-color) 2px solid}.delete-button{background-color:var(--secondary-color);border:var(--secondary-color) 2px solid}.hollow-button{background-color:#fff;color:var(--main-color)}.error-message{margin-top:10px;color:#ff4d4d;font-size:.9rem}.time-warning-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9fafb;padding:20px}.time-warning-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 6px 18px #00000014;padding:32px;text-align:center;max-width:420px;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.time-warning-card h2{font-size:24px;color:#e53935;margin-bottom:12px}.time-warning-card p{font-size:16px;color:#333;margin:8px 0}@media (max-width: 480px){.time-warning-card{padding:24px}.time-warning-card h2{font-size:20px}.time-warning-card p{font-size:14px}}.alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.alert-box{background:#fff;color:#333;padding:1rem 1.5rem;border-radius:8px;max-width:400px;text-align:center;box-shadow:0 2px 10px #0000004d}.alert-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.alert-body{margin:.5rem 0;font-size:1rem}.alert-close{margin-top:1rem;padding:.5rem 1rem;background:#007aff;color:#fff;border:none;border-radius:4px;cursor:pointer}.alert-close:hover{opacity:.9}