.filter-bar{background:var(--white);padding:1.5rem 0;border-bottom:3px solid var(--light-grey);box-shadow:0 2px 8px #0000001a}.filter-container{display:flex;flex-direction:column;gap:1rem}.filter-btn-all{padding:.9rem 2rem;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:var(--off-white);color:var(--charcoal);border:2px solid transparent;cursor:pointer;transition:all .3s;align-self:flex-start;border-radius:4px}.filter-btn-all:hover{background:var(--white);border-color:var(--stadium-red);color:var(--stadium-red);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.filter-btn-all.active{background:var(--stadium-red);color:var(--white);border-color:var(--stadium-red);box-shadow:0 4px 12px #cc00004d}.country-filters{display:flex;flex-wrap:wrap;gap:.75rem}.country-group{position:relative;display:flex;flex-direction:column}.country-btn{padding:.8rem 1.5rem;font-family:Roboto Condensed,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--charcoal);color:var(--white);border:2px solid var(--charcoal);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border-radius:4px;min-width:140px}.country-btn:hover{background:var(--stadium-red);border-color:var(--stadium-red);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.country-btn.active{background:var(--stadium-red);border-color:var(--stadium-red);box-shadow:0 4px 12px #cc00004d}.country-btn.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.country-name{flex:1;text-align:left}.country-count{font-size:.8rem;opacity:.8;font-weight:400}.expand-icon{font-size:.7rem;transition:transform .3s ease;margin-left:auto}.country-btn.expanded .expand-icon{transform:rotate(90deg)}.league-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--charcoal);border-top:none;border-radius:0 0 4px 4px;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0;z-index:100;box-shadow:0 4px 12px #00000026}.league-dropdown.expanded{max-height:400px;opacity:1;overflow-y:auto}.league-btn{display:block;width:100%;padding:.7rem 1.5rem .7rem 2rem;font-family:Roboto Condensed,sans-serif;font-size:.85rem;font-weight:600;text-align:left;background:var(--white);color:var(--charcoal);border:none;border-bottom:1px solid var(--light-grey);cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:0}.league-btn:last-child{border-bottom:none;border-radius:0 0 4px 4px}.league-btn:hover{background:var(--off-white);color:var(--stadium-red);padding-left:2.2rem}.league-btn.active{background:var(--pitch-green);color:var(--white);font-weight:700;padding-left:2.2rem}.league-btn.active:hover{background:var(--pitch-green);opacity:.9}@media(max-width:768px){.filter-container{gap:.75rem}.filter-btn-all{width:100%;padding:.8rem 1.5rem}.country-filters{width:100%;flex-direction:column}.country-group{width:100%}.country-btn{width:100%;min-width:auto}.league-dropdown{position:relative;width:100%}.league-dropdown.expanded{position:relative}}.league-dropdown::-webkit-scrollbar{width:6px}.league-dropdown::-webkit-scrollbar-track{background:var(--off-white)}.league-dropdown::-webkit-scrollbar-thumb{background:var(--stadium-red);border-radius:3px}.league-dropdown::-webkit-scrollbar-thumb:hover{background:var(--charcoal)}.match-card-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.match-card{background:var(--white);border:3px solid var(--charcoal);display:grid;grid-template-columns:200px 1fr auto;transition:all .3s;box-shadow:6px 6px #0000001a;position:relative;overflow:hidden}.match-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(0,0,0,.02) 8px,rgba(0,0,0,.02) 10px),repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(0,0,0,.02) 8px,rgba(0,0,0,.02) 10px);pointer-events:none}.match-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #00000026;border-color:var(--stadium-red)}.match-time{background:var(--charcoal);padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:3px solid var(--stadium-red)}.match-time-clock{font-family:Archivo Black,sans-serif;font-size:2rem;color:var(--white);line-height:1;margin-bottom:.5rem}.match-time-label{font-family:Roboto Condensed,sans-serif;font-size:.8rem;color:var(--light-grey);text-transform:uppercase;letter-spacing:1px}.match-league{font-family:Roboto Condensed,sans-serif;font-size:.75rem;color:var(--stadium-red);text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;font-weight:700;text-align:center}.match-info{padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.match-teams{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.team{flex:1;display:flex;align-items:center;gap:.8rem}.team-crest{width:50px;height:50px;background:var(--off-white);border:2px solid var(--light-grey);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;border-radius:8px;overflow:hidden}.team-crest img{width:100%;height:100%;object-fit:contain;padding:4px}.team-emoji{font-size:1.8rem;display:block}.team-name{font-family:Anton,sans-serif;font-size:1.3rem;color:var(--charcoal);text-transform:uppercase;letter-spacing:.5px}.team.winner .team-name{color:var(--pitch-green);font-weight:700}.team.winner .team-crest{border-color:var(--pitch-green);background:#1a5f3a1a;border-width:3px}.team.draw .team-name{color:orange}.team.draw .team-crest{border-color:orange;background:#ffa5001a}.vs{font-family:Roboto Condensed,sans-serif;font-size:.9rem;color:#999;font-weight:700}.match-predictions{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%;justify-items:flex-start;text-align:left}.prediction-item{display:flex;align-items:center;gap:.8rem}.prediction-label{font-family:Roboto Condensed,sans-serif;font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:1px;min-width:80px}.prediction-value{font-family:Oswald,sans-serif;font-size:1rem;color:var(--charcoal);font-weight:600;word-break:break-word;line-height:1.3}.match-stats{padding:1.5rem;background:var(--off-white);border-left:3px solid var(--light-grey);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-width:180px}.stat-item{text-align:center;width:100%}.stat-value{font-family:Archivo Black,sans-serif;font-size:2rem;color:var(--stadium-red);line-height:1;margin-bottom:.3rem}.stat-value.high{color:var(--pitch-green)}.stat-label{font-family:Roboto Condensed,sans-serif;font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:1px}.confidence-bar-wrapper{margin-top:.5rem}.confidence-bar-small{height:6px;background:var(--light-grey);position:relative;overflow:hidden}.confidence-fill-small{height:100%;background:var(--pitch-green);transition:width .8s ease-out}.confidence-badge{padding:.4rem 1rem;background:var(--charcoal);color:var(--white);font-family:Roboto Condensed,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.live-badge{position:absolute;top:1rem;right:1rem;background:var(--stadium-red);color:var(--white);padding:.4rem 1rem;font-family:Roboto Condensed,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem;z-index:10}.live-dot{width:8px;height:8px;background:var(--white);border-radius:50%;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:1024px){.match-card{grid-template-columns:150px 1fr}.match-stats{display:none}.match-predictions{grid-template-columns:1fr}}@media(max-width:768px){.match-card{grid-template-columns:1fr}.match-time{flex-direction:row;justify-content:space-between;border-right:none;border-bottom:3px solid var(--stadium-red)}.match-teams{flex-direction:column;gap:1rem}.team{width:100%}.vs{transform:rotate(90deg)}}