:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1100px){:root{font-size:14px}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:400px;min-height:100vh;background-color:#eee;-webkit-user-select:none;user-select:none}h1{font-size:3.2em;line-height:1.1}.card{padding:2em;max-width:700px;margin:1rem auto}#app{width:100%;margin:0 auto;padding:.5rem 1rem;text-align:center}button:not(.nav-link,.btn-link){border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;color:#222;background-color:transparent;cursor:pointer;transition:border-color .25s}button:not(.nav-link,.btn-link).btn-close{background-color:transparent}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}label{font-size:1.3rem}.form-group{margin:1rem 0}.form-group div{align-content:center}.form-group input,.form-group select{width:100%;background-color:#fff;color:#000;border:1px solid #222;border-radius:5px;padding:5px 8px}.form-group input[type=color],.form-group select[type=color]{border:none;padding:0}.form-group select:disabled{background-color:#eee}.form-group input::-webkit-outer-spin-button,.form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}.spin{animation:spin-animation linear 2s infinite;max-width:200px}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.square,.quarterLabel{position:relative;width:100%;max-width:75px;aspect-ratio:1/1;border:0 solid #000;border-top-width:1px;border-left-width:1px;box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden;padding:0}.square.selectable,.quarterLabel.selectable{cursor:pointer}.square.noBorder,.quarterLabel.noBorder{border-color:transparent}.square div,.quarterLabel div{width:100%;height:100%}.square div span,.square span,.quarterLabel div span,.quarterLabel span{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.square span{font-size:min(2.5vw,20px)}.number span{font-size:min(3vw,22px)}.quarterLabel span{font-size:min(2.5vw,20px);font-weight:700}.quarterLabel{background-color:#f7f7f7}.number{background-color:#ddd}.finalQuarterLabel span{font-size:14px}#players .square>span{font-size:min(3.5vw,20px)}#subPlayers .square>span{font-size:min(3vw,20px)}@media (max-width: 1300px){.finalQuarterLabel span{font-size:min(1vw,13px)}}@media (max-width: 991px){.finalQuarterLabel span{font-size:min(2vw,15px)}}.userPaid{height:70px}@media (max-width: 991px){.userPaid{height:50px}}.playerList .square{top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.playerList .row.playerRow:last-child{padding-bottom:0!important;border-bottom:none!important}#grid{max-width:80vh}#grid .row:last-child>.square,#grid .row:last-child>.quarterLabel{border-bottom-width:1px}#grid.gameInProgress .square:not(.quarterLabel,.number) div{opacity:.25}#grid.gameInProgress .square:not(.quarterLabel,.number) div.moneyRow,#grid.gameInProgress .square:not(.quarterLabel,.number) div.moneyCol{opacity:.6}#grid.gameInProgress .square:not(.quarterLabel,.number) div.moneySquare{opacity:1}#grid.gameInProgress .square div:not(.pastQuarter).moneyRow{border-top:1px solid #000;border-bottom:1px solid #000}#grid.gameInProgress .square div:not(.pastQuarter).moneyCol{border-left:1px solid #000;border-right:1px solid #000}#grid.gameInProgress .quarterLabel>div{color:#888}#grid.gameInProgress .quarterLabel>div.activeQuarter{color:#000}#grid.gameInProgress .square:not(.number)>div.moneySquare{border:2px solid #000}#grid.gameInProgress .number>div.fullGrid{color:#999}#grid.gameInProgress .number>div.fullGrid.activeQuarter{color:#000;background-color:#fce8b2}#grid.gameInProgress .number>div.fullGrid.pastQuarter{background-color:#666}#grid.gameInProgress .number>div.moneySquare{font-weight:700}.col.square:last-child,.col.quarterLabel:last-child{border-right-width:1px}.dropdown{margin-right:-1.2rem}@media (max-width: 90vh){.dropdown{margin-right:0}}.teamName{font-size:min(3vw,20px);font-weight:700}.teamName.awayTeam{width:1rem;writing-mode:vertical-rl;rotate:180deg;text-align:center;position:relative;right:3%}.teamName.awayTeam.fullGrid{margin-top:28.75%}.teamName.awayTeam.activeQuarter{margin-top:9.09%}.teamName.homeTeam{padding-bottom:.8%}.teamName.homeTeam.fullGrid{margin-left:29.57%;width:71.43%;padding-left:1rem}.teamName.homeTeam.activeQuarter{margin-left:11%;width:90%}@media (max-width: 450px){.awayTeam{right:0}}.activeUserBubble{position:relative;width:40px;height:40px;padding:0;border-radius:50%;-webkit-user-select:none;user-select:none}.activeUserBubble>span{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}@media (max-width: 1100px){.activeUserBubble{width:30px;height:30px}.activeUserBubble>span{font-size:.8rem}}.nav-tabs .nav-link{color:#000;background-color:#f7f7f7;border:1px solid #dee2e6}.nav-tabs .nav-link.active{background-color:#fff}.nav-tabs .nav-link.disabled{color:#7a838a;border:none;background-color:transparent}.tab-content{padding:2rem;background-color:#fff;border:1px solid #dee2e6;border-top:none}.tab-content #players{margin-bottom:-1rem}@media (max-width: 600px){.tab-content{padding:1rem}.tab-content #players{margin-bottom:-1rem}}@media (min-width: 992px){.tab-content{max-height:82vh;overflow:auto}}.align-self-center>h5{margin:0}i.fa-solid{margin-right:.4rem}#winnerTable div{align-content:center}.winnerHeader{border-bottom:1px solid #000;font-weight:700;font-size:.9rem}.winnerQuarterLabel{border-right:1px solid #000;font-weight:700}@media print{body{background-color:transparent}#header,#gridViewChooser,#squareCounter,#infoPane{display:none}#grid{max-width:91vh}.square:not(.selectable,.number,.quarterLabel){color:#000!important;background-color:#fff!important}}#landscapeMessage{display:none;font-size:2rem}@media screen and (orientation: landscape) and (max-width: 830px){main{display:none}#landscapeMessage{display:block}}