.matches-page{--matches-ink:#22231f;--matches-muted:#696a62;--matches-line:#e3e1d9;--matches-gold:#98701f;background:#f5f4f0}.site-shell .matches-page .match-directory{max-width:1280px;color:var(--matches-ink);padding:28px 28px 64px;font-family:Montserrat,Arial,sans-serif}.matches-page .public-banner-inner{max-width:1280px;padding-inline:28px}.matches-page .public-banner-counts{background:#161815b8;border:1px solid #e5c57e40;border-radius:16px}.matches-context{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:center;gap:28px;margin-bottom:28px;display:grid}.matches-context-identity{align-items:center;gap:14px;min-width:0;display:flex}.matches-context-icon{width:48px;height:48px;color:var(--matches-gold);background:#eee6d3;border:1px solid #dfd0ac;border-radius:14px;flex:0 0 48px;place-items:center;display:grid}.matches-context-identity>div{min-width:0}.matches-context-identity p{color:var(--matches-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700}.matches-context-identity h2{text-wrap:balance;margin:0;font-size:clamp(16px,2vw,21px);line-height:1.3}.matches-context-identity a{color:var(--matches-gold);align-items:center;gap:6px;margin-top:5px;font-size:11px;display:inline-flex}.matches-context-identity a svg{flex-shrink:0;width:14px}.matches-page .home-scope-selector{width:100%;max-width:none;margin:0;position:relative}.matches-page .home-scope-selector>span:first-child{color:var(--matches-muted);font-size:11px;font-weight:600}.matches-page .home-scope-selector select{border:1px solid var(--matches-line);width:100%;min-width:0;height:48px;color:var(--matches-ink);text-overflow:ellipsis;background-color:#fff;border-radius:12px;padding:0 32px 0 14px;font-size:12px}.matches-page .scope-progress:empty{display:none}.matches-page .scope-progress:not(:empty){position:absolute;top:100%}.matches-page .match-browser-tabs{border:1px solid var(--matches-line);background:#eae9e3;border-radius:14px;gap:6px;width:fit-content;max-width:100%;margin:0 0 18px;padding:5px}.matches-page .match-browser-tabs>button{color:#595a52;border:0;border-radius:10px;gap:9px;min-height:46px;padding:0 20px;font-size:13px}.matches-page .match-browser-tabs>button[aria-selected=true]{color:#f2d28a;background:#242621;box-shadow:0 3px 8px #181a191a}.matches-page .match-browser-tabs>button>span{color:#55574f;background:#dddcd4;border-radius:6px}.matches-page .match-browser-tabs>button[aria-selected=true]>span{color:#f6dda3;background:#ffffff16}.matches-page .match-browser-tools{border:1px solid var(--matches-line);border-radius:16px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);gap:16px;padding:20px;display:grid;box-shadow:0 3px 12px #25282003}.matches-page .match-browser-tools label{min-width:0}.matches-page .match-browser-tools label>span{color:#5e6057;font-size:11px;font-weight:600}.matches-page .match-browser-tools :is(input,select){border-color:var(--matches-line);height:46px;color:var(--matches-ink);background:#fafaf7;border-radius:9px;font-family:inherit;font-size:12px}.matches-page .match-browser-tools input::placeholder{color:#797a72}.matches-page .match-search svg{color:var(--matches-gold)}.matches-page .match-reset{min-height:28px;color:var(--matches-gold);grid-column:1/-1;justify-self:start}.matches-page .match-list-caption{color:var(--matches-muted);padding:18px 2px 0;font-size:11px}.matches-page .match-list-caption strong{color:var(--matches-ink)}.matches-page .match-date-group{margin-top:26px}.matches-page .match-date-group>header{gap:12px;margin-bottom:14px}.matches-page .match-date-stamp{color:#715826;background:#eae5d9;border-radius:11px;flex-direction:column;flex:0 0 46px;justify-content:center;align-items:center;height:50px;display:flex}.matches-page .match-date-stamp b{font-size:20px;line-height:1.05}.matches-page .match-date-stamp span{text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.matches-page .match-date-group h2{color:#383a32;text-transform:none;font-size:13px;line-height:1.5}.matches-page .match-date-count{color:var(--matches-muted);flex-shrink:0;margin-left:auto}.matches-page .match-fixture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.matches-page .match-fixture:only-child{grid-column:1/-1}.matches-page .match-browser-empty{background:#fffdf8;border:1px dashed #d6d1c2;border-radius:18px;margin-top:24px;padding:24px}.matches-page .profile-empty{background:0 0;border:0}.matches-page .profile-empty :is(p,strong){color:var(--matches-muted)}.matches-page .match-load-more button,.matches-page .match-browser-empty>button{color:#f6dfaa;background:#252922;border:1px solid #32362b;border-radius:10px;min-height:46px;padding:12px 22px;font-size:12px;font-weight:700}.matches-page .match-load-more p{color:var(--matches-muted)}@media (hover:hover){.matches-page .match-browser-tabs>button:not([aria-selected=true]):hover{background:#ffffff90}}@media (max-width:767px){.site-shell .matches-page .match-directory{padding:20px 16px 40px}.matches-page .public-banner-inner{padding-inline:16px}.matches-context{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.matches-context-icon{border-radius:12px;flex-basis:42px;width:42px;height:42px}.matches-page .match-browser-tabs{gap:3px;width:100%}.matches-page .match-browser-tabs>button{flex:1;gap:6px;padding:0 10px;font-size:11px}.matches-page .match-browser-tabs svg{display:none}.matches-page .match-browser-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding:16px}.matches-page .match-search{grid-column:1/-1}.matches-page .match-browser-tools :is(input,select){padding-inline:8px;font-size:16px}.matches-page .match-browser-tools input[type=search]{padding-left:38px}.matches-page .match-list-caption{gap:6px;font-size:10px}.matches-page .match-list-caption>span{font-size:9px}.matches-page .match-fixture-grid{grid-template-columns:1fr;gap:12px}.matches-page .match-date-group{margin-top:22px}.matches-page .match-date-group h2{font-size:11px}.matches-page .match-date-count{font-size:9px}.matches-page .match-date-stamp{flex-basis:40px;height:44px}}
