:root{--header-height: 50px;--primary-color: #002856;--primary-color-contrast: #fff;--secondary-color: #da6900;--secondary-color-contrast: #fff;--accent-color: #ffeb3b;--accent-color-contrast: currentColor;--page-color: #fff;--neutral-color: #eee;--border-color: #0002}body{background-color:var(--page-color)}header{background-color:var(--primary-color);color:var(--primary-color-contrast);position:sticky;top:0;height:var(--header-height);display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"main . .";align-items:center;box-sizing:border-box;z-index:30}header h1{font-size:1.5em;margin:0 10px;grid-area:main}header .searchToggle{text-indent:-1000em;position:relative;display:flex;align-items:center;justify-content:center;width:50px}header .searchToggle:after{content:"";width:12px;height:12px;display:block;border:1px solid currentColor;border-radius:50%;margin:5px;transform:rotate(45deg) translate(-3px);transition:all ease .1s}header .searchToggle:before{position:absolute;content:"";width:12px;height:0;display:block;border-top:2px solid currentColor;transform:rotate(45deg) scaleX(.8) translate(10px);transition:all ease .1s}header .searchToggle.is-open{border-color:transparent}header .searchToggle.is-open:after{transform:rotate(45deg) translate(0);width:0;border-radius:0}header .searchToggle.is-open:before{transform:rotate(45deg) scaleX(1.166) translate(0)}header button{height:100%;background:transparent;color:currentColor;border:0;border-left:1px solid var(--border-color);padding:10px}h2{padding:10px;font-size:1.25em;margin:0;background-color:var(--secondary-color);color:var(--secondary-color-contrast)}.sectionTitle{padding:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"prev title next"}.sectionTitle span{padding:10px;display:block;grid-area:title}.sectionTitle .goTo{height:100%;background:transparent;color:currentColor;border:0;padding:10px 15px}.sectionTitle .goToPrev{border-right:1px solid var(--border-color)}.sectionTitle .goToNext{border-left:1px solid var(--border-color)}h3{font-size:1.1em;padding:10px;margin:0;background-color:var(--neutral-color)}h3.tab{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:center;text-align:center;padding:0;margin-bottom:10px}h3.tab span{padding:7px;align-self:stretch;border-bottom:2px solid var(--border-color)}h3.tab .is-active{background-color:var(--page-color);border-color:transparent}h4{margin:5px 0 0;padding:3px 10px}section{padding-bottom:30px}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:15}aside{width:66vw;min-width:240px;background:#fff;position:fixed;top:var(--header-height);right:0;bottom:0;overflow:auto;box-shadow:0 0 250px #333;transform:translate(0);transition:all ease .2s;z-index:20;display:grid;grid-template-rows:auto 1fr auto}aside h3{text-decoration:underline}aside:not(.is-open){transform:translate(110%);box-shadow:0 0 #333}button{padding:5px 10px;background-color:#757575;border:1px solid #444;color:#fff;border-radius:3px}button[disabled]{opacity:.6;border-color:transparent}.filter{padding:10px;grid-area:main;width:100%;box-sizing:border-box;bottom:0;background-color:inherit}.filter input{width:100%;padding:4px;box-sizing:border-box}.loading{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--page-color);z-index:100;gap:10px}.loading:after{display:block;content:"";width:30px;height:30px;border:5px solid transparent;border-left-color:var(--primary-color);border-right-color:var(--secondary-color);border-radius:50%;box-sizing:border-box;animation:rotate 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}form[role=login]{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;align-items:center;background-color:var(--secondary-color);color:var(--secondary-color-contrast);border-top:2px solid var(--border-color)}form[role=login] label{display:block}form[role=login] label[aria-roledescription=email]{grid-column:span 2}form[role=login] input{display:block;width:100%;box-sizing:border-box;padding:6px;border:0}.logged-user{padding:10px;border-top:2px solid var(--border-color);background-color:var(--secondary-color);color:var(--secondary-color-contrast)}.user{font-size:.75em;display:flex;justify-content:space-between;margin-bottom:5px}.match{grid-template-areas:"coords coords coords referee referee referee referee referee" "team1 team1 team1 score1 score2 team2 team2 team2" "description description description description description description description description";grid-column:1 / 9;grid-row:span 3;align-items:center;display:grid;grid-template-columns:subgrid;margin-top:10px;background-color:var(--neutral-color);border-radius:6px;overflow:hidden}@media (max-width: 359px){.match{grid-template-areas:"time location code" "team1 team1 score1" "team2 team2 score2" "referee referee referee" "description description description";grid-column:1 / 4;grid-row:span 5}.team-2,.code{text-align:right}}.code{padding:0 5px;grid-area:code}.location{padding:0 5px;grid-area:location}.coords{padding:0 5px;grid-area:coords}.time{grid-area:time;padding:0 5px}.team{background:var(--secondary-color);color:var(--secondary-color-contrast);padding:5px;overflow:hidden;text-overflow:ellipsis}.team.my-team{background:var(--accent-color);color:var(--accent-color-contrast)}.team.is-winner{font-weight:700}.team-1{text-align:right;grid-area:team1}.team-2{grid-area:team2}.referee{padding:0 5px;display:flex;align-items:center;align-self:stretch;grid-area:referee;justify-self:end}.referee.my-team{background:var(--accent-color);color:var(--accent-color-contrast)}.referee:before{content:"referee: ";padding-right:.3em;font-size:smaller;font-style:italic}.score{min-width:2.5em;min-height:1.5em;background:#fff9;padding:2px 4px;box-sizing:border-box;border:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.score.is-winner{font-weight:700}.score-1{grid-area:score1}.score-2{grid-area:score2}.description{grid-area:description;background-color:var(--neutral-color);padding:0 5px;white-space:normal}.score-input{min-width:46px;width:calc(100% - 4px);background:var(--page-color);padding:0 2px;margin:0 2px;height:30px;border:1px solid currentColor;box-sizing:border-box}.score-input.is-changed{border:2px solid red}.matches{display:grid;align-items:center;padding:5px;white-space:nowrap;overflow-x:auto;font-size:.9em;margin-bottom:20px;grid-template-columns:1fr 1fr 1fr minmax(50px,min-content) minmax(50px,min-content) 1fr 1fr 1fr}.matches:empty:after{content:"Nothing to show here";padding:5px}@media (max-width: 359px){.matches{grid-template-columns:min-content auto minmax(50px,min-content)}}@media (min-width: 800px){.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:0 16px}}.utils{display:flex;gap:5px;justify-content:space-between;padding:10px;position:fixed;bottom:0;background-color:var(--neutral-color);border-top:2px solid var(--border-color);width:100%;z-index:10;box-sizing:border-box}nav{overflow:scroll;overscroll-behavior:contain}nav h2{font-size:1em}nav h3{font-size:.8em;margin:0}@media (min-width: 800px){.rankings{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:0 20px}}.ranking{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:1px;align-items:center;padding:5px;white-space:nowrap;overflow-x:auto;font-size:.9em;margin-bottom:20px}.ranking-header{font-weight:700;font-size:.9em;padding:5px}.rank{padding:5px 10px;font-weight:700;text-align:center;background-color:var(--neutral-color)}.team-name{padding:5px;background-color:var(--secondary-color);color:var(--secondary-color-contrast);position:relative}.team-name.my-team{background-color:var(--accent-color);color:var(--accent-color-contrast)}.round-robin .team-name:after{content:"";position:absolute;display:block;bottom:0;left:0;width:var(--score);height:3px;background-color:#fff;border-radius:0 4px 0 0}.points{padding:5px 10px;text-align:center}.stat{padding:5px 10px;text-align:right}.my-team-input{padding:10px;white-space:nowrap;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-top:2px solid var(--border-color);position:fixed;bottom:0;width:100%;box-sizing:border-box;background-color:var(--neutral-color)}.my-team-input small{overflow:hidden;text-overflow:ellipsis}.my-team-input span+span:before{content:", "}.logo{width:60vw;margin:auto;height:50vh;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:20px}.teams-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--page-color);z-index:40;display:grid;grid-template-rows:auto 1fr auto}.teams-overlay header{padding:10px;font-weight:700}.teams-overlay .teams{overflow:auto;padding:10px 0 80px}.teams-overlay label{display:block;padding:3px 10px}.teams-overlay footer{position:sticky;bottom:0;padding:10px;width:100%;box-sizing:border-box;background-color:var(--neutral-color);border-top:2px solid var(--border-color);text-align:right}:root{font-family:Noto Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-optical-sizing:auto;font-variation-settings:"wdth" 100;color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}