@import "https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap";:root{--bg:#16213e;--white:#f1f3fb;--button:#1045a8;--red:#cb2d2e;--blue:#1463b8;--green:#30b05a;--yellow:#c69027;--gray:#666;--font-family:"Kumbh Sans", sans-serif}input::-webkit-outer-spin-button{appearance:none;margin:0}input::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{font-family:var(--font-family);background-color:var(--bg);height:100vh;color:var(--white);word-spacing:.5rem;margin:0;font-weight:300}button,a,input,select,option{font-family:inherit;font-weight:inherit}input,select{border:1px solid var(--white);color:var(--white);background:0 0}option{background-color:var(--bg)}input[type=search]{text-transform:uppercase}input:focus{outline:none}button,a{color:var(--white);background-color:var(--button);cursor:pointer;border:none;transition:transform .1s}button:active,a:active{transform:scale(.95)}#root{grid-template-rows:50% 50%;height:100%;display:grid}.top-half{grid-template-columns:17.5% 20% 25% 20% 17.5%;height:100%;display:grid}.bottom-half{grid-template-columns:50% 50%;height:100%;display:grid}.buttons{flex-direction:column;justify-content:space-evenly;height:100%;display:flex}.buttons button{border-radius:1.1rem;width:65%;height:4.5rem;margin:0 auto;font-size:1.3rem}.left-score,.right-score,.time-period{grid-template-rows:50% 50%;height:100%;display:grid}.left-score>div,.right-score>div,.time-period>div{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.scorebox{gap:1rem}.score-count{font-size:7rem;line-height:1}.score-buttons,.period-buttons{justify-content:center;gap:10px;display:flex}.score-buttons button,.period-buttons button{border-radius:1rem;width:4rem;height:2.5rem;font-size:1.25rem}.time-header{margin-bottom:.5rem;font-size:2.5rem}.times{grid-template-columns:50% 50%;align-items:center;width:100%;font-size:5rem;display:grid}.time-input{justify-content:center;display:flex}.time-input input{text-align:center;border-radius:1.5rem;width:70%;padding:1rem;font-size:2rem}.game-time{justify-content:center;display:flex}.period-text{text-align:center;font-size:1.75rem}.period-number{text-align:center;margin:.5rem 0;font-size:3.25rem}.power-break{width:90%;font-size:1.1rem}.power-break table{text-align:center;width:100%}.power-break button{border-radius:.5rem;width:2.75rem;line-height:1.75rem}.power-break input{text-align:center;border-radius:.75rem;width:6rem;margin:.25rem 0;padding:.3rem 0;font-size:1.25rem}.delete-container{width:100%}.delete-container button{border-radius:1.1rem;width:12rem;height:4.5rem;font-size:1.3rem}.bottom-half>div{text-align:center;border-radius:2rem 2rem 0 0;flex-direction:column;padding-top:1rem;display:flex}.bottom-half>div:first-child{background-color:var(--red)}.bottom-half>div:last-child{background-color:var(--blue)}.team-name{padding-bottom:2rem;font-size:1.9rem;font-weight:600}.team-player-inputs{justify-content:space-evenly;display:flex}.team-player-inputs input{text-align:center;border-width:2px;border-radius:2rem;width:6rem;font-size:2.25rem;line-height:3rem}.team-player-names{flex-direction:column;gap:.5rem;width:75%;margin:2rem auto;font-size:1.5rem;font-weight:500;display:flex}.player-name-container{justify-content:space-between;display:flex}.player-name-header{width:25%}.player-name{text-align:center;width:75%}.team-penalty{flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.team-penalty-row{justify-content:space-evenly;gap:1rem;width:75%;display:flex}.team-penalty-row input{text-align:center;border-width:2px;border-radius:2rem;width:15rem;font-size:2rem;line-height:3rem}.team-penalty button{background:0 0;margin-top:-2%;margin-left:10%;font-size:3.5rem;position:absolute;top:0;left:0}.button-success{background-color:var(--green)}.button-fail{background-color:var(--red)}@media screen and (width<=1440px) and (display-mode:browser){.times{font-size:4rem}.time-input input{width:60%;padding:.8rem}}@media only screen and (device-width>=768px) and (device-width<=1180px) and (display-mode:standalone){.buttons button{width:80%;height:4rem;font-size:1rem}.score-count{font-size:5rem}.score-buttons button,.period-buttons button{border-radius:.75rem;width:3rem;height:2rem;font-size:1rem}.period-number{font-size:2.75rem}.period-text{font-size:1.55rem}.time-header{font-size:2rem}.times{font-size:3.3rem}.time-input input{border-radius:1rem;width:75%;padding:.5rem;font-size:2rem}.delete-container button{width:9rem;height:3.5rem}.team-penalty-row input{width:10rem;font-size:1.25rem;font-weight:600;line-height:1.8rem}.team-player-inputs input{width:5rem;font-size:1.25rem;font-weight:600;line-height:1.8rem}.team-player-names{flex-direction:column;gap:.5rem;width:75%;margin:2rem auto;font-size:1.25rem;font-weight:500;display:flex}.team-name{padding-bottom:1rem;font-size:1.9rem;font-weight:600}.team-penalty button{background:0 0;margin-top:-3%;margin-left:5%;font-size:3.5rem}.team-player-names{margin:1.25rem auto}}@media only screen and (device-width>=768px) and (device-width<=1180px) and (display-mode:browser){.buttons button{width:80%;height:4rem;font-size:1rem}.score-count{font-size:5rem}.score-buttons button,.period-buttons button{border-radius:.75rem;width:3rem;height:2rem;font-size:1rem}.period-number{font-size:2.75rem}.period-text{font-size:1.55rem}.time-header{font-size:2rem}.times{font-size:3.3rem}.time-input input{border-radius:1rem;width:75%;padding:.5rem;font-size:2rem}.delete-container button{width:9rem;height:3.5rem}.team-penalty-row input{width:10rem;font-size:1.25rem;font-weight:600;line-height:1.8rem}.team-player-inputs input{width:5rem;font-size:1.25rem;font-weight:600;line-height:1.8rem}.team-player-names{flex-direction:column;gap:.5rem;width:75%;margin:2rem auto;font-size:1.25rem;font-weight:500;display:flex}.team-name{padding-bottom:1rem;font-size:1.9rem;font-weight:600}.team-penalty button{background:0 0;margin-top:-3%;margin-left:5%;font-size:3.5rem}.team-player-names{margin:1.25rem auto}}@media screen and (width<=1024px){.buttons button{width:80%;height:3rem;font-size:1rem}.score-count{font-size:5rem}.period-number{font-size:2.75rem}.period-text{font-size:1.55rem}.time-header{font-size:2rem}.times{font-size:3.3rem}.time-input input{border-radius:1rem;width:65%;padding:.5rem;font-size:2rem}.delete-container button{width:9rem;height:3.5rem}.team-penalty-row input{width:10rem;font-size:1.5rem}}.modal{color:var(--white);z-index:10;opacity:0;visibility:hidden;background-color:#0006;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.modal.show{opacity:1;visibility:visible}.modal-content{background-color:var(--bg);border-radius:5rem;width:50%;min-height:55%;max-height:90vh;padding:2rem;font-size:1.5rem;transition:transform .3s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-40%)scale(.95);box-shadow:0 0 33px 11px #1a1f34ba}.modal.show .modal-content{transform:translate(-50%,-50%)scale(1)}.modal h2,.modal h4{text-align:center;margin-top:0}.modal h2{font-size:2.5rem;font-weight:500}.modal h4{font-weight:400}.modal-content button,.modal-content a{cursor:pointer;border-radius:.75rem;width:20%;font-size:1.25rem;line-height:2rem;text-decoration:none}#settings .modal-content,#roster .modal-content,#officials .modal-content,#goal-record .modal-content,#data-check .modal-content{flex-direction:column;align-items:center;display:flex}#settings table,#settings .modal-content div,#roster table,#roster .modal-content div,#officials table,.team-goals table,.two-columns{width:100%}.modal-buttons{justify-content:center;gap:1rem;margin-top:auto;display:flex}#roster .modal-buttons,#settings .modal-buttons,#officials button{margin-top:auto}#officials tr td:not(:last-child),#goal-record tr td,#goal-record tr th{text-align:center}#officials td{padding:.5rem 0}#officials tr:nth-child(2) td{padding-bottom:1.5rem}#goal-record tr th,#goal-record tr td{border:1px solid var(--white)}#goal-record tr th{background-color:var(--white);color:var(--bg)}#goal-record table{border-collapse:collapse;font-size:1.4rem}#settings input[type=radio],#roster input[type=radio]{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#settings input[type=radio]:checked+label,#roster input[type=radio]:checked+label{background-color:var(--white);color:var(--bg);font-weight:500}#settings label,#roster label{cursor:pointer;border-radius:.5em;padding:0 .5em;transition:background-color .2s}#settings label:hover,#roster label:hover{color:var(--bg);background-color:#ffffff85}#roster table{padding:0 3rem}#roster td{width:50%}#roster input,#roster select,#roster option,#own-period-settings input{border:2px solid var(--white);text-align:center;border-radius:1rem;width:90%;padding:.5rem;font-size:1.25rem;line-height:2rem}#roster input[type=file]{border:none;width:100%}.modal-buttons{width:100%}.org{margin:1.5rem 0!important}.friendly.org tr td:nth-child(2n-1){width:20%!important}.friendly.org tr td:nth-child(2n){width:30%!important}.friendly.org tr:nth-child(3) td:nth-child(2){width:20%!important}.roster-org{justify-content:center;gap:1rem;display:flex}#roster a{text-align:center;width:auto;margin:.5rem;display:block}#own-period-settings{margin-top:1rem}#own-period-settings tr td:first-child{text-align:right;width:50%;padding-right:1rem}#own-period-settings tr td:last-child{text-align:left;width:50%;padding-left:1rem}#multipleOvertimes{display:none}.mo{background-color:var(--button);border-radius:.75rem;width:6rem;padding:0;display:block}.team-goals{margin:0 1rem}.two-columns{grid-template-columns:50% 50%;display:grid}.editable-cell{text-align:center;background:0 0;border:none;width:100%;font-size:1.4rem}.order-cell{padding:0 1rem}.show-button,.delete-button{border-radius:0!important;width:100%!important;margin:0!important;padding:0 1rem!important}.delete-button{background-color:var(--red)}#data-check .modal-content{text-align:center;justify-content:center;width:35%;min-height:25%}@media screen and (width<=1440px) and (display-mode:browser){.modal-content{width:65%}}@media screen and (width<=1024px) and (display-mode:browser){.modal-content{width:85%}}@media only screen and (device-width>=768px) and (device-width<=1180px) and (display-mode:standalone){#own-period-settings input{width:20%}.mo{text-align:center;width:19%;margin:.5rem 0}.modal-buttons{padding-top:1rem}#goal-record .modal-content{width:80%;height:70%}#goal-record table{border-collapse:collapse;font-size:1rem}.editable-cell{width:80%;font-size:1rem}.order-cell{padding:0 .75rem}}@media only screen and (device-width>=768px) and (device-width<=1180px) and (display-mode:browser){#own-period-settings input{width:20%}.mo{text-align:center;width:19%;margin:.5rem 0}.modal-buttons{padding-top:1rem}#goal-record .modal-content{width:80%;height:70%}#goal-record table{border-collapse:collapse;font-size:1rem}.editable-cell{width:80%;font-size:1rem}.order-cell{padding:0 .75rem}}#dictionary .modal-content{width:80%;height:80%;overflow-y:initial;grid-template-columns:20% 1fr;display:grid}.dictionary-side-panel{flex-direction:column;display:flex}#dictionary input[type=radio]{display:none}#dictionary label,#dictionary .dictionary-language-buttons button{cursor:pointer;transition:background-color .2s}#dictionary input:checked+label,#dictionary .dictionary-language-buttons button.active{background-color:var(--white);color:var(--bg);font-weight:500}#dictionary label:hover,#dictionary .dictionary-language-buttons button:hover{color:var(--bg);background-color:#ffffff85}#dictionary .dictionary-side-panel label,#dictionary .dictionary-language-buttons button{text-align:center;border-radius:0;padding-left:.5em;padding-right:.5em;font-size:2rem;line-height:4rem}#dictionary .dictionary-buttons{margin-top:auto}#dictionary .dictionary-language-buttons{display:flex}#dictionary .dictionary-language-buttons button{background:0 0;width:100%}#dictionary .dictionary-close-button{margin:.5rem auto;width:100%!important}.dictionary-header-level1 input[type=radio],.dictionary-header-level2 input[type=radio],.dictionary-header-level3 input[type=radio]{visibility:hidden;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;overflow:hidden;position:absolute!important}.dictionary-header-level1 input[type=radio]:checked+label,.dictionary-header-level2 input[type=radio]:checked+label,.dictionary-header-level3 input[type=radio]:checked+label{background-color:var(--white);color:var(--bg);font-weight:500}.dictionary-header-level1 label:hover,.dictionary-header-level2 label:hover,.dictionary-header-level3 label:hover{cursor:pointer;color:var(--bg);background-color:#ffffff85}.dictionary-content{box-sizing:border-box;height:100%;padding-left:2rem;padding-right:2rem;overflow-y:auto}.dictionary-header-level1,.dictionary-header-level2,.dictionary-header-level3{flex-wrap:wrap;justify-content:space-evenly;gap:20px;margin-top:1rem;margin-bottom:1rem;display:flex}.dictionary-header-level1 label,.dictionary-header-level2 label,.dictionary-header-level3 label{border-radius:1em;padding-left:1em;padding-right:1em;line-height:2.5rem;transition:background-color .2s}.dictionary-header-level1 label{font-size:2rem}.dictionary-header-level2 label{font-size:1.25rem}.dictionary-header-level3 label{font-size:1rem}.dictionary-text-box{margin-top:2rem;font-size:2.15rem}.dictionary-text-box table{border-collapse:collapse;width:100%;font-size:2rem}.dictionary-text-box td{border-top:1px solid #ffffff85;border-right:1px solid #ffffff85;padding:1rem}.dictionary-text-box th{text-align:left;padding:1rem}.dictionary-text-box table tr:first-child td{border-top:none}.dictionary-text-box table tr td:last-child{border-right:none}.dictionary-text-box thead{background-color:var(--white);color:var(--bg)}.dictionary-text-box table td:first-child{padding-left:2rem}.dictionary-content::-webkit-scrollbar{width:6px}.dictionary-content::-webkit-scrollbar-track{background:0 0}.dictionary-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:10px}.dictionary-content::-webkit-scrollbar-thumb:hover{background-color:#fff9}@media only screen and (device-width>=768px) and (device-width<=1180px) and (display-mode:standalone){#dictionary .modal-content{width:87%}}@media only screen and (device-width>=768px) and (device-width<=1180px) and (display-mode:browser){#dictionary .modal-content{width:87%}#dictionary .dictionary-side-panel label,#dictionary .dictionary-language-buttons button{font-size:1.5rem;line-height:3.5rem}.dictionary-header-level1 label{font-size:1.5rem}.dictionary-header-level2 label{font-size:1.1rem}.dictionary-header-level3 label{font-size:.9rem}.dictionary-text-box{margin-top:1.25rem;font-size:1.75rem}.dictionary-text-box table{font-size:1.5rem}.dictionary-text-box td{padding:.5rem}.dictionary-text-box th{padding:.75rem}.dictionary-text-box table td:first-child{padding-left:1.25rem}}