@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}:root{--grass:#1a6b3a;--grass-lt:#228b4a;--pitch:#0f1f14;--chalk:#f5f0e8;--gold:#e8b84b;--red:#c0392b;--card-bg:#fff;--border:#e2e8e4;--text:#1a2420;--muted:#6b7c74}*{box-sizing:border-box}body{background:var(--chalk);color:var(--text);min-height:100vh;font-family:Barlow,sans-serif}h1,h2,h3,.condensed{font-family:Barlow Condensed,sans-serif}.pitch-header{background:var(--pitch);background-image:repeating-linear-gradient(90deg,#0000,#0000 60px,#ffffff04 60px 61px),repeating-linear-gradient(0deg,#0000,#0000 60px,#ffffff04 60px 61px)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:2px 8px;font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700}.badge-premier{background:var(--gold);color:var(--pitch)}.badge-rec{background:var(--grass);color:#fff}.badge-boys{color:#fff;background:#1a4a7a}.badge-girls{color:#fff;background:#7a1a4a}.standings-table{border-collapse:collapse;width:100%;font-size:.9rem}.standings-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;border-bottom:2px solid var(--border);background:#f8faf9;padding:8px 12px;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700}.standings-table th:first-child{text-align:left}.standings-table td{text-align:center;border-bottom:1px solid var(--border);padding:10px 12px}.standings-table td:first-child{text-align:left;font-weight:600}.standings-table tr:last-child td{border-bottom:none}.standings-table tr:hover td{background:#f0f6f2}.standings-table .rank{color:var(--muted);font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800}.standings-table .pts{color:var(--grass);font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800}.standings-table tr:first-child .pts{color:var(--gold)}.standings-table tr:first-child td{background:#fffdf5}.match-card{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.match-card:last-child{border-bottom:none}.match-card:hover{background:#f8faf9}.match-score{color:var(--pitch);text-align:center;min-width:60px;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:800}.match-team{font-size:.9rem;font-weight:600}.match-team.home{text-align:right}.match-team.away{text-align:left}.match-meta{color:var(--muted);letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-size:.75rem}.filter-select{border:1px solid var(--border);color:var(--text);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7c74' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:6px;padding:8px 32px 8px 12px;font-family:Barlow,sans-serif;font-size:.875rem}.filter-select:focus{border-color:var(--grass);outline:none;box-shadow:0 0 0 3px #1a6b3a26}.search-input{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;padding:10px 16px;font-family:Barlow,sans-serif;font-size:.95rem}.search-input:focus{border-color:var(--grass);outline:none;box-shadow:0 0 0 3px #1a6b3a26}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s forwards fadeIn}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}