:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1100px){:root{font-size:14px}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{-webkit-user-select:none;user-select:none;background-color:#eee;min-width:400px;min-height:100vh;margin:0;display:flex}.watermark-container{min-height:400px;position:relative}.watermark:before{content:"";pointer-events:none;z-index:1000;opacity:.1;background-image:var(--watermark-svg);background-repeat:repeat;background-size:300px 200px;width:100%;height:100%;position:fixed;top:0;left:0}h1{font-size:3.2em;line-height:1.1}.card{max-width:700px;margin:1rem auto;padding:2em}#app{text-align:center;width:100%;margin:0 auto;padding:.5rem 1rem}button:not(.nav-link,.btn-link){color:#222;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:not(.nav-link,.btn-link).btn-close{background-color:#0000}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{color:#000;background-color:#fff;border:1px solid #222;border-radius:5px;width:100%;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{-webkit-appearance:none;margin:0}.form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}.spin{max-width:200px;animation:2s linear infinite spin-animation}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.square,.quarterLabel{aspect-ratio:1;box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;border:0 solid #000;border-width:1px 0 0 1px;width:100%;max-width:75px;padding:0;position:relative;overflow:hidden}.square.selectable,.quarterLabel.selectable{cursor:pointer}.square.noBorder,.quarterLabel.noBorder{border-color:#0000}.square div,.quarterLabel div{width:100%;height:100%}.square div span,.square span,.quarterLabel div span,.quarterLabel span{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.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 (width<=1300px){.finalQuarterLabel span{font-size:min(1vw,13px)}}@media (width<=991px){.finalQuarterLabel span{font-size:min(2vw,15px)}}.userPaid{height:70px}@media (width<=991px){.userPaid{height:50px}}.playerList .square{top:50%;transform:translateY(-50%)}.playerList .row.playerRow:last-child{border-bottom:none!important;padding-bottom:0!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 (width<=90vh){.dropdown{margin-right:0}}.teamName{font-size:min(3vw,20px);font-weight:700}.teamName.awayTeam{writing-mode:vertical-rl;text-align:center;width:1rem;position:relative;right:3%;rotate:180deg}.teamName.awayTeam.fullGrid{margin-top:28.75%}.teamName.awayTeam.activeQuarter{margin-top:9.09%}.teamName.homeTeam{padding-bottom:.8%}.teamName.homeTeam.fullGrid{width:71.43%;margin-left:29.57%;padding-left:1rem}.teamName.homeTeam.activeQuarter{width:90%;margin-left:11%}@media (width<=450px){.awayTeam{right:0}}.userBubble{-webkit-user-select:none;user-select:none;border-radius:50%;width:40px;min-width:40px;height:40px;padding:0;position:relative}.userBubble>span{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<=1100px){.userBubble{width:30px;min-width:30px;height:30px}.userBubble>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;background-color:#0000;border:none}.tab-content{background-color:#fff;border:1px solid #dee2e6;border-top:none;padding:2rem}.tab-content #players{margin-bottom:-1rem}@media (width<=600px){.tab-content{padding:1rem}.tab-content #players{margin-bottom:-1rem}}@media (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-size:.9rem;font-weight:700}.winnerQuarterLabel{border-right:1px solid #000;font-weight:700}@media print{body{background-color:#0000}#header,#gridViewChooser,#squareCounter,#infoPane{display:none}#grid{max-width:91vh}.square:not(.selectable,.number,.quarterLabel){color:#000!important;background-color:#fff!important}}#landscapeMessage{font-size:2rem;display:none}@media screen and (orientation:landscape) and (width<=830px){main{display:none}#landscapeMessage{display:block}}