:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#243e34;background:#f7f7f2;font-synthesis:none;--green:#234c3e;--muted:#767d73;--line:#e4e6dc}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c17b42;outline-offset:4px}button{color:inherit}a{color:inherit}svg{width:20px;height:20px;flex-shrink:0}button{border:0;background:none}h1,h2,p{margin:0}h2{font-size:22px;letter-spacing:-.6px}button,a{touch-action:manipulation}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#eeefe7;padding:42px 26px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-1.3px;font-weight:750;text-decoration:none;display:flex;align-items:center;white-space:nowrap;gap:8px}.brand-icon svg{width:27px;height:27px}.brand-dot{color:#9aa780;margin-left:-8px}.sidebar-caption{font-size:11px;letter-spacing:2px;color:#8c9584;margin:44px 14px 16px}.sidebar nav{display:grid;gap:9px}.sidebar nav button{display:flex;align-items:center;gap:15px;padding:15px 17px;border-radius:10px;text-align:left;color:#727c6d;font-size:16px}.sidebar nav button.active{background:#dfe5d5;color:var(--green);font-weight:650}.sidebar-bottom{margin-top:auto}.sidebar-bottom p{font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.6;color:#727f6a;margin:25px 5px}.sidebar-bottom>span{font-size:10px;letter-spacing:1.6px;color:#929a89}.mini-pitch{height:85px;width:145px;border:1px solid #cad0bc;position:relative;margin-left:10px;opacity:.6}.mini-pitch:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #bac5b0}.mini-pitch:after{content:'';position:absolute;width:35px;height:35px;border:1px solid #bac5b0;border-radius:50%;left:calc(50% - 18px);top:calc(50% - 18px)}main{max-width:1510px;margin-left:245px;padding:0 50px}header{height:95px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:13px;color:#7d8578;letter-spacing:.5px}.about-button{display:flex;gap:9px;align-items:center;font-size:14px;letter-spacing:0}.greeting{padding:41px 0 27px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:#7b896f;margin-bottom:13px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.6vw,53px);font-weight:400;letter-spacing:-2px;line-height:1.15}.greeting>p:last-child{font-size:16px;color:var(--muted);margin-top:13px}.demo-notice{display:flex;align-items:center;gap:12px;background:#eeeee4;border:1px solid #e4e5d7;border-radius:8px;padding:12px 14px;font-size:13px;color:#777c69}.demo-pill{font-size:10px;letter-spacing:1px;color:#68735b;border:1px solid #cbd0ba;border-radius:4px;padding:4px 6px;font-weight:650}.demo-notice button{margin-left:auto;white-space:nowrap;font-size:13px;text-decoration:underline;text-underline-offset:3px}.filters{display:flex;gap:10px;margin:27px 0 38px;flex-wrap:wrap}.filters button{border:1px solid #e0e4d9;border-radius:30px;padding:7px 13px 7px 7px;display:flex;align-items:center;gap:10px;font-size:14px;background:#fffefa}.filters button.selected{border-color:var(--green);background:var(--green);color:#fff}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:12px;font-weight:650;background:#e6ebdd;color:var(--green)}.avatar.cve{background:#f3dfd5;color:#a66d53}.avatar.premia{background:#dbe6ea;color:#567a8e}.filter-check{font-size:13px;margin-left:5px;color:#caddb8}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-title p{color:var(--muted);font-size:13px;margin-top:7px}.text-button{font-size:13px;display:flex;gap:10px;align-items:center;padding:8px 0;white-space:nowrap}.text-button svg{width:16px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.match-card{background:#fffefa;border:1px solid var(--line);border-radius:13px;padding:21px 23px 0;overflow:hidden}.match-card.featured{border-top:3px solid #71936b;padding-top:19px}.match-meta{display:flex;justify-content:space-between;font-size:12px;color:#8b8d80}.child-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:550}.coral{color:#a76d59}.blue{color:#527b92}.dot{width:6px;height:6px;background:currentColor;border-radius:50%}.match-day{display:flex;justify-content:space-between;font-size:15px;margin-top:23px;color:#5e685d}.match-day:first-letter{text-transform:uppercase}.match-day strong{color:#2c4538;font-size:18px;font-variant-numeric:tabular-nums}.versus{display:flex;align-items:center;justify-content:space-around;margin:24px 0 26px;gap:12px}.versus>div{display:flex;flex:1;align-items:center;flex-direction:column;gap:12px;text-align:center}.versus b{font-size:15px;font-weight:600}.versus>span{font-family:Georgia,serif;font-style:italic;font-size:15px;color:#a6ab9e}.crest{width:49px;height:55px;border-radius:9px 9px 18px 18px;display:grid;place-items:center;background:#f0e2d9;border:1px solid #e3cec0;font-family:Georgia,serif;font-size:15px;font-weight:bold;box-shadow:inset 0 0 0 4px #fff9}.crest.blue{background:#deeaed;border-color:#bfd1da}.crest.neutral{background:#e9ecdf;color:#7e8a71;border-color:#d6ddc8}.venue{display:flex;text-decoration:none;align-items:center;gap:9px;padding:15px 0;border-top:1px solid #eceee5;font-size:13px;color:#67705f}.venue>svg:first-child{width:15px}.venue>svg:last-child{width:15px;margin-left:auto}.venue small{display:block;font-size:11px;color:#929789;margin-top:4px}.quiet{display:flex;align-items:center;width:calc(100% + 46px);margin-left:-23px;padding:13px 23px;background:#f3f4ec;border-top:1px solid #e8ebde;font-size:12px;gap:8px}.quiet svg{width:14px;height:14px}.quiet>span{margin-left:auto;font-size:17px;color:#839078}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-top:43px}.results,.league-card{background:#fffefa;border:1px solid var(--line);border-radius:12px;overflow:hidden}.result-row{display:flex;align-items:center;gap:14px;padding:19px 17px;border-bottom:1px solid #eceee7}.result-row:last-child{border-bottom:0}.result-date{font-size:20px;color:#54654e;text-align:center;width:26px}.result-date small{display:block;font-size:11px;margin-top:4px;color:#93998b}.result-teams{min-width:0}.result-teams>small{font-size:11px}.result-teams b{display:block;font-size:12px;font-weight:550;margin-top:6px;line-height:1.5}.result-teams b span{color:#a7ac9f;padding:0 3px}.result-score{margin-left:auto;text-align:center;white-space:nowrap}.result-score strong{font-size:17px;letter-spacing:1px}.result-score small{display:block;font-size:10px;color:#918575;margin-top:6px}.result-score small.win{color:#5f7952}.league-tabs{display:flex;gap:5px;margin:13px;background:#f1f2e9;padding:4px;border-radius:7px}.league-tabs button{flex:1;padding:8px 3px;font-size:12px;color:#7b8371;border-radius:5px}.league-tabs button.selected{background:#fffefa;color:var(--green);box-shadow:0 1px 4px #273e3110}.league-info{padding:4px 16px 16px;display:grid;gap:5px}.league-info b{font-size:13px}.league-info span{font-size:11px;color:#8b9182}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:center;white-space:nowrap}th{font-weight:500}thead{color:#8b9281;background:#f5f6ee;font-size:10px}td,th{padding:10px 6px;border-bottom:1px solid #eceee4}td:first-child,th:first-child{padding-left:15px}th:nth-child(2){text-align:left;width:100%}tbody th{font-size:11px}tbody tr.own{background:#eaf0df}tbody tr.own th{font-weight:650}.points{font-weight:700;color:#2d4e36}.you{display:none}.table-key{font-size:10px;color:#919785;line-height:1.9;padding:12px 16px}.full{max-width:100%}.full table{font-size:16px}.full td,.full th{padding:18px}.full tbody th{font-size:16px}.full .league-info b{font-size:16px}.full .you{display:block;font-size:12px;color:#7e8b70;margin-top:5px}footer{border-top:1px solid var(--line);margin-top:43px;padding:25px 0 32px;display:flex;gap:20px;align-items:center;font-size:12px;color:#9a9f90}footer>span{font-size:15px;font-weight:700;color:#6f7d64;letter-spacing:-.6px}footer button{margin-left:auto;font-size:12px}.mobile-nav{display:none}dialog{border:1px solid var(--line);border-radius:20px;padding:36px;max-width:490px;width:calc(100% - 32px);background:#fffefa;color:var(--green);box-shadow:0 25px 80px #13271e22}dialog::backdrop{background:#17312366;backdrop-filter:blur(4px)}dialog h2{font:32px Georgia,serif;margin-bottom:18px}dialog p:not(.eyebrow){font-size:16px;line-height:1.7;color:#6d7767;margin-top:15px}.close{position:absolute;right:12px;top:8px;font-size:28px;padding:8px}.source-link{display:block;padding:14px 0;font-size:15px;border-bottom:1px solid var(--line)}.calendar-box{background:#fffefa;border:1px solid var(--line);border-radius:13px;padding:22px}.month-nav{display:flex;justify-content:space-between;align-items:center}.month-nav h2{text-transform:capitalize;font-size:20px}.month-nav button{font-size:30px;width:44px;height:44px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-top:20px}.month-grid>b{font-size:13px;color:#8a9380;padding:12px}.day{height:65px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px;font-size:16px;border-top:1px solid #eff0e8}.day>span:first-child{width:100%}.today>span:first-child{color:#244e3d;font-weight:bold;text-decoration:underline;text-underline-offset:5px}.calendar-dot{width:5px;height:5px;background:currentColor;border-radius:50%;margin-top:-20px}.calendar-matches{margin-top:25px}.empty{padding:25px;color:var(--muted)}@media(min-width:1450px){main{padding:0 70px}.match-card{padding-left:30px;padding-right:30px}.quiet{width:calc(100% + 60px);margin-left:-30px;padding-left:30px;padding-right:30px}}@media(max-width:1150px){.sidebar{width:205px;padding:35px 18px}.brand{font-size:21px}main{margin-left:205px;padding:0 30px}.lower-grid{grid-template-columns:1fr}.lower-grid>section{min-width:0}.result-teams b{font-size:14px}.result-row{padding:20px}.league-card table{font-size:14px}tbody th{font-size:14px}}@media(max-width:760px){.sidebar{display:none}main{margin:0;padding:0 21px}header{height:68px;font-size:12px}.about-button span{display:none}.about-button{border:1px solid #cbd1c1;border-radius:50%;width:24px;height:24px;justify-content:center;font:italic 14px Georgia}.greeting{padding:32px 0 23px}h1{font-size:39px;letter-spacing:-1.8px;max-width:340px}.eyebrow{font-size:11px;letter-spacing:1.7px}.greeting>p:last-child{font-size:14px;line-height:1.6;max-width:290px}.demo-notice{align-items:flex-start;padding:12px;gap:9px}.demo-notice p{font-size:12px;line-height:1.5;flex:1}.demo-notice button{font-size:0;width:15px;padding:3px 0}.demo-notice button:after{content:'↗';font-size:15px}.demo-pill{font-size:9px;padding:4px}.filters{gap:7px;margin:23px 0 31px;flex-wrap:nowrap}.filters button{font-size:12px;gap:6px;padding:5px 9px 5px 5px;white-space:nowrap}.avatar{width:25px;height:25px;font-size:11px}.filter-check{display:none}.match-grid{grid-template-columns:1fr;gap:17px}h2{font-size:21px}.section-title{gap:8px;margin-bottom:17px}.section-title p{font-size:12px}.text-button{font-size:12px;gap:5px}.text-button svg{width:13px}.match-card{padding:20px 23px 0}.match-meta{font-size:12px}.match-day{margin-top:20px;font-size:15px}.versus{margin:22px 0 25px}.crest{width:48px;height:53px}.versus b{font-size:15px}.venue{font-size:13px}.quiet{font-size:13px;padding-top:14px;padding-bottom:14px}.lower-grid{margin-top:34px;gap:32px}.result-teams b{font-size:12px}.result-row{gap:13px;padding:18px 14px}.result-score strong{font-size:17px}.full table{font-size:13px}.full tbody th{font-size:13px}.full td,.full th{padding:13px 8px}.calendar-box{padding:13px}.month-grid>b{padding:10px}.day{height:50px}.calendar-matches{margin-top:18px}footer{margin-top:32px;padding:23px 0 112px;gap:12px;flex-wrap:wrap}footer p{font-size:11px}footer button{width:100%;margin:5px 0 0;text-align:left;padding:0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#fafbf4ed;border-top:1px solid #dfe4d5;backdrop-filter:blur(20px);justify-content:space-around;z-index:5}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#929a87;min-width:70px;min-height:44px}.mobile-nav button.active{color:#234c3e;font-weight:650}.mobile-nav svg{width:21px;height:21px}dialog{padding:30px 24px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .18s,color .18s,opacity .18s}button:hover{opacity:.78}.match-card{animation:enter .35s ease-out}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(max-width:760px){.filters{flex-wrap:wrap}.filters button{min-height:38px}.about-button{min-width:32px;min-height:32px}.league-tabs button{min-height:36px}}
/* Second direction: a compact family matchbook, with an ink-green match face. */
:root{background:#f5f3ed;color:#172e25;--green:#153f32;--muted:#777e73;--line:#dedfd5}.sidebar{display:none}main{max-width:1100px;margin:0 auto;padding:0 48px}header{height:100px;border-bottom:1px solid #dadfd1}.header-wordmark{font-size:25px;font-weight:800;color:#173f31;letter-spacing:-1.4px}.header-wordmark>span{font-size:12px;vertical-align:top;margin:4px;display:inline-block}.greeting{padding:48px 0 28px}.eyebrow{font-size:12px;letter-spacing:1.6px;color:#69816d}h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:62px;font-weight:700;letter-spacing:-3.7px;line-height:1.04}.greeting>p:last-child{font-size:16px;color:#768071;margin-top:18px}.demo-notice{border:0;padding:0;background:none;gap:9px;color:#878c7e;font-size:12px}.demo-pill{border:0;background:#e6e7dc;font-size:10px;color:#70765f}.demo-notice button{font-size:12px}.filters{margin:30px 0 40px;gap:10px}.filters button{border:0;background:#e9eade;padding:7px 15px 7px 7px;font-size:15px}.filters button.selected{background:#d7e2cb;color:#254332}.avatar{background:#fbfaf5}.avatar.all{font-size:20px;font-weight:400}.filter-check{color:#345d41}.section-title{margin-bottom:19px}h2{font-size:23px;font-weight:650;letter-spacing:-.8px}.section-title p{font-size:11px;letter-spacing:1.4px;color:#85907c;margin-top:8px}.text-button{font-size:14px}.match-grid{gap:20px}.match-card,.match-card.featured{position:relative;border:0;background:#dfe5d2;border-radius:22px;padding:25px 26px 0;box-shadow:0 3px 5px #233d2410;isolation:isolate;overflow:hidden}.match-card.featured{background:#163f31;color:#f6f8ee}.match-card:before{content:'';position:absolute;width:240px;height:240px;right:-135px;top:84px;border:1px solid #8aa77d30;border-radius:50%;z-index:-1}.match-card:after{content:'';position:absolute;width:140px;height:140px;right:-85px;top:134px;border:1px solid #8aa77d30;border-radius:50%;z-index:-1}.match-meta{font-size:12px;color:inherit;align-items:center}.child-label{color:inherit;font-size:15px;font-weight:600;gap:10px}.child-label small{display:block;font-weight:400;font-size:12px;margin-top:4px;opacity:.55}.child-monogram{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#b8c9a3;color:#264b32;font-size:15px;border:3px solid #ffffff25}.featured .child-monogram{background:#e6b69c;color:#593c2b}.home-tag{border:1px solid #6a845340;border-radius:20px;padding:6px 10px;font-size:12px}.featured .home-tag{border-color:#b2c9a53d;color:#d4e0c9}.match-day{margin-top:38px;display:block;color:inherit}.match-day>span{font-size:14px;opacity:.65;text-transform:capitalize}.match-day strong{display:block;font-size:58px;color:inherit;font-weight:550;letter-spacing:-3px;margin-top:5px;line-height:1.1}.fixture-title{margin:22px 0 24px;display:flex;flex-direction:column;font-size:25px;line-height:1.25;letter-spacing:-.7px;font-weight:600}.fixture-title .opponent{font-size:23px;font-weight:400;opacity:.58;margin-top:3px}.match-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;opacity:.45;margin-bottom:19px}.venue{border-color:#7d987840;color:inherit;padding:17px 0;font-size:14px;gap:10px}.venue small{color:inherit;opacity:.5;font-size:11px}.venue>svg:first-child{width:17px}.quiet{background:#ffffff0c;border-color:#7d987830;color:inherit;width:calc(100% + 52px);margin-left:-26px;padding:16px 26px;font-size:13px}.quiet>span{color:inherit;opacity:.5}.lower-grid{gap:25px;margin-top:44px}.results,.league-card{background:#faf9f4;border:0;border-radius:18px}.result-row{padding:20px 18px;gap:15px;border-color:#e6e7dc}.result-date{font-size:24px;font-weight:350;color:#8b9680}.result-date small{font-size:11px}.result-teams>small{font-size:13px}.result-teams b{font-size:13px;line-height:1.6}.result-score strong{font-size:21px;letter-spacing:-.5px;font-weight:600}.result-score small{font-size:11px}.league-tabs{margin:15px;background:#e9ecdf;border-radius:9px}.league-tabs button{font-size:13px}.league-tabs button.selected{border-radius:6px}.league-info{padding:6px 18px 18px}.league-info b{font-size:14px}.league-info span{font-size:12px}.table-wrap td,.table-wrap th{padding-top:12px;padding-bottom:12px}thead{background:#edefe4}tbody th{font-size:12px}tbody tr.own{background:#dce8ce}.table-key{padding:15px 18px;font-size:11px}footer{padding-bottom:105px}.mobile-nav{display:flex;position:fixed;bottom:20px;left:50%;right:auto;transform:translateX(-50%);width:360px;padding:12px 15px;justify-content:space-around;gap:10px;background:#fafbf4ed;border:1px solid #dde2d3;border-radius:24px;backdrop-filter:blur(20px);box-shadow:0 8px 40px #253c2420;z-index:5}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#8a9580;min-width:75px;min-height:44px}.mobile-nav button.active{color:#1e4c38;font-weight:650}.mobile-nav svg{width:21px;height:21px}.about-button{font-size:13px}.calendar-box{border:0;border-radius:20px;background:#faf9f4}@media(max-width:1150px){.lower-grid{grid-template-columns:1fr 1fr}main{margin:0 auto;padding:0 32px}.result-teams b{font-size:12px}}@media(max-width:760px){main{padding:0 22px}header{height:79px}.header-wordmark{font-size:23px}.greeting{padding:34px 0 22px}h1{font-size:47px;letter-spacing:-2.8px;max-width:330px}.eyebrow{font-size:10px;letter-spacing:1.3px}.greeting>p:last-child{font-size:15px;line-height:1.6;max-width:290px;margin-top:14px}.demo-notice p{font-size:11px}.demo-notice{align-items:center;gap:6px}.demo-pill{font-size:9px;padding:4px 5px}.filters{margin:25px 0 32px;gap:6px;flex-wrap:wrap}.filters button{font-size:12px;padding:5px 10px 5px 5px;gap:6px;min-height:35px}.avatar{width:24px;height:24px}.avatar.all{font-size:18px}.section-title{margin-bottom:16px}h2{font-size:21px}.section-title p{font-size:10px;letter-spacing:1.2px}.text-button{font-size:12px}.match-grid{gap:18px}.match-card,.match-card.featured{padding:23px 24px 0;border-radius:20px}.match-day{margin-top:31px}.match-day strong{font-size:62px}.fixture-title{font-size:25px;margin:20px 0 24px}.fixture-title .opponent{font-size:23px}.quiet{width:calc(100% + 48px);margin-left:-24px;padding:16px 24px}.lower-grid{grid-template-columns:1fr;gap:33px;margin-top:35px}.result-teams b{font-size:13px}.result-row{padding:20px 16px}.result-score strong{font-size:22px}.mobile-nav{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 38px);max-width:390px;border-radius:23px;padding:11px}.mobile-nav button{font-size:12px}footer{padding-bottom:125px}.full td,.full th{padding:13px 8px}.full tbody th{font-size:13px}}
@media(max-width:760px){.demo-notice{min-width:0}.demo-notice p{flex:1;min-width:0;line-height:1.5}.demo-notice button{font-size:0;flex:0 0 18px;width:18px;margin-left:0}.demo-notice button:after{font-size:16px}.match-day>span{text-transform:none}}
.family-strip{display:flex;align-items:center;gap:22px;margin:30px 0 37px}.family-person{display:flex;gap:9px;align-items:center;padding:0;font-size:14px}.portrait{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;background:#e6b69c;color:#593c2b;font-size:15px;font-weight:600;overflow:hidden;flex-shrink:0;border:2px solid #f5f3ed}.portrait.joaquim{background:#bfd0dd;color:#395268}.portrait.lucas{background:#e0d29d;color:#61532a}.portrait img{width:100%;height:100%;object-fit:cover}.family-count{margin-left:auto;font-size:12px;color:#86917d}.avatar-stack{display:flex;align-items:center}.avatar-stack .portrait{border-color:#dfe5d2}.featured .avatar-stack .portrait{border-color:#163f31}.avatar-stack .portrait+.portrait{margin-left:-10px}.fixture-title{position:relative;padding-right:65px;min-height:65px}.team-shield{position:absolute;right:0;top:3px;width:51px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 4px #0002)}.league-info{margin-top:18px}.league-info b{display:flex;align-items:center;gap:10px}.league-shield{width:25px;height:29px;object-fit:contain}.league-info:not(:first-child){border-top:1px solid var(--line);padding-top:22px}.photo-picker{display:block;margin-top:22px;background:#e5eadb;border-radius:12px;padding:15px;font-size:16px}.photo-picker input{display:block;margin-top:12px;max-width:100%;font:inherit}.table-key+ .league-info{margin-top:0}@media(max-width:760px){.family-strip{gap:16px;margin:25px 0 32px;flex-wrap:wrap}.family-person{font-size:13px;gap:6px}.family-person .portrait{width:32px;height:32px}.family-count{display:none}.fixture-title{padding-right:58px;font-size:23px}.fixture-title .opponent{font-size:21px}.team-shield{width:44px;height:53px}}
.team-status{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #7d987840;padding:17px 0;margin:0 0 15px}.position{display:flex;align-items:center;gap:9px}.position>strong{font-size:30px;font-weight:550;letter-spacing:-1.2px;line-height:1}.position sup{font-size:16px;margin-left:2px}.position>span{font-size:12px;opacity:.65}.position small{display:block;margin-top:4px;font-size:11px}.form-heading{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:10px;opacity:.7;margin-bottom:7px}.form-heading small{font-size:10px;letter-spacing:0}.form-games{display:flex;gap:5px;justify-content:flex-end;padding-right:3px}.form-game{width:25px;height:25px;display:inline-flex;justify-content:center;align-items:center;border-radius:5px;font-size:13px;font-weight:750;color:white}.form-game.W{background:#21804e}.form-game.D{background:#ad791b}.form-game.L{background:#c44d46}.form-game.latest{outline:2px solid currentColor;outline-offset:2px}.featured .form-game.latest{outline-color:#d7e4cd}.match-card:not(.featured) .form-game.latest{outline-color:#2a4835}.league-card>.team-status{margin:0 18px 10px;border:0;padding-top:0}.league-card .form-game.latest{outline-color:#2a4835}.last-result-label{display:inline-block;margin-left:7px;font-size:10px;color:#6a795e;background:#e8eddf;border-radius:4px;padding:3px 5px}.result-score small.draw{color:#956e1d}.result-score small.loss{color:#b64e44}.venue-block{border-top:1px solid #7d987840;padding:17px 0}.venue-description{display:flex;align-items:center;gap:9px;font-size:14px}.venue-description svg{width:17px}.venue-description small{display:block;font-size:11px;margin-top:5px;opacity:.6}.directions-links{display:flex;gap:9px;margin-top:14px}.directions-links a{display:flex;gap:7px;align-items:center;justify-content:center;text-decoration:none;background:#ffffff18;border:1px solid #7d987840;border-radius:8px;padding:10px;flex:1;min-height:42px;font-size:12px}.directions-links a svg{width:14px;height:14px}.directions-links a:hover{background:#ffffff30}
main>header{margin-bottom:30px}.fixture-title{margin-bottom:10px;min-height:59px;display:flex;justify-content:center}.team-status{border-top:0;padding:0 0 17px;margin-bottom:18px;border-bottom:1px solid #7d987830}.opponent-name{font-size:20px;font-weight:550;letter-spacing:-.4px;margin-bottom:12px}.opponent-name>span{font-size:14px;font-weight:400;opacity:.55;margin-right:4px}.opponent-status .position>strong{font-size:23px}.opponent-status .position>span{font-size:11px}.opponent-status{margin-bottom:12px;padding-bottom:15px}.form-games{align-items:center;height:21px;gap:7px}.form-circle{display:inline-block;width:13px;height:13px;border-radius:50%;flex-shrink:0}.form-circle.W,.form-legend .W{background:#319b67}.form-circle.D,.form-legend .D{background:#d5a441}.form-circle.L,.form-legend .L{background:#d3625c}.form-circle.latest{outline:1px solid #2a4835;outline-offset:3px}.featured .form-circle.latest{outline-color:#d7e4cd}.form-legend{display:flex;align-items:center;gap:11px;font-size:10px;opacity:.7;margin:0 0 19px}.form-legend>span{display:flex;align-items:center;gap:4px}.form-legend i{width:5px;height:5px;border-radius:50%;display:inline-block}.form-legend small{margin-left:auto;font-size:10px}.match-bottom{margin-top:5px}.competition-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:0 0 25px;overflow-x:auto}.competition-tabs button{padding:12px 0 14px;white-space:nowrap;color:#7b8571;font-size:15px;border-bottom:2px solid transparent}.competition-tabs button.selected{border-color:#234c3e;color:#234c3e;font-weight:650}.team-empty-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.unavailable-card{background:#faf9f4;border-radius:18px;padding:24px}.unavailable-card h3{font-size:17px;margin:0 0 17px}.unavailable-card p{font-size:16px;line-height:1.7}.unavailable-card small{display:block;font-size:13px;line-height:1.7;color:#85907c;margin-top:10px}.unavailable-card a{display:inline-block;margin-top:23px;font-size:14px}.past-matches{margin-top:30px}.full .team-status{padding:0 18px 20px}.data-note{width:100%;font-size:12px;color:#8b917f}footer{flex-wrap:wrap}.day{padding:6px;flex-direction:column;gap:8px}.day-dots{height:9px;display:flex;gap:4px;align-items:center;justify-content:center}.day .calendar-dot{margin:0;width:6px;height:6px;display:inline-block}.has-match>span:first-child{color:#214e38;font-weight:700}.has-match{background:#e7eddf70}.selected-day{box-shadow:inset 0 0 0 1px #56764a;border-radius:8px}.calendar-legend{display:flex;gap:19px;justify-content:center;margin-top:22px;font-size:12px;color:#7b8671}.calendar-legend>span{display:flex;align-items:center;gap:6px}.calendar-legend .calendar-dot{margin:0;display:inline-block;width:6px;height:6px}.calendar-list-heading{display:flex;justify-content:space-between;margin-top:25px;font-size:16px;font-weight:550}.calendar-list-heading button{font-size:13px;font-weight:400}.calendar-matches{margin-top:16px}@media(max-width:760px){main>header{margin-bottom:25px}.fixture-title{font-size:24px;min-height:56px;margin-top:22px}.match-day{margin-top:25px}.competition-tabs{gap:17px}.competition-tabs button{font-size:14px}.team-empty-grid{grid-template-columns:1fr}.form-heading{font-size:10px}.calendar-legend{font-size:11px;gap:14px}.day{height:54px}.full .team-status{margin:0 8px 12px;padding:0 10px 18px}}
.mobile-nav{width:400px}.mobile-nav button{min-width:64px}.club-profile{display:flex;align-items:center;gap:14px;padding:21px;background:#e6ebdd;border-radius:17px;margin-bottom:22px}.club-profile>img{width:44px;height:51px;object-fit:contain}.club-profile h3{font-size:16px;margin:0 0 6px;letter-spacing:-.3px}.club-profile p{font-size:14px;color:#74826b}.club-profile>span{margin-left:auto;font-size:12px;color:#74826b}.instagram-shell{max-width:540px;margin:0 auto;background:#fffefa;border-radius:18px;overflow:hidden;border:1px solid #e0e4d7;padding:14px}.instagram-placeholder{text-align:center;padding:35px 15px;display:flex;align-items:center;flex-direction:column;gap:18px}.instagram-placeholder>svg{width:33px;height:33px;color:#667f5d}.instagram-placeholder h3{font-size:23px;letter-spacing:-.7px;margin:0}.instagram-placeholder p{font-size:15px;color:#7a8471;line-height:1.7;max-width:310px}.instagram-placeholder button{background:#234c3e;color:white;border-radius:10px;padding:14px 20px;font-size:15px}.instagram-placeholder small{font-size:12px;color:#909784;line-height:1.7;max-width:285px}.instagram-status{font-size:13px;color:#7a8471;line-height:1.7;max-width:540px;margin:18px auto}.instagram-fallback{display:block;font-size:14px;max-width:540px;margin:0 auto 25px}.instagram-media{margin:0 auto!important;max-width:100%!important;min-width:0!important;width:100%!important}.instagram-shell iframe{max-width:100%!important;min-width:0!important}@media(max-width:760px){.mobile-nav{width:calc(100% - 30px);max-width:400px;padding:11px 5px}.mobile-nav button{min-width:60px}.club-profile{padding:16px;gap:10px}.club-profile h3{font-size:16px}.club-profile>span{font-size:11px}.instagram-shell{padding:7px}.instagram-placeholder{padding:30px 14px}}
.club-feed-note{font-size:13px;line-height:1.6;color:#7a8471;margin:0 0 16px}
.instagram-shell{background:none;border:0;padding:0;overflow:visible}.club-post{background:#fffefa;border:1px solid #e0e4d7;border-radius:16px;overflow:hidden;padding:7px;margin-bottom:22px}.club-post-number{font-size:12px;color:#7a8471;padding:10px 8px 15px}.more-posts{display:block;width:100%;max-width:540px;background:#234c3e;color:#fff;border-radius:11px;min-height:46px;margin:20px auto;font-size:15px}
.squad-switcher{padding:16px 18px;background:#e8ecdf;border-radius:15px;margin:0 0 26px}.squad-switcher label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.squad-switcher label img{width:25px;height:30px;object-fit:contain}.squad-switcher label small{display:block;margin-top:3px;color:#7d8971;font-weight:400;font-size:12px}.squad-switcher select{display:block;width:100%;font:inherit;font-size:15px;margin-top:13px;min-height:44px;padding:9px 30px 9px 10px;border:1px solid #cbd4bf;border-radius:8px;background:#fafbf5;color:#234c3e}.squad-source{display:block;font-size:11px;color:#7d8971;line-height:1.6;margin-top:8px}.child-label small{max-width:230px;white-space:normal;line-height:1.5;font-size:11px}.fixture-title>span{font-size:22px;line-height:1.25}.venue-unknown{font-size:13px;line-height:1.6;opacity:.6;padding:15px 0;border-top:1px solid #7d987840}.snapshot-stats{display:flex;justify-content:space-around;margin:10px 16px 15px}.snapshot-stats span{font-size:12px;color:#7d8971;display:flex;flex-direction:column;align-items:center;gap:7px}.snapshot-stats b{font-size:23px;font-weight:550;color:#234c3e}.roster-card{padding:23px;border-radius:16px;background:#faf9f4}.roster-card h3{font-size:16px;line-height:1.4;margin:0 0 7px}.roster-card>p{font-size:14px;color:#7d8971;line-height:1.6}.roster-card ul{list-style:none;padding:0;margin:19px 0}.roster-card li{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #e4e7db;font-size:13px;line-height:1.5}.roster-card li b{white-space:nowrap}.roster-card>small{font-size:11px;color:#7d8971}@media(max-width:760px){.squad-switcher{padding:14px;margin-bottom:25px}.squad-switcher select{font-size:14px}.child-label{font-size:15px}.child-label small{max-width:195px}.fixture-title>span{font-size:21px}}
.avatar-stack .portrait{width:43px;height:43px}.avatar-stack .portrait img{object-position:50% 37%}.avatar-stack .portrait+.portrait{margin-left:-9px}
.teams-button{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px;background:#e8ecdf;border-radius:22px;padding:0 12px}.teams-button svg{width:18px;height:18px}.teams-button b{font-size:11px;font-weight:500;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#244b3b;color:#fff}.teams-dialog{padding:28px 24px;max-width:520px;max-height:90dvh;overflow:auto}.teams-panel .panel-description{font-size:14px;line-height:1.6;margin:0 0 22px}.teams-panel h2{margin-bottom:9px}.team-option{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #e1e6d8}.team-option>div{flex:1;min-width:0}.team-option b{display:block;font-size:14px;line-height:1.5;font-weight:600}.team-option small{display:block;font-size:12px;color:#78876c;line-height:1.6;margin-top:3px}.team-option em{display:block;font-size:11px;font-style:normal;color:#96a087;margin-top:3px}.team-option-avatar{width:35px;height:39px;display:grid;place-items:center;flex-shrink:0;background:#e7ecdf;color:#59734f;border-radius:8px;font-size:13px;font-weight:600}.team-option-avatar img{width:28px;height:33px;object-fit:contain}.team-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:25px;height:25px;border-radius:50%;border:1px solid #bdcbb3;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.team-option input[type=checkbox]:checked{background:#234c3e;border-color:#234c3e}.team-option input[type=checkbox]:checked:after{content:'✓';color:#fff;font-size:15px}.team-option>button{width:36px;height:36px;border-radius:50%;background:#e8eddf;font-size:23px;color:#56794a}.catalog-search{margin-top:25px}.catalog-search>label{display:block;font-size:15px;font-weight:600;margin-bottom:12px}.search-field{display:flex;gap:10px;align-items:center;border:1px solid #d4ddc9;border-radius:10px;background:#f3f5ed;padding:0 12px}.search-field>span{font-size:26px;color:#88977d}.search-field input{border:0;outline:none;background:none;width:100%;padding:13px 0;font:inherit;font-size:15px;color:#234c3e;min-width:0}dialog p.catalog-note,.catalog-note{font-size:12px;line-height:1.7;color:#8b967e;margin-top:10px}.catalog-empty{padding:14px 0;font-size:13px!important;line-height:1.7}.manual-team{margin-top:20px;border-top:1px solid #e1e6d8;padding-top:18px}.manual-team summary{font-size:14px;cursor:pointer;color:#56734b}.manual-team label{display:block;margin-top:16px;font-size:13px}.manual-team input{display:block;width:100%;font:inherit;font-size:14px;padding:12px;margin-top:7px;border:1px solid #d4ddc9;border-radius:8px;background:#fafbf5;min-height:44px;color:#234c3e}.primary-button{display:block;background:#234c3e;color:#fff;font-size:15px;padding:14px 20px;border-radius:10px;min-height:46px}.secondary-button{background:#e5ecda;border-radius:8px;padding:12px 18px;font-size:14px;margin-top:15px}.teams-panel-footer{margin-top:25px}.teams-panel-footer>.primary-button{width:100%}.panel-info{display:block;margin:13px auto 0;font-size:12px;color:#8c977f}.empty-teams{padding:35px 25px;background:#ecefe4;border-radius:18px;margin-bottom:25px}.empty-teams h3{font-size:22px;margin:0 0 15px}.empty-teams p{font-size:15px;line-height:1.7;color:#7d8971;margin-bottom:20px}.initials-avatar{background:#d9e2cd;color:#49623e}.unavailable-card{margin-bottom:18px}.unavailable-card>.portrait{margin-bottom:13px}.calendar-legend{flex-wrap:wrap}.team-option input:focus-visible,.manual-team input:focus-visible{outline:2px solid #b17f42;outline-offset:3px}@media(max-width:760px){.teams-dialog{padding:28px 21px;width:calc(100% - 18px);max-height:92dvh;border-radius:23px}.teams-button{font-size:13px;padding:0 10px;gap:6px}.teams-button b{width:16px;height:16px}.teams-panel h2{font-size:30px}}
.teams-panel h2{font-family:inherit;letter-spacing:-1px;font-weight:650}
.competition-tabs{gap:20px;scrollbar-width:thin;scrollbar-color:#b8c7a8 transparent;padding-bottom:3px}.competition-tabs button{min-height:44px}.team-overview,.kit-card{padding:23px;background:#faf9f4;border-radius:17px}.team-overview-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.team-overview-heading>img{width:37px;height:43px;object-fit:contain}.team-overview-heading h3{margin:0;font-size:17px;line-height:1.4}.team-overview>p,.kit-card>p{font-size:13px;line-height:1.6;color:#839078}.team-overview dl{margin:20px 0}.team-overview dl>div{padding:13px 0;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e4e8dc;font-size:13px}.team-overview dt{color:#829074}.team-overview dd{margin:0;text-align:right;line-height:1.5}.team-overview>a{font-size:13px}.kit-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.kit-slots>div{display:flex;align-items:center;flex-direction:column;background:#f0f2e9;padding:22px 10px;border-radius:12px;text-align:center}.kit-slots svg{width:58px;height:58px;color:#b3bfaa;margin-bottom:17px}.kit-slots b{font-size:13px;font-weight:550}.kit-slots small{font-size:11px;color:#98a08d;margin-top:7px}.kit-card>p.kit-note{font-size:12px;margin-top:20px}.team-schedule{margin-bottom:24px;border-radius:17px;padding:23px;background:#faf9f4}.team-schedule h3{font-size:17px;margin:0 0 7px}.team-schedule>p{font-size:13px;color:#839078}.schedule-rows{margin-top:20px}.schedule-row{display:flex;align-items:center;gap:18px;padding:17px 0;border-top:1px solid #e0e6d8}.schedule-row>div:first-child{flex-shrink:0;min-width:65px}.schedule-row small{display:block;font-size:12px;color:#839078;line-height:1.5}.schedule-row strong{display:block;margin-top:6px;font-size:20px;font-weight:550}.schedule-row b{display:block;font-size:14px;line-height:1.5;margin-bottom:5px}.schedule-row>button{margin-left:auto;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px}.schedule-source{display:block;font-size:11px;line-height:1.7;color:#929c86;margin-top:10px}@media(max-width:760px){.competition-tabs{gap:18px}.team-overview,.kit-card,.team-schedule{padding:20px}.team-overview-heading h3{font-size:15px}.schedule-row{gap:10px}.schedule-row b{font-size:13px}}
.competition-tabs{flex-wrap:wrap;overflow:visible;gap:0 20px}
.match-round{white-space:nowrap}.match-day>span{line-height:1.7}.form-heading{justify-content:flex-end}
.official-league-info{padding:23px 18px 15px;margin-top:0}.official-league-info:not(:first-child){margin-top:20px}.official-table{min-width:800px;white-space:nowrap}.official-table-wrap{max-width:100%;overflow:auto}.official-table thead{font-size:11px}.official-table td,.official-table th{padding:13px 10px;font-size:13px}.official-table tbody th{font-size:12px;min-width:215px;max-width:250px;white-space:normal;line-height:1.5}.official-table th:nth-child(2){position:sticky;left:0;background:#faf9f4;z-index:1}.official-table tr.own th:nth-child(2){background:#dce8ce}.official-table thead th:nth-child(2){background:#edefe4}.table-form{display:flex;gap:5px;min-width:85px;align-items:center;padding:3px}.table-form .form-circle{width:10px;height:10px}.table-form .form-circle.latest{outline:0}.table-scroll-hint{font-size:11px;color:#8b987e;margin:0 18px 12px}.round-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.round-navigation h3{font-size:23px;letter-spacing:-.8px;text-align:center;margin:0 0 6px}.round-navigation small{font-size:12px;color:#849277}.round-navigation button{width:44px;height:44px;border-radius:50%;background:#e9eddf;font-size:29px}.round-navigation button:disabled{opacity:.3;cursor:default}.round-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:20px;padding:4px}.round-tabs button{font-size:14px;border:1px solid #dae1cf;border-radius:9px;min-width:44px;min-height:40px}.round-tabs button.selected{background:#234c3e;color:white;border-color:#234c3e}.round-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;overscroll-behavior-x:contain}.round-deck::-webkit-scrollbar{display:none}.round-page{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:1px 2px}.round-page-label{font-size:11px;letter-spacing:1.3px;color:#879779;padding:8px 2px 15px}.compact-match{padding:21px 19px;background:#fffefa;border:1px solid #e2e6d8;border-radius:15px;margin-bottom:14px}.compact-match-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#869278;margin-bottom:18px}.compact-match-meta>span:first-child{color:#4f7145}.compact-match-team{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:16px;line-height:1.5;margin:10px 0}.compact-match-team.ours{font-weight:650;color:#234c3e}.compact-match-team b{font-size:23px;font-variant-numeric:tabular-nums}.compact-match>small{display:block;font-size:11px;color:#929d85;border-top:1px solid #e8ebdf;padding-top:13px;margin-top:17px;line-height:1.6}.round-note{font-size:12px;color:#929d85;line-height:1.8;margin:14px 0 25px}.full .official-table td,.full .official-table th{padding:13px 10px;font-size:13px}.full .official-table tbody th{font-size:12px}@media(max-width:760px){.official-table{min-width:725px}.official-table td,.official-table th{padding:12px 8px}.official-table tbody th{min-width:175px;max-width:200px}.full .official-table tbody th{font-size:12px}.round-navigation h3{font-size:22px}.compact-match-team{font-size:15px}.compact-match{padding:18px 16px}}
/* The first kit determines card identity, independently of card order. */
.match-card,.match-card.featured,.match-card.blue,.match-card.coral{background:var(--card-bg,#e9e9e3);color:var(--card-ink,#343e39);border-color:transparent}.match-card .match-meta,.match-card .match-day,.match-card .child-label,.match-card .fixture-title,.match-card .opponent-name,.match-card .position,.match-card .position small,.match-card .form-heading,.match-card .form-legend,.match-card .match-bottom,.match-card .venue-description,.match-card .venue-description small,.match-card .add-event{color:inherit}.match-card .match-meta small,.match-card .position span,.match-card .form-legend,.match-card .match-bottom,.match-card .venue-description small{opacity:.72}.match-card .directions-links a{background:color-mix(in srgb,currentColor 9%,transparent);color:inherit;border-color:color-mix(in srgb,currentColor 15%,transparent)}.match-weather{border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);padding:19px 0;font-size:14px;line-height:1.6}.weather-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.weather-heading>span{font-size:11px;letter-spacing:1px;opacity:.7}.weather-heading b{font-size:28px;font-weight:550}.weather-rain{margin:4px 0 9px}.weather-rain>span:first-child{font-size:20px;margin-right:6px}.match-weather small{display:block;opacity:.7;font-size:12px}.match-weather a{display:inline-block;font-size:12px;margin-top:7px;text-underline-offset:3px}.verified-kit-list{display:grid;gap:20px}.kit-color-row{display:flex;justify-content:space-between;margin:10px 0}.kit-swatches{display:flex;gap:4px}.kit-swatches i{width:22px;height:22px;border:1px solid #aaa;border-radius:50%}.scorer-note,.kit-source{font-size:13px;line-height:1.7;margin:14px 0;opacity:.75}
.match-open{display:block;width:100%;text-align:left;color:inherit}.match-open:hover{border-color:#7b9584}.competition-heading{font-size:15px;margin:20px 2px;color:#52705f}.match-detail-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;border-top:1px solid #ffffff25;font-size:14px}.result-row[role=button]{cursor:pointer}.result-row[role=button]:focus-visible{outline:2px solid #52705f}.match-detail h2{font-size:20px;line-height:1.4;padding-right:20px}.detail-score{display:block;font-size:42px;letter-spacing:-2px;margin:16px 0}.match-detail>p{font-size:14px;line-height:1.8;margin:15px 0}.match-detail h3{font-size:16px;margin:28px 0 15px}.detail-directions{display:flex;gap:20px;font-size:14px;margin:18px 0}.goal-timeline{list-style:none;padding:0}.goal-timeline li{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e0e5da;padding:14px 0;font-size:13px}.goal-timeline li>b{min-width:27px}.goal-timeline li>span{flex:1}.goal-timeline small{display:block;color:#788675;margin-top:5px;font-size:11px}.goal-timeline strong{white-space:nowrap}.detail-note{font-size:13px!important;line-height:1.8;color:#778672}.lineup{background:#edf0e7;padding:15px;border-radius:10px;margin:12px 0}.lineup h4{font-size:14px;margin:0 0 15px}.lineup h5{font-size:12px;color:#6c7d67;margin:16px 0 8px}.lineup ul{padding:0;list-style:none;margin:0}.lineup li{display:flex;gap:12px;font-size:13px;line-height:1.6;padding:6px 0}.lineup li b{min-width:18px;color:#819178}.competition-scorers{margin:30px 0;padding:20px;background:#fffefa;border-radius:16px}.competition-scorers h3{font-size:17px;margin:0 0 12px}.competition-scorers>p{font-size:14px;margin-bottom:14px}.competition-scorers table{min-width:620px}.competition-scorers td,.competition-scorers th{font-size:13px;padding:12px;text-align:left}.report-event{font-size:13px;line-height:1.7}dialog{max-height:90dvh;overflow:auto}.team-overview dd{overflow-wrap:anywhere}
.header-identity{display:flex;align-items:center;gap:10px;min-width:0}.family-mark{width:59px;height:40px;object-fit:contain;flex-shrink:0}.header-identity .header-wordmark{white-space:nowrap}@media(max-width:400px){.header-identity{gap:7px}.family-mark{width:46px;height:34px}.teams-button{gap:5px;padding:10px}}
/* Give the family mark and existing wordmark equal visual weight. */
.header-identity{gap:11px}.family-mark{width:86px;height:57px}.header-identity .header-wordmark{font-size:40px;letter-spacing:-2.3px;line-height:1}.header-identity .header-wordmark>span{font-size:12px;margin:3px}main>header{min-height:105px}@media(max-width:600px){.header-identity{gap:8px}.family-mark{width:76px;height:51px}.header-identity .header-wordmark{font-size:clamp(30px,9.2vw,36px);letter-spacing:-2px}.teams-button{width:38px;height:42px;min-width:38px;padding:8px;justify-content:center}.teams-button>span,.teams-button>b{display:none}main>header{height:100px;min-height:100px}}@media(max-width:370px){.family-mark{width:66px;height:46px}.header-identity{gap:6px}}
@media(min-width:371px) and (max-width:600px){.family-mark{width:90px;height:60px}}
@media(max-width:600px){.header-identity .header-wordmark{font-size:clamp(27px,8.2vw,32px);letter-spacing:-1.8px}.family-mark{width:82px;height:56px}.header-identity{gap:7px}}@media(max-width:370px){.family-mark{width:65px;height:46px}}
@media(max-width:600px){main>header{height:auto;min-height:116px;flex-wrap:wrap;gap:5px 12px;padding:16px 0 12px}.header-identity{width:100%;justify-content:flex-start}.teams-button{width:auto;height:38px;min-width:0;padding:8px 12px;gap:7px;margin-left:auto}.teams-button>span,.teams-button>b{display:inline-flex}.teams-button>b{align-items:center;justify-content:center}}
/* Keep identity and team management on one line at every phone width. */
@media(max-width:600px){main>header{height:100px;min-height:100px;flex-wrap:nowrap;gap:14px;padding:12px 0}.header-identity{width:auto;flex:1;gap:8px;min-width:0}.header-identity .header-wordmark{font-size:clamp(24px,5.5vw,32px);letter-spacing:-1.4px}.family-mark{width:clamp(48px,12vw,70px);height:48px}.teams-button{flex-shrink:0;margin:0;padding:9px 10px;gap:5px;font-size:13px}.teams-button svg{width:17px;height:17px}.teams-button>b{width:17px;height:17px;font-size:12px}}@media(max-width:400px){main>header{gap:8px}.header-identity{gap:5px}.header-identity .header-wordmark{font-size:23px;letter-spacing:-1.3px}.family-mark{width:45px;height:42px}.teams-button{padding:8px;gap:4px}}
.match-card .opponent-status{border-bottom:0;margin-bottom:0}@media(min-width:371px) and (max-width:400px){.header-identity .header-wordmark{font-size:26px}.family-mark{width:53px;height:45px}}
.match-weather{padding:16px 0}.weather-compact{display:flex;align-items:center;gap:16px;min-height:35px}.weather-compact>b{font-size:28px;font-weight:550;letter-spacing:-1px;line-height:1}.weather-compact-rain{font-size:15px;font-weight:550;display:flex;align-items:center;gap:7px}.weather-compact-rain>span{font-size:19px}.match-weather .weather-credit{margin:0 0 0 auto;font-size:15px;text-decoration:none;opacity:.65;padding:7px;line-height:1}.weather-stale{font-size:11px;opacity:.7}
.team-name-with-kit{display:flex;align-items:center;gap:11px;min-width:0}.kit-marker{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:46px;border-radius:8px;background:#f7f7ef;box-shadow:0 0 0 1px #0000000d;padding:3px}.kit-marker svg{width:29px;height:37px}.team-option-name{display:flex;align-items:center;gap:8px}.team-option-name .kit-marker{width:24px;height:29px;padding:2px;border-radius:4px}.team-option-name .kit-marker svg{width:21px;height:25px}@media(max-width:400px){.team-name-with-kit{gap:9px}.team-name-with-kit>.kit-marker{width:31px;height:40px}.team-name-with-kit>.kit-marker svg{width:25px;height:33px}.fixture-title .team-name-with-kit>span:last-child{font-size:21px}}
.kit-colours{display:inline-flex;flex-shrink:0;overflow:hidden;width:12px;height:30px;border-radius:4px;border:1px solid #ffffff65;box-shadow:0 0 0 1px #00000015;align-self:center}.kit-colours i{display:block;flex:1;min-width:0;height:100%}.team-option-name .kit-colours{width:9px;height:20px;border-radius:3px}.fixture-title .team-name-with-kit>span:last-child{font-size:inherit}
.opponent-name{display:flex;align-items:center;gap:11px}
.match-card,.match-card.featured,.match-card.blue,.match-card.coral{background:var(--card-surface,var(--card-bg,#e9e9e3))}.team-name-with-kit{gap:0}.opponent-name{gap:0}
:root{--accent:#234c3e;--accent-soft:#e5ece4;--accent-rotation:0deg}.header-wordmark,.section-title h2,.competition-heading,.calendar-list-heading,.appearance-panel h2{color:var(--accent)}.family-mark{filter:hue-rotate(var(--accent-rotation))}.teams-button,.mobile-nav,.round-tabs button.selected,.has-match,.calendar-box .selected-day{background:var(--accent-soft)}.teams-button,.mobile-nav button.active,.competition-tabs button.selected,.round-navigation h3,.compact-match-team.ours,.league-info b,.table-wrap tr.own,.primary-button,.text-button{color:var(--accent)}.teams-button b,.primary-button{background:var(--accent);color:white}.competition-tabs button.selected{border-color:var(--accent)}.round-tabs button.selected{border-color:var(--accent);color:var(--accent)}.round-navigation button,.selected-day,.lineup{background:var(--accent-soft)}.official-table tr.own th:nth-child(2),.official-table tr.own{background:var(--accent-soft)}.accent-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.accent-options button{padding:14px 5px;border:1px solid transparent;border-radius:13px;display:flex;flex-direction:column;align-items:center;gap:11px;background:#f0f0e9}.accent-options button[aria-pressed=true]{border-color:var(--choice);background:var(--choice-soft)}.accent-sample{display:grid;place-items:center;background:var(--choice);color:white;width:42px;height:42px;border-radius:50%;font-size:21px}.accent-options b{font-size:14px;font-weight:550}.appearance-panel>p{font-size:15px;line-height:1.7;margin-top:15px}.appearance-note{color:#777e73;font-size:13px!important}#accent-status{color:var(--accent)}button:focus-visible,a:focus-visible{outline-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}
.family-mark{display:block;background:var(--accent);filter:none;-webkit-mask:url('/public/family-mark.png') center/contain no-repeat;mask:url('/public/family-mark.png') center/contain no-repeat}.footer-appearance{width:100%;padding:20px 0 8px}.footer-appearance>span{display:block;font-size:14px;color:var(--accent);font-weight:550;margin-bottom:14px}.footer-accents{display:flex;gap:20px;flex-wrap:wrap}.footer-accents button{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:13px;color:#70766e}.footer-accents i{display:grid;place-items:center;width:27px;height:27px;background:var(--choice);border-radius:50%;color:white;font-size:16px;font-style:normal}.footer-accents button[aria-pressed=true]{color:var(--accent);font-weight:650}.footer-accents button[aria-pressed=true] i{outline:1px solid var(--choice);outline-offset:3px}#footer-accent-status{display:block;margin-top:10px;font-size:12px}
.panel-divider{border:0;border-top:1px solid var(--line);margin:22px 0 0}.teams-panel .manual-team{border-top:0;padding-top:0;margin-top:12px}.teams-panel .footer-appearance{padding:20px 0 5px}.teams-panel .catalog-search{margin-top:20px}.teams-panel .catalog-empty{margin:10px 0}.teams-panel .footer-accents{gap:18px}.accent-save-status{display:block;font-size:12px;margin-top:8px}
.accent-options{grid-template-columns:repeat(3,1fr)}.footer-accents{row-gap:14px}
/* Neutral floating navigation; only the active destination carries colour. */
.mobile-nav{background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 25px #14202a12,0 1px 5px #14202a08;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-radius:25px;padding:12px 8px}.mobile-nav button{color:#92979b;font-size:12px;gap:7px;min-height:47px;justify-content:center;transition:color .18s ease,transform .18s ease}.mobile-nav button.active{color:color-mix(in srgb,var(--accent) 75%,#111);font-weight:650}.mobile-nav svg{width:22px;height:22px}.mobile-nav .nav-filled-icon{width:24px;height:24px;transform:translateY(-1px)}.nav-gradient-start{stop-color:var(--accent)}.nav-gradient-end{stop-color:color-mix(in srgb,var(--accent) 58%,#111)}.mobile-nav button:active{transform:scale(.94)}@media(prefers-reduced-motion:reduce){.mobile-nav button{transition:none}}
.weather-caption{font-size:12px;font-weight:400;opacity:.65;line-height:1.4;margin-bottom:8px;letter-spacing:.1px}
.match-date-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.match-weekday{font-size:23px;font-weight:650;letter-spacing:-.4px;line-height:1.2;text-transform:capitalize;color:inherit}.match-date-detail{font-size:14px;line-height:1.5;opacity:.8}.match-date-detail .match-round{font-size:inherit}.match-card .match-day{opacity:1}.match-day>strong{margin-top:4px}
/* Palette previews mirror the selected navigation icon gradient. */
.footer-accents{gap:12px;flex-wrap:nowrap}.footer-accents button{padding:5px;min-width:0;min-height:44px;border-radius:12px;transition:transform .16s ease}.footer-accents i{width:39px;height:29px;border-radius:8px;background:linear-gradient(135deg,var(--choice),color-mix(in srgb,var(--choice) 58%,#111));box-shadow:inset 0 1px 0 #ffffff30,0 2px 4px #00000012;font-size:15px}.footer-accents button[aria-pressed=true] i{outline:1px solid var(--choice);outline-offset:4px}.footer-accents button:active{transform:scale(.94)}.teams-panel .footer-accents{gap:10px}.accent-options .accent-sample{width:55px;height:39px;border-radius:10px;background:linear-gradient(135deg,var(--choice),color-mix(in srgb,var(--choice) 58%,#111));box-shadow:inset 0 1px 0 #ffffff30}.accent-options button{padding:14px 5px;gap:0}@media(max-width:400px){.footer-accents,.teams-panel .footer-accents{gap:7px}.footer-accents button{padding:4px}.footer-accents i{width:33px;height:27px}}@media(prefers-reduced-motion:reduce){.footer-accents button{transition:none}}
/* Long shortlists scroll without moving search, heading or appearance. */
.teams-dialog{overflow:hidden;padding:26px 22px;max-height:92dvh}.teams-dialog #dialog-content{min-height:0}.teams-panel{display:flex;flex-direction:column;height:min(760px,calc(92dvh - 52px));min-height:0}.teams-panel-heading{flex:none;padding-right:20px}.teams-panel .panel-description{margin-bottom:16px}.followed-section{display:flex;flex-direction:column;flex:1 1 auto;min-height:74px;overflow:hidden}.followed-section h3{flex:none;font-size:13px;line-height:1.4;font-weight:500;color:#81867d;margin:0 0 7px}#followed-teams{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7cdc4 transparent;padding-right:5px}.teams-add-area{flex:none;max-height:34dvh;overflow-y:auto;overscroll-behavior:contain}.teams-panel .catalog-search{margin-top:15px}.teams-add-area .search-field{position:sticky;top:0;z-index:1;background:#f4f5ef}#catalog-results{max-height:180px;overflow-y:auto;overscroll-behavior:contain}.teams-panel .manual-team{margin-top:10px;margin-bottom:0}.teams-panel .panel-divider{flex:none;margin:15px 0 0}.teams-panel .footer-appearance{flex:none;padding:15px 0 0}.teams-panel .teams-panel-footer{flex:none;margin-top:0}#preferences-status:empty,.accent-save-status:empty{display:none}.teams-dialog>.close{z-index:3}.teams-panel .team-option{padding-top:14px;padding-bottom:14px}@media(max-height:650px){.teams-dialog{padding:18px}.teams-panel{height:calc(94dvh - 36px)}.teams-panel-heading .eyebrow,.teams-panel .panel-description{display:none}.teams-panel h2{font-size:24px}.teams-panel .footer-appearance{padding-top:10px}.teams-panel .footer-appearance>span{margin-bottom:8px}.teams-panel .catalog-search{margin-top:10px}}
@media(min-height:651px){.teams-panel{height:min(650px,calc(92dvh - 52px))}}#followed-teams{flex:1 1 auto}
.match-weekday-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.match-countdown{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.3;padding:6px 10px;border-radius:20px;background:#f6f7ec;color:var(--card-bg,#163f32);box-shadow:0 1px 3px #0000000d;letter-spacing:.05px}.match-date-heading .match-weekday{margin:0}
.match-day>.match-date-detail{display:block;margin-top:8px;line-height:1.5;font-size:14px}
.venue-block{display:flex;align-items:center;justify-content:space-between;gap:14px}.venue-block .venue-description{flex:1;min-width:0;margin:0}.venue-description>span{min-width:0;overflow-wrap:anywhere}.map-apps{display:flex;align-items:center;gap:6px;flex-shrink:0}.map-apps a{display:grid;place-items:center;min-width:40px;width:40px;height:40px;border-radius:50%;color:inherit;background:color-mix(in srgb,currentColor 9%,transparent);border:1px solid color-mix(in srgb,currentColor 15%,transparent);text-decoration:none;transition:background .15s ease,transform .15s ease}.map-apps a:hover{background:color-mix(in srgb,currentColor 17%,transparent)}.map-apps a:active{transform:scale(.94)}.map-apps svg{width:21px;height:21px}.match-detail>.map-apps{justify-content:flex-start;margin:18px 0}.match-detail>.map-apps a{width:44px;height:44px}@media(max-width:400px){.venue-block{gap:9px}.venue-block .venue-description{font-size:13px;gap:7px}.venue-block .venue-description>svg{width:16px;height:16px}.venue-block .venue-description small{font-size:11px;line-height:1.5}.map-apps{gap:3px}.map-apps a{min-width:38px;width:38px;height:42px}.map-apps svg{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){.map-apps a{transition:none}}
.map-brand-icon{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--map-icon) center/contain no-repeat;mask:var(--map-icon) center/contain no-repeat}.map-apps a[aria-label$="Apple Maps"] .map-brand-icon{width:21px;height:21px}
.map-app-icon{display:block;width:24px;height:24px;border-radius:5px;object-fit:contain;filter:grayscale(1);box-shadow:0 0 0 1px #ffffff25}
/* Spacious map actions: 48px targets independent of glyph size. */
.map-apps{gap:10px}.map-apps a,.match-detail>.map-apps a{width:48px;height:48px;min-width:48px;min-height:48px;flex:0 0 48px;border-radius:50%}.map-brand-icon{width:22px;height:22px}.map-app-icon{width:24px;height:24px}.venue-block{gap:16px}@media(max-width:480px){.venue-block{flex-wrap:wrap;gap:13px}.venue-block .venue-description{flex-basis:100%;font-size:14px}.venue-block .map-apps{margin-left:23px}.map-apps{gap:10px}.map-apps a{width:48px;height:48px;min-width:48px;min-height:48px}.map-apps svg{width:22px;height:22px}}
.match-card .opponent-name{font-size:23px;font-weight:600;line-height:1.25;letter-spacing:-.55px;text-transform:none;opacity:1;color:inherit}.match-card .opponent-name>span{font-size:inherit;font-weight:inherit;line-height:inherit;opacity:1}@media(max-width:400px){.match-card .opponent-name{font-size:22px}}
/* Input text stays readable without triggering Safari's small-field zoom. */
.search-field input,.manual-team input,.squad-switcher select{font-size:16px}.search-field input{min-width:0}.mobile-nav button{min-height:49px}.team-option>div{min-width:0}.team-option b,.team-option small{overflow-wrap:anywhere}.venue-description small{line-height:1.55}.child-label small{line-height:1.5}.match-countdown{line-height:1.4}.match-date-detail{line-height:1.6}
.home-tag{white-space:nowrap;flex-shrink:0}.match-meta .child-label{min-width:0;flex:1}.match-meta .child-label>span:last-child{min-width:0}.match-meta{gap:12px}
.match-card .opponent-name{font-size:20px;letter-spacing:-.35px}@media(max-width:400px){.match-card .opponent-name{font-size:19px}}
.weather-compact-rain .rain-icon{width:21px;height:21px;flex-shrink:0;color:inherit}
/* Home: compact two-line fixtures and a clear standings / goal-rate summary. */
.result-fixture{gap:12px;padding:19px 16px;text-align:left}.result-fixture .result-date{flex:0 0 26px;font-size:23px}.result-body{flex:1;min-width:0}.result-context{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--accent);font-size:12px;margin-bottom:9px}.result-context>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.result-outcome{display:flex;align-items:center;gap:7px;flex-shrink:0}.result-outcome .form-circle{display:inline-block;flex-shrink:0;width:10px;height:10px;outline:none}.result-outcome small{font-size:10px;font-weight:400;color:#77816f;white-space:nowrap}.result-team-line{display:grid;grid-template-columns:minmax(0,1fr) 23px;align-items:center;gap:10px;margin:6px 0;color:#667066;font-size:13px;line-height:1.45}.result-team-line>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.result-team-line>b{text-align:right;font-size:20px;font-weight:550;line-height:1.3;font-variant-numeric:tabular-nums}.result-team-line.followed{color:#243e34;font-weight:600}.result-chevron{color:#9aa295;font-size:23px;flex-shrink:0}.result-row:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.performance-list{display:grid;gap:17px}.team-performance{background:#fffefa;border:1px solid #e4e6dd;border-radius:18px;padding:22px;min-width:0}.performance-heading{display:flex;align-items:center;gap:12px}.performance-heading>img{width:43px;height:49px;object-fit:contain;flex-shrink:0}.performance-heading>div{min-width:0}.performance-heading h3{font-size:14px;line-height:1.4;margin:0;color:var(--accent);font-weight:650;letter-spacing:-.2px}.performance-heading p{font-size:11px;line-height:1.5;color:#81897d;margin:5px 0 0}.performance-standing{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #e9eae1}.standing-place{display:flex;flex-direction:column;gap:5px;min-width:91px}.standing-place>strong{font-size:65px;font-weight:600;line-height:.95;letter-spacing:-4px;color:var(--accent)}.standing-place sup{font-size:23px;vertical-align:super;letter-spacing:-.5px;margin-left:3px}.standing-place>span{font-size:11px;color:#7b8576}.standing-points{border-left:1px solid #e0e4d9;padding-left:23px}.standing-points>strong{display:flex;align-items:baseline;gap:7px;font-size:35px;font-weight:600;letter-spacing:-1px;color:#243e34;line-height:1.1}.standing-points>strong>span{font-size:14px;font-weight:450;letter-spacing:0}.standing-points>p{font-size:12px;color:#75816d;margin:7px 0 0}.performance-form{display:flex;gap:7px;margin-top:13px;padding:2px}.performance-form .form-circle{width:10px;height:10px}.performance-goals{display:flex;gap:22px;align-items:center;margin-top:20px}.goals-average{flex:1;min-width:0}.goals-average h4{margin:0 0 13px;font-size:13px;font-weight:600;color:#344b3d}.goals-average h4>span{display:block;font-size:10px;font-weight:400;color:#8b9385;margin-top:3px}.goal-average-row{margin-top:11px}.goal-average-row>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#718169;margin-bottom:6px}.goal-average-row b{font-size:15px;font-weight:600;color:#334a3c;font-variant-numeric:tabular-nums}.average-track{height:7px;background:#edf0e7;border-radius:5px;overflow:hidden}.average-track i{height:100%;display:block;border-radius:5px}.scored .average-track i{background:#38956e}.conceded .average-track i{background:#cb7971}.goal-difference{text-align:center;min-width:69px;border-left:1px solid #e6e8df;padding-left:18px}.goal-difference strong{display:block;font-size:31px;line-height:1.2;font-weight:550;color:var(--accent);letter-spacing:-1px}.goal-difference span{display:block;font-size:10px;line-height:1.5;color:#7d8776;margin-top:5px}.performance-totals{display:flex;gap:13px;margin-top:15px;font-size:11px;color:#818b79}.performance-source{margin-top:18px;font-size:10px;color:#939a8c}dialog h2,dialog h3,dialog h4,dialog h5{font-family:inherit}dialog h2{font-weight:650;letter-spacing:-.7px}dialog h2[tabindex="-1"]{outline:none}.close{width:44px;height:44px;padding:4px;border-radius:50%}.close:focus:not(:focus-visible){outline:none}.close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.close:hover{background:var(--accent-soft)}@media(max-width:400px){.team-performance{padding:19px}.result-fixture{padding:18px 13px;gap:10px}.result-team-line{font-size:12px}.performance-standing{gap:20px}.standing-points{padding-left:20px}}
.result-team-line{font-size:14px}@media(max-width:400px){.result-team-line{font-size:13px}}
/* Team-first results, crest-led identification, and a dedicated settings entry. */
.result-groups{display:grid;gap:18px}.result-group{background:#fffefa;border:1px solid #e4e6dd;border-radius:18px;overflow:hidden}.result-group>.results{border:0;border-radius:0;background:transparent}.result-group-heading{display:flex;align-items:center;gap:11px;padding:18px 16px;border-bottom:1px solid #e6e8df}.result-group-crest{width:34px;height:40px;object-fit:contain;flex-shrink:0}.result-group-heading>div:nth-child(2){flex:1;min-width:0}.result-group-heading p{font-size:12px;line-height:1.45;color:#536252;margin:0}.result-group-heading>div>span{display:block;font-size:11px;color:#899181;margin-top:4px}.result-group-form{display:flex;align-items:center;gap:6px;padding:3px;flex-shrink:0}.result-group-form .form-circle{width:9px;height:9px}.result-fixture .result-context{margin:0 0 6px;justify-content:flex-end;min-height:13px}.result-team-line{grid-template-columns:18px minmax(0,1fr) 23px;gap:7px}.result-line-crest{width:18px;height:21px;object-fit:contain;display:block}.result-fixture{padding-top:16px;padding-bottom:16px}.performance-heading p{margin:0;font-size:12px;line-height:1.5;color:#65725f}.performance-heading>img{width:47px;height:51px}.match-card .opponent-name{position:relative;padding-right:55px;min-height:53px;display:flex;align-items:center}.opponent-crest{position:absolute;right:0;width:42px;height:49px;object-fit:contain;filter:drop-shadow(0 2px 3px #0002)}.fixture-crest{width:28px;height:31px;object-fit:contain;flex-shrink:0}.compact-team-identity{display:flex;align-items:center;gap:10px;min-width:0}.compact-team-identity>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.compact-match-team>.compact-team-identity{flex:1;min-width:0}.compact-match-team>b{flex-shrink:0}.crest-unavailable{visibility:hidden}.teams-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;margin:0;justify-content:center;flex-shrink:0}.teams-button svg{width:23px;height:23px}main>header{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:14px;height:118px;min-height:118px;padding:12px 0;flex-wrap:nowrap}.header-identity{width:auto;gap:12px;min-width:0}.family-mark{width:101px;height:67px}.header-identity .header-wordmark{font-size:43px;letter-spacing:-2.3px;line-height:1}@media(max-width:600px){main>header{height:110px;min-height:110px;gap:12px}.header-identity{gap:8px}.family-mark{width:clamp(64px,18vw,92px);height:62px}.header-identity .header-wordmark{font-size:clamp(28px,7.7vw,38px);letter-spacing:-1.8px}.teams-button{width:44px;min-width:44px;height:44px;padding:10px}.teams-button svg{width:23px;height:23px}}@media(max-width:370px){main>header{gap:8px}.header-identity{gap:6px}.family-mark{width:58px;height:52px}.header-identity .header-wordmark{font-size:26px;letter-spacing:-1.6px}.result-group-heading{padding:16px 13px;gap:9px}.result-group-form{gap:5px}.result-group-heading p{font-size:11px}}
/* Natural-height settings: scroll only where content actually exceeds the space. */
body:has(dialog[open]){overflow:hidden}.teams-dialog{max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}.teams-panel{height:auto;max-height:none;min-height:0}.followed-section{flex:0 1 auto;min-height:0;max-height:min(360px,40dvh);overflow:hidden}#followed-teams{flex:0 1 auto;max-height:min(360px,40dvh);overflow-y:auto;overscroll-behavior:contain;padding-right:0}.teams-add-area{flex:none;overflow:visible;max-height:none}#catalog-results{max-height:min(240px,30dvh);overflow-y:auto;overscroll-behavior:contain}.teams-panel.is-searching .followed-section{max-height:130px}.teams-panel:has(.manual-team[open]) .followed-section{max-height:130px}.teams-panel .catalog-search{margin-top:14px}.fcf-link-help{margin:12px 0 16px;font-size:12px;line-height:1.7;color:#6f7a69}.fcf-link-help p{font-size:12px!important;line-height:1.7}.fcf-link-help ol{padding-left:19px;margin:8px 0}.fcf-link-help a{font-size:12px;color:var(--accent);text-underline-offset:3px}.search-scope{font-size:11px!important;line-height:1.5;color:#88907f;margin:10px 0}.teams-panel .team-option>div{flex:1}.teams-panel #followed-teams:focus:not(:focus-visible){outline:none}.teams-dialog .footer-appearance{padding-top:14px}@media(max-height:650px){.teams-panel{height:auto}.followed-section,#followed-teams{max-height:32dvh}}
@media(min-height:651px){.followed-section,#followed-teams{max-height:min(400px,46dvh)}}
.teams-panel .panel-description{margin-bottom:8px}.teams-panel #followed-teams .team-option:first-child{padding-top:11px}
.teams-panel.is-searching .followed-section,.teams-panel:has(.manual-team[open]) .followed-section{display:none}
/* Club-first discovery: focused steps inside settings, with automatic skips. */
.teams-panel.is-discovering .followed-section{display:none}.club-search-label{display:block;font-size:13px;font-weight:550;color:var(--accent);margin-bottom:10px}#club-picker{margin-top:15px}.club-search-results,.discovery-choices,.discovery-teams{max-height:35dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.club-result{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:15px 0;border-bottom:1px solid var(--line);min-height:60px}.club-result>img{width:33px;height:40px;object-fit:contain;flex-shrink:0}.club-result>span:nth-child(2){min-width:0;flex:1}.club-result b{display:block;font-size:14px;font-weight:600;color:var(--accent);line-height:1.4}.club-result small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#7b8574}.club-result>span:last-child{font-size:24px;color:#95a08d}.club-picker-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.club-picker-heading>button{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:27px}.club-picker-heading h3{font-size:18px;line-height:1.3;letter-spacing:-.4px;color:var(--accent);margin:0}.club-picker-heading p{font-size:11px!important;line-height:1.5;margin:4px 0 0;color:#849078}.discovery-choices>button,.discovery-team{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:15px 12px;min-height:52px;border-bottom:1px solid var(--line);font-size:14px}.discovery-choices>button:hover,.discovery-team:hover,.club-result:hover{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}.discovery-choices>button>span:last-child,.discovery-team>span:last-child{font-size:23px;color:#8c9984}.discovery-team b{display:block;font-size:15px;font-weight:600;color:var(--accent)}.discovery-team small{display:block;font-size:12px;line-height:1.5;margin-top:5px;color:#7b8674}.discovery-filter-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.discovery-filter-summary>span{font-size:10px;line-height:1.4;background:var(--accent-soft);color:var(--accent);border-radius:12px;padding:5px 8px}.discovery-note,.discovery-scope{font-size:11px!important;line-height:1.7;color:#7e8975;margin:13px 0}.discovery-scope{font-size:10px!important}.discovery-preview{display:flex;align-items:center;gap:13px;padding:16px 0}.discovery-preview>img{width:47px;height:56px;object-fit:contain}.discovery-preview>div{min-width:0}.discovery-preview h4{font-size:16px;margin:0;color:var(--accent);line-height:1.4}.discovery-preview p{font-size:13px!important;line-height:1.5;margin:5px 0}.discovery-preview small{font-size:11px;color:#8b755c;line-height:1.6}.discovery-source{font-size:12px;text-underline-offset:3px;color:var(--accent);display:inline-block;margin:0 0 15px}.discovery-follow{width:100%;min-height:44px;margin-bottom:3px}.discovery-follow:disabled{opacity:.6;cursor:default}.discovery-next{font-size:12px!important;line-height:1.7;margin:8px 0 16px;padding:13px;background:var(--accent-soft);border-radius:10px}.discovery-next>b,.discovery-next>span{display:block}.discovery-feedback{font-size:12px!important;color:var(--accent)}.teams-dialog .discovery-feedback:empty{display:none}
.club-picker-heading h3[tabindex="-1"]{outline:none}.unavailable-shield{display:block;width:43px;height:51px;object-fit:contain;margin-bottom:14px}
/* Match the visible viewport when Safari's keyboard reduces the usable screen. */
.teams-dialog{position:fixed;top:calc(var(--visible-top,0px) + 12px);bottom:auto;left:50%;right:auto;transform:translateX(-50%);margin:0;max-height:calc(var(--visible-height,100dvh) - 24px);overflow-y:auto}.teams-dialog:has(.is-discovering){height:min(700px,calc(var(--visible-height,100dvh) - 24px));overflow:hidden;display:flex;flex-direction:column}.teams-dialog:has(.is-discovering) #dialog-content{display:flex;flex-direction:column;min-height:0;flex:1}.teams-panel.is-discovering{display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%;height:100%}.teams-panel.is-discovering .teams-add-area{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.teams-panel.is-discovering #club-picker{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;margin-top:10px}.teams-panel.is-discovering #club-picker>.search-field,.club-search-label,.club-picker-heading{flex-shrink:0}.teams-panel.is-discovering .club-search-results,.teams-panel.is-discovering .discovery-choices,.teams-panel.is-discovering .discovery-teams{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}.teams-panel.search-input-active .manual-team,.teams-panel.search-input-active>.panel-divider,.teams-panel.search-input-active>.footer-appearance,.teams-panel.search-input-active>.teams-panel-footer{display:none}.teams-panel.search-input-active .teams-panel-heading .eyebrow,.teams-panel.search-input-active .panel-description{display:none}.teams-panel.search-input-active .teams-panel-heading h2{margin-bottom:6px}.teams-panel.search-input-active .teams-add-area{overflow:hidden}.teams-panel.search-input-active #club-picker{overflow:hidden}.short-visible-viewport .teams-dialog{padding:18px}.short-visible-viewport .teams-panel.is-discovering .eyebrow,.short-visible-viewport .teams-panel.is-discovering .panel-description{display:none}.short-visible-viewport .teams-panel h2{font-size:24px}.short-visible-viewport .teams-panel.is-discovering>.footer-appearance{display:none}
/* Swipe left to reveal a destructive action, without conflating unfollowing and hiding. */
.team-swipe{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0;max-width:100%;border-bottom:1px solid #e1e6d8}.team-swipe::-webkit-scrollbar{display:none}.team-swipe>.team-option{flex:0 0 100%;min-width:0;scroll-snap-align:start;border-bottom:0;padding-right:1px}.team-delete-action{flex:0 0 86px;align-self:stretch;scroll-snap-align:end;background:#c84042;color:#fff;font-size:13px;font-weight:550;min-height:44px;padding:12px;border-radius:0}.team-delete-action:focus-visible{outline:2px solid white;outline-offset:-5px}.team-swipe:focus-within{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.team-swipe:focus-within{scroll-behavior:auto}}
.teams-dialog:not([open]){display:none}
.table-team-identity{display:flex;align-items:center;gap:9px;min-height:29px}.table-club-crest{width:23px;height:27px;object-fit:contain;flex-shrink:0}.table-team-identity>span{min-width:0;line-height:1.5}
.sanctions-source-text{white-space:pre-line;font-size:12px;line-height:1.7}
/* Fixed team editions keep settings compact; options apply immediately. */
.curated-team-option{cursor:pointer;width:100%;box-sizing:border-box;border-bottom:1px solid var(--line,#dce2d6);min-height:86px;padding:16px 0;display:flex;align-items:center;gap:14px}.curated-team-option:last-child{border-bottom:0}.curated-team-description{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.curated-team-description small{line-height:1.4}.curated-team-description em{font-style:normal;font-size:14px;color:var(--muted)}.curated-team-option input{flex-shrink:0}.curated-update-note{font-size:14px;color:var(--muted);margin:18px 0 0}.team-portrait{background:rgba(255,255,255,.92);padding:7px;box-sizing:border-box}.team-portrait img{object-fit:contain}.curated-teams-panel #followed-teams{overflow:visible;max-height:none}.curated-teams-panel .followed-section{flex-shrink:0}
/* A quiet brand atmosphere, shared by both editions and all six accent choices. */
body{position:relative;isolation:isolate}
body::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:290px;pointer-events:none;background:radial-gradient(ellipse 85% 90% at 0 -30%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 80%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,transparent) 0%,color-mix(in srgb,var(--accent) 9%,transparent) 48%,transparent 100%);transition:background .3s ease}
main>header{border-bottom:0;margin-bottom:24px}
.header-identity{text-align:left;padding:0;border-radius:8px;justify-content:flex-start;color:var(--accent);width:fit-content;max-width:100%;-webkit-user-select:none;user-select:none}
.header-identity .header-wordmark{font-family:inherit;font-weight:800;color:var(--accent)}
.family-mark{position:relative;width:101px;height:50.5px;background:none;-webkit-mask:none;mask:none;overflow:visible;filter:none}
.brand-people,.brand-flag{position:absolute;inset:0;display:block;background:var(--accent);-webkit-mask:url('/public/family-mark.png') center/contain no-repeat;mask:url('/public/family-mark.png') center/contain no-repeat}
.brand-people{clip-path:polygon(0 0,79% 0,79% 21%,100% 21%,100% 100%,0 100%)}
.brand-flag{clip-path:polygon(79% 0,100% 0,100% 21%,79% 21%);transform-origin:80% 18%;will-change:auto}
.is-greeting .brand-people{animation:brand-arrive .65s cubic-bezier(.22,.8,.2,1) both}
.is-greeting .brand-flag{animation:brand-flag-wave 1.8s .18s cubic-bezier(.45,0,.3,1) both}
@keyframes brand-arrive{from{opacity:.55;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-flag-wave{0%,100%{transform:rotate(0) skewY(0)}22%{transform:rotate(-4deg) skewY(-6deg)}47%{transform:rotate(3deg) skewY(5deg)}70%{transform:rotate(-2deg) skewY(-3deg)}87%{transform:rotate(1deg) skewY(1deg)}}
main>header>.teams-button{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.82);box-shadow:0 2px 10px #172e2510,inset 0 1px 0 #ffffff99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--accent)}
main>header>.teams-button:hover{background:rgba(255,255,255,.88)}
@media(max-width:600px){.family-mark{width:clamp(64px,18vw,92px);height:auto;aspect-ratio:2/1}body::before{height:260px}.header-identity{gap:9px}main>header{margin-bottom:22px}}
@media(max-width:370px){.family-mark{width:58px;height:29px}.header-identity{gap:6px}}
@media(prefers-reduced-motion:reduce){body::before{transition:none}.is-greeting .brand-people,.is-greeting .brand-flag{animation:none}}
.look-settings{margin:0 0 20px}.look-settings>span{display:block;color:var(--accent);font-size:14px;font-weight:550;margin-bottom:12px}.look-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#e8e8e2;border-radius:14px}.look-options>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;font-size:15px;font-weight:550;color:#747a75;border:1px solid transparent;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.look-options>button[aria-pressed=true]{background:#fffefa;color:var(--accent);border-color:#fff;box-shadow:0 2px 6px #172e2510}.look-options svg{width:19px;height:19px}.look-save-status:empty{display:none}.look-save-status{display:block;font-size:13px;margin-top:8px;color:var(--muted)}.curated-teams-panel .footer-appearance{padding-top:0}@media(prefers-reduced-motion:reduce){.look-options>button{transition:none}}
/* A larger, almost square cloth flag, independent of the family silhouettes. */
.brand-flag{-webkit-mask-image:url('/public/brand-flag.svg');mask-image:url('/public/brand-flag.svg');clip-path:none;transform-origin:78% 22%}
