:root{color:#282828;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Oxygen,Droid Sans,Helvetica Neue;line-height:1.5;font-weight:300;font-style:normal;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;font-size:1.3rem}html{line-height:1.15;-webkit-text-size-adjust:100%}body,*{margin:0;padding:0}body{font-size:16px;background-color:#f5f5f5}body>header{position:sticky;top:0;z-index:100;padding:0;margin:0;color:#fff;background-color:#d85722;min-height:45px}body>header>a{display:block;max-width:680px;margin:0 auto}body>header #identity{margin:.8em 1em .5em;height:40px;width:auto;color:#fffc}body>header #identity path{fill:currentColor}main{margin:0 auto;max-width:680px}#tmnt-list{display:flex;flex-direction:column;gap:16px;margin:0 1em}#tmnt-list>a{background-color:#fff;border:1px solid #efefef;border-radius:16px;padding:.8em;cursor:pointer;transition:background-color .2s ease;display:grid;grid-template-areas:"icon title" "icon location" "icon date";grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:0em 1em;align-items:start}#tmnt-list>a:hover{background-color:#e0e0e0}#tmnt-list>a>h2{grid-area:title;font-size:1.5em;font-weight:300;color:#000;line-height:1.2}#tmnt-list>a>.icon{grid-area:icon;align-self:start}#tmnt-list>a>h3{grid-area:location;font-size:1.2em;color:#555;font-weight:400;margin:0;align-self:center}#tmnt-list>a>time{grid-area:date;font-size:.8em;color:#555;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tmnt-details{position:sticky;top:45px;z-index:90;padding:2em;background:#fff;border:1px #efefef solid;border-bottom:2px solid #efefef;margin-bottom:0;display:grid;grid-template-columns:100px 1fr;grid-template-areas:"image title" "image venue" "image address";gap:0 1em;align-items:start}#tmnt-details>img{grid-area:image;width:100px;height:100px;object-fit:cover;border-radius:12px;margin:0}#tmnt-details>h2{font-weight:300;grid-area:title;margin:0;align-self:start}#tmnt-details>h3{color:#555;font-weight:400;grid-area:venue;margin:.5em 0}#tmnt-details>p{grid-area:address;margin:0}#tmnt-matches>nav{position:sticky;top:219px;z-index:85;background:#f5f5f5f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #efefef;margin-left:.5em}#tmnt-match-list{list-style:none;padding:1rem 0;margin-top:1rem;display:flex;flex-direction:column;gap:1rem}#tmnt-match-list li{padding:0;margin:0}#tmnt-match-list section{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"match-info match-teams" "meta meta";gap:1rem;align-items:start;background:#f9f9fb;border-radius:16px;padding:1rem;box-shadow:0 1px 2px #0000000d}#tmnt-match-list section.match-item.forfeit{opacity:.6;border:1px dotted rgba(255,0,0,.7)}#tmnt-match-list section.match-item.stg-final:not(.forfeit){border:3px solid rgba(0,140,81,.1)}#tmnt-match-list section.match-item.stg-final:not(.forfeit) .team,#tmnt-match-list section.match-item.stg-final:not(.forfeit) time{font-size:1.1rem}#tmnt-match-list section.match-item.stg-final:not(.forfeit) footer{color:#000}.match-info{grid-area:match-info;display:flex;flex-direction:column;align-items:center;gap:.25rem;justify-self:center}.match-info>time{font-weight:600;font-size:.95rem;color:#222}.match-info>em{font-size:.75rem;color:#666;font-weight:500;font-style:italic;text-decoration:dotted}.match-info .field{font-size:.8rem;color:#666;font-style:normal}.match-teams{grid-area:match-teams;display:flex;flex-direction:column;gap:.5rem}.match-teams>.team{display:flex;align-items:center;gap:.5em;font-size:.9rem}.match-teams>.team .score{font-weight:700}.match-teams>.team .name{color:#111;font-weight:300;text-transform:capitalize}#tmnt-match-list section footer.meta{grid-area:meta;font-size:.75rem;color:#888;text-transform:capitalize}nav{display:flex;gap:.5em;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;margin-bottom:0;padding:.5em 1em;scrollbar-width:none;-ms-overflow-style:none}nav>button{flex-shrink:0;white-space:nowrap;padding:.4em 1.1em;border:none;border-radius:22px;background:#eee;cursor:pointer;scroll-snap-align:start;font-size:.9em;transition:all .2s ease;background-color:#fff;color:#333}nav>button.active{background-color:#b85a3e;color:#fff}.tabs::-webkit-scrollbar{display:none}.period{border-radius:5px;padding:.2em .6em;font-size:.6rem;width:fit-content;align-self:flex-start;margin-left:2em;text-transform:uppercase;font-weight:500}.period-1st-half,.period-2nd-half{background-color:#32ade533;color:#000}.period-full-time{background-color:#32ade5;color:#fff}.period-forfeit{background-color:red;color:#fff}.period-half-time{background-color:#bfe0f6;color:#000}@media (max-width: 768px){body>header{min-height:60px}body>header #identity{margin:1em 1em .8em;height:35px}#tmnt-details{top:60px;padding:1.5em 1em;grid-template-columns:80px 1fr;gap:0 1em}#tmnt-details>img{width:80px;height:80px}#tmnt-matches>nav{top:218px}.tabs{padding:.75em 1em;gap:.75em}.tabs>button{padding:.75em 1.5em;font-size:.95em}body>header>a,main{max-width:100%;margin:0}#tmnt-match-list section{gap:.75rem;padding:.875rem}.match-info{gap:.2rem}.match-info>time{font-size:.9rem}.match-info>em{font-size:.7rem}.match-info .field{font-size:.75rem}.match-teams>.team{font-size:.75rem}.match-teams>.team .score{font-weight:700}.phase{font-size:.6rem;padding:.15em .5em;margin-left:1.5em}#tmnt-match-list section footer.meta{font-size:.7rem}}@media (max-width: 480px){body>header{min-height:55px}body>header #identity{margin:.8em .75em .6em;height:30px}#tmnt-details{top:55px;padding:1em .75em;grid-template-columns:70px 1fr;gap:0 .75em}#tmnt-details>img{width:70px;height:70px}#tmnt-details>h2{font-size:1.3em}#tmnt-details>h3{font-size:1.1em}#tmnt-matches>nav{top:210px;margin-left:0}.tabs{padding:.5em .75em;gap:.5em}.tabs>button{padding:.5em 1em;font-size:.85em}#tmnt-match-list{padding:.75rem 0;gap:.75rem;margin:0 1em}#tmnt-match-list section{gap:.5rem;padding:.75rem}.match-info{gap:.15rem}.match-info>time{font-size:.85rem;font-weight:600}.match-info>em{font-size:.65rem}.match-info .field{font-size:.7rem}.match-teams{gap:.3rem}.match-teams>.team{font-size:.75rem;gap:.4em}.match-teams>.team .score{font-weight:700;font-size:.75rem}.match-teams>.team .name{font-weight:400}.phase{font-size:.55rem;padding:.15em .4em;margin-left:1.2em}#tmnt-match-list section footer.meta{font-size:.65rem;margin-top:.25rem}}@media (max-width: 360px){#tmnt-details{padding:.75em .5em;grid-template-columns:60px 1fr;gap:0 .5em}#tmnt-details>img{width:60px;height:60px}.tabs{padding:.4em .5em}.tabs>button{padding:.4em .8em;font-size:.8em}#tmnt-match-list section{padding:.5rem;gap:.4rem}.match-info>time{font-size:.8rem}.match-info>em{font-size:.6rem}.match-info .field{font-size:.65rem}.match-teams>.team{font-size:.7rem;gap:.3em}.match-teams>.team .score{font-size:.7rem}.phase{font-size:.5rem;padding:.1em .3em;margin-left:1em}#tmnt-match-list section footer.meta{font-size:.6rem}}