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 .search-toggle{width:50px;border-radius:0}header .filter+.search-toggle{border-color:transparent}header button{height:100%;background:transparent;color:currentColor;border:0;border-left:1px solid var(--border-color);padding:10px}.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}.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;border-left:4px solid var(--accent-color);border-right:4px solid var(--accent-color)}@media (max-width: 359px){.match{grid-template-areas:"coords coords coords" "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{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{grid-area:team1;text-align:right}.team-2{grid-area:team2}.referee{padding:0 5px;display:flex;align-items:center;align-self:stretch;grid-area:referee;justify-self:end;min-height:21px}.referee.my-team{background:var(--accent-color);color:var(--accent-color-contrast)}.referee small:before{content:"referee:";vertical-align:text-top;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;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}.groups{padding-bottom:60px}.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}}.editButton{display:flex;padding:15px;position:fixed;bottom:65px;right:10px;background-color:var(--secondary-color);color:var(--secondary-color-contrast);border:0;box-shadow:0 2px 10px #000;z-index:10;box-sizing:border-box;border-radius:50%}.editButton svg{width:24px;height:24px}.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)}}.splash{margin:auto;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:10px;gap:20px;background-image:url(/assets/splash-C6F8FETR.jpg);background-position:center center;background-size:cover;position:relative}.splash:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:contrast(.4) brightness(1.4)}.splash svg{--primary-color: #0d318c;--secondary-color: #0d318c;width:60%;position:relative;filter:drop-shadow(0 0 10px white)}@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(--tournament-color);color:var(--tournament-color-contrast);position:relative}.team-name.my-team{background:var(--accent-color);color:var(--accent-color-contrast)}.round-robin .team-name.my-team:after{background-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:var(--neutral-color);border-radius:0 4px 0 0}.points{padding:5px 10px;text-align:center}.stat{padding:5px 10px;text-align:right}.tabs{height:auto;border:0}.tabs a{color:var(--neutral-color-contrast);text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:700;padding:7px;border-bottom:2px solid transparent}.tabs a:not(.is-active){background-color:var(--neutral-color);border-bottom:2px solid var(--border-color)}.tournament-title{padding:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"prev title next";background-color:var(--accent-color);color:var(--accent-color-contrast);position:sticky;top:0}.tournament-title span{padding:9px 10px;display:block;grid-area:title}.tournament-title .go-to{height:100%;background:transparent;color:currentColor;border:0;border-radius:0;padding:9px 15px;width:50px}.tournament-title .go-to-prev{border-right:1px solid var(--border-color)}.tournament-title .go-to-next{border-left:1px solid var(--border-color)}:root{--header-height: 50px;--primary-color: #222;--primary-color-contrast: #fff;--secondary-color: #7a35d2;--secondary-color-contrast: #fff;--accent-color: #ffeb3b;--accent-color-contrast: #222;--page-color: #fff;--page-color-contrast: #213547;--neutral-color: #eee;--neutral-color-contrast: #213547;--border-color: color-mix(in srgb, transparent, currentColor 25%);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;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:var(--primary-color)}body{background-color:var(--page-color);color:var(--page-color-contrast);margin:0;min-width:320px;min-height:100vh}main{display:grid;grid-template-rows:auto 1fr auto;height:100dvh}section{overflow:auto}h2{padding:10px 10px 8px;font-size:1.25em;margin:0;box-sizing:border-box;background-color:var(--secondary-color);color:var(--secondary-color-contrast);border-bottom:2px solid var(--border-color)}h4{margin:5px 0 0;padding:3px 10px}button{padding:5px 10px;background-color:#757575;border:1px solid #444;color:#fff;border-radius:3px}button[disabled]{opacity:.6;border-color:transparent}.is-home{--accent-color: var(--secondary-color);--accent-color-contrast: var(--secondary-color-contrast)}footer{background-color:var(--primary-color);color:var(--primary-color-contrast);position:relative}menu{border-top:2px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));margin:0;padding:0}menu>button{background-color:transparent;border:0;display:flex;flex-direction:column;gap:4px;border-radius:0}menu>button big{font-size:24px}menu>button svg{height:24px}menu>button span{font-size:.7em}.login{position:absolute;width:100%;bottom:100%;left:0;display:grid;z-index:20}.login>div{overflow:hidden}.login:not(.is-visible){display:none}.list{border-left:3px solid var(--accent-color);margin-bottom:2px}.list h3{padding:2px 10px;font-size:.8em;margin:0;text-align:right;background-color:var(--accent-color);color:var(--accent-color-contrast);top:0;position:sticky}.teams-overlay label{display:flex;padding:4px 10px}.teams-overlay label input{margin-right:6px}.my-teams{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:sticky;bottom:0;width:100%;box-sizing:border-box;background-color:var(--neutral-color)}.my-teams small{overflow:hidden;text-overflow:ellipsis}.my-teams span+span:before{content:", "}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}aside{width:66vw;min-width:240px;background:var(--page-color);color:var(--page-color-contrast);position:fixed;top:0;right:0;bottom:0;overflow:auto;overscroll-behavior:contain;box-shadow:0 0 250px #333;transform:translate(0);transition:all ease .2s;z-index:40;display:grid;grid-template-rows:auto 1fr auto}aside h2{background-color:var(--accent-color);color:var(--accent-color-contrast)}aside label,aside a{display:block;font-size:.8em;margin:0;padding:8px 10px}aside a:before{content:"→ "}aside:not(.is-visible){transform:translate(110%);box-shadow:0 0 #333}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:15}:not(.is-visible)+.backdrop{display:none}