@import"https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&display=swap";:root{--clr-primary: #013369;--clr-secondary: #D50A0A;--clr-secondary-darker-1: #c00909;--clr-secondary-darker-2: #aa0808;--clr-background-0: #000a15;--clr-background-1: #00142a;--clr-background-2: #011f3f;--clr-background-3: #01244a;--clr-background-4: #012954;--clr-foreground: #FFFFFF;--clr-foreground-variant:#e6e6e6;--clr-white: #FFFFFF;--clr-black: #000000;--clr-gold: #efbf04;--clr-silver: #c0c0c0;--clr-bronze: #b08d57;--clr-success: #1bb30d;--clr-error: #ff1b1b;--clr-overlay-transparency-10: rgba(255, 255, 255, .1);--clr-overlay-transparency-20: rgba(255, 255, 255, .2)}body{scroll-behavior:smooth;overflow-x:hidden;background-color:var(--clr-background-1);padding:0;margin:0;font-family:Commissioner,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"FLAR" 0,"VOLM" 0;color:var(--clr-foreground);font-size:16px;line-height:1.2}main{display:flex;flex:1;flex-direction:column;height:100%}.app-container{min-height:100vh;max-width:700px;margin:0 auto;background-color:var(--clr-background-1);display:flex;flex-direction:column;gap:0}.column-container{display:flex;flex-direction:column;gap:1em}h1{font-size:24px;margin:0}h2{font-size:20px;margin-bottom:.5em;margin-top:.5em}a{color:var(--clr-foreground-variant)}.dialog{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1}.dialog .dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0003;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:10000}.dialog .dialog-panel{display:flex;flex-direction:column;gap:10px;margin:20px;padding:10px 20px;border-radius:10px;box-shadow:2px 2px 6px var(--clr-black);background-color:var(--clr-background-2);opacity:1;z-index:10001}.dialog .dialog-panel .dialog-description{margin-top:0}.dialog .dialog-panel .dialog-buttons{margin-bottom:.5em;display:flex;flex-direction:row;align-items:center;gap:10px}.dialog .dialog-panel .dialog-buttons button{padding:.5em 1em;font-weight:600}.listbox-button{all:unset;background-color:var(--clr-background-2);color:var(--clr-foreground);padding:10px;border-radius:5px;cursor:pointer;font-size:1em;display:flex;flex-direction:row;align-items:center;gap:15px}.listbox-button:hover,.listbox-button:active{border:none;background-color:var(--clr-background-3)}.listbox-options{background-color:var(--clr-background-2);border-radius:5px;z-index:1000}.listbox-options .listbox-option{padding:10px;cursor:pointer;display:flex;flex-direction:column;color:var(--clr-foreground);background-color:var(--clr-background-3);border-radius:5px}.listbox-options .listbox-option:not(:last-child){margin-bottom:1px}.listbox-options .listbox-option:not(:last-child):after{content:"";display:block;position:relative;top:10px;width:100%;height:1px;background-color:var(--clr-foreground);opacity:.2}button.button{display:flex;flex-direction:row;align-items:center;gap:.25em;background-color:var(--clr-background-4);border-radius:5px;border:solid;border-width:1px;border-color:var(--clr-primary);color:var(--clr-foreground);font-size:1em;text-align:left;width:-moz-fit-content;width:fit-content;padding:.25em .5em;cursor:pointer}button:active,button:hover{background-color:var(--clr-primary);border:solid;border-width:1px;border-color:var(--clr-primary)}button:disabled{opacity:.5}.button-unstyled{all:unset;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:10px}.link-button{padding:10px 15px;display:flex;flex-direction:row;align-items:center;gap:10px;border-radius:5px;font-weight:500;text-decoration:none;color:var(--clr-foreground)}@keyframes load{0%{transform:translateY(-100%)}to{transform:translateY(0)}}#topNotificationBar{width:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;animation:.3s ease-out 0s 1 load}.app-nav-bar{height:60px;padding:5px 15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.app-nav-bar>div{width:30%;height:100%;display:flex;flex-direction:row;align-items:center}.app-nav-bar>div:first-child{justify-content:left}.app-nav-bar>div:last-child{justify-content:flex-end}.app-nav-menu-bg{z-index:1001;position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--clr-background-2);opacity:0;pointer-events:none;transition:all .2s}.app-nav-menu-bg.active{opacity:.8;pointer-events:initial;transition:all .3s}.app-nav-menu{z-index:1002;position:fixed;right:0;top:0;width:0;min-width:0;height:100%;overflow:hidden;background-color:var(--clr-background-1);display:flex;flex-direction:column;transition:all .2s}.app-nav-menu.active{min-width:80%;transition:all .3s}.app-nav-menu nav{flex:1}.app-nav-menu nav>ol{list-style:none;padding:10px 20px;font-size:18px;font-weight:600;line-height:2.5}.app-nav-menu nav>ol a{color:var(--clr-foreground);text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-self:left;gap:10px;white-space:nowrap}.app-nav-menu nav>ol a.active{-webkit-text-decoration:underline #FFFFFF;text-decoration:underline #FFFFFF;text-decoration-thickness:3px;text-underline-offset:5px}.app-nav-menu nav>ol a:before{background-color:var(--clr-foreground);border-radius:2px;width:10px;height:10px;rotate:0deg;content:"";display:block;transition:all .2s}.app-nav-menu nav>ol a.active:before{width:10px;height:10px;rotate:45deg;transition:all .3s}.app-nav-menu .app-nav-footer{padding:15px 20px;font-size:12px;display:flex;flex-direction:column;gap:3px}.app-nav-menu .app-nav-footer>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4em}.app-nav-menu .app-nav-footer a{text-decoration:none;color:var(--clr-foreground)}.betting-countdown-bar{background-color:var(--clr-secondary);padding:8px 15px 7px;font-size:17px;font-weight:500;text-align:center;display:flex;flex-direction:column;gap:3px}.betting-countdown-bar .betting-countdown-timer{font-weight:600;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4em;justify-content:center}.betting-countdown-bar .betting-countdown-timer span{min-width:1.7em}.betting-countdown-bar .unit{font-size:.8em}.generic-page{padding:20px;display:flex;flex:1;flex-direction:column;gap:30px}.generic-page p{margin:.5em 0}.generic-page h3{margin:.25em 0}.generic-page .heading-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between}form{display:flex;flex-direction:column;gap:1em;padding-bottom:1.5em}form .form-item{display:flex;flex-direction:column;gap:.5em}form .form-item label{font-weight:500;font-size:18px}form .form-item input{background-color:var(--clr-background-2);border-radius:5px;border:solid;border-width:1px;border-color:var(--clr-background-4);color:var(--clr-foreground);font-size:16px;height:1.75em;padding:3px 5px 1px}form .form-item input[type=text],form .form-item input[type=email],form .form-item input[type=password]{margin-left:-3px}form .form-item input::-moz-placeholder{color:var(--clr-foreground-variant);opacity:.8}form .form-item input::placeholder{color:var(--clr-foreground-variant);opacity:.8}form .form-item input:focus{background-color:var(--clr-background-3);border-color:var(--clr-primary);outline:none}form .form-item .form-checkbox-label{display:flex;flex-direction:row;align-items:center;gap:.25em}form .form-item .form-checkbox-label input{height:1.1em;width:1.1em}form .form-item .input-error{color:var(--clr-secondary);margin:-.2em 0 0}form .form-item button,form .form-item .link-button{all:unset;background-color:var(--clr-background-4);border-radius:5px;border:solid;border-width:1px;border-color:var(--clr-primary);color:var(--clr-foreground);font-size:1em;font-weight:500;text-align:left;width:-moz-fit-content;width:fit-content;padding:.5em 2em;cursor:pointer}form .form-item button:active,form .form-item button:hover,form .form-item .link-button:hover,form .form-item .link-button:active{background-color:var(--clr-primary);border:solid;border-width:1px;border-color:var(--clr-primary)}form .form-item button:disabled,form .form-item .link-button:disabled{opacity:.5}.games-page{display:flex;flex:1;flex-direction:column}.games-page .game-week-navigation{z-index:100;padding:20px 15px;background-color:var(--clr-background-1);position:sticky;top:0;font-size:17px;font-weight:500;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.games-page .game-week-navigation>div{display:flex;flex-direction:row;justify-content:center}.games-page .displayed-games-list{list-style:none;padding:0 20px 100px;position:sticky;bottom:0;top:0;display:flex;flex:1;flex-direction:column;gap:20px}.games-page .displayed-games-list .game-card{background-color:var(--clr-background-3);border-radius:5px;display:flex;flex-direction:column}.games-page .displayed-games-list .game-card .game-card-top{background-color:var(--clr-background-2);border-radius:5px;overflow:hidden;display:flex;position:relative}.games-page .displayed-games-list .game-card .game-card-top .game-card-team{padding:5px 10px;width:50%;overflow:hidden;display:flex;flex-direction:column}.games-page .displayed-games-list .game-card .game-card-top .game-card-team .team-name{z-index:11;font-size:24px;font-weight:600}.games-page .displayed-games-list .game-card .game-card-top .game-card-team .team-score{z-index:11;font-size:40px;font-weight:300;text-align:center;flex:1}.games-page .displayed-games-list .game-card .game-card-top .game-card-team .team-icon{z-index:10;position:absolute;height:95%;opacity:.3;top:0}.games-page .displayed-games-list .game-card .game-card-top .game-card-away{grid-column:1;grid-row:1;text-align:left;align-items:start;justify-content:start}.games-page .displayed-games-list .game-card .game-card-top .game-card-away .team-icon{left:0;margin-left:-20px}.games-page .displayed-games-list .game-card .game-card-top .game-card-home{grid-column:3;grid-row:1;text-align:right;align-items:end;justify-content:end}.games-page .displayed-games-list .game-card .game-card-top .game-card-home .team-icon{right:0;margin-right:-20px}.games-page .displayed-games-list .game-card .game-card-top .game-card-center{grid-column:2;grid-row:1;text-align:center;padding:8px 0 10px;font-size:14px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px}.games-page .displayed-games-list .game-card .game-card-top .game-card-center .game-card-at{font-size:24px;font-weight:700}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar>div{width:50%;padding:5px}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar>div button{background-color:var(--clr-secondary);border:none;font-family:inherit;color:var(--clr-foreground);font-size:20px;padding:3px 15px 5px;border-radius:5px}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar>div button:hover{background-color:var(--clr-secondary-darker-1)}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar>div button:active{background-color:var(--clr-secondary-darker-2)}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar>div:first-of-type{text-align:left;padding-left:10px;display:flex;flex-direction:row}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar>div:last-of-type{text-align:right;padding-right:10px;display:flex;flex-direction:row-reverse}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar .betting-end-time{font-size:13px;text-align:center}.games-page .displayed-games-list .game-card .game-card-bottom .betting-bar.loading{pointer-events:none;opacity:.5}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0px}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar>div{padding:5px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;overflow:hidden}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar>div:first-of-type{width:50%;flex:1;text-align:left;padding-left:10px;flex-direction:row}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar>div:last-of-type{width:50%;flex:1;text-align:right;padding-right:10px;flex-direction:row-reverse}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar>div.expand-button{transition:rotate .3s}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar.result-bar-expanded>div{flex-direction:column-reverse}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar.result-bar-expanded>div:first-of-type{align-items:start}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar.result-bar-expanded>div:last-of-type{align-items:end}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar.result-bar-expanded>div:last-of-type .user-avatar{flex-direction:row-reverse}.games-page .displayed-games-list .game-card .game-card-bottom .result-bar.result-bar-expanded>div.expand-button{rotate:180deg;align-self:flex-end;margin-bottom:5px;transition:rotate .4s}.games-page .displayed-games-list .byes-card{padding:10px 10px 5px;background-color:var(--clr-background-2);font-size:20px;font-weight:600;display:flex;flex-direction:column;gap:5px}.games-page .displayed-games-list .byes-card>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.games-page .displayed-games-list .byes-card>div img{height:70px}.games-page .selected-party-navigation{z-index:101;padding:20px 15px;background-color:var(--clr-background-2);position:sticky;bottom:0;display:flex;flex-direction:row}.pinned-party{z-index:150;position:sticky;bottom:0;padding:15px 20px 12px;background-color:var(--clr-background-2);display:flex;flex-direction:column;gap:15px;border-top-left-radius:25px;border-top-right-radius:25px}.pinned-party>div{display:flex;flex-direction:row;justify-content:center;gap:10px;align-items:center}.pinned-party>div .user-avatar{height:28px;width:28px;font-size:16px}.pinned-party+*{z-index:180;margin-top:-53px;background-color:var(--clr-background-2);border-top-left-radius:15px;border-top-right-radius:15px}.party-scores-page{padding:20px;display:flex;flex:1;flex-direction:column;gap:30px}.party-scores-page .party-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.party-scores-page .party-header>div{display:flex;flex-direction:row;align-items:center;gap:16px}.party-scores-page .party-leaders{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;flex-wrap:nowrap;font-size:20px}.party-scores-page .party-leaders>div{display:flex;flex-direction:row;align-items:center;gap:8px}.party-scores-page .party-leaders span{font-size:24px;font-weight:500}.party-scores-page table.party-scores{width:100%}.party-scores-page table.party-scores td:first-of-type{font-size:18px;font-weight:600;padding-right:5px;text-align:center}.party-scores-page table.party-scores td:has(div.user-avatar){position:relative;width:100%;height:46px}.party-scores-page table.party-scores td:has(div.user-avatar) div.user-avatar{position:absolute;left:0;right:0;top:-2px;bottom:0}.party-scores-page table.party-scores td:last-of-type{font-size:18px;font-weight:500;padding-right:5px;text-align:center}.user-avatar{display:flex;max-width:100%;flex-direction:row;justify-content:start;align-items:center;gap:.5em}.user-avatar .user-icon{background-color:var(--clr-primary);border-radius:100vh;font-weight:500;display:flex;flex-grow:0;flex-shrink:0;flex-direction:column;justify-content:center;text-align:center}.user-avatar .user-name{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center}.user-avatar.with-name .user-name{display:block}