:root{--bg2: #111111;--bg3: #161616;--blue: #0099ff;--blue-dim: rgba(0,153,255,.12);--blue-glow: rgba(0,153,255,.35);--yellow: #eab308;--white: #ffffff;--muted: #666666;--muted2: #cac7c7;--line: rgba(255,255,255,.07);--green: #219b72;--red: #ef4444;--orange: #f97316;--border-color: #17203b;--mono: "Roboto Mono", monospace;--display: "Bebas Neue", sans-serif;--body: "Space Grotesk", sans-serif;--glass: linear-gradient(206deg, rgb(212 207 219 / 5%) 0%, rgb(177 177 177 / 5%) 50%, rgb(136 135 138 / 5%) 100%)}*,*:before,*:after{box-sizing:border-box}body{color:var(--white);font-family:var(--body)}.hud-page{position:relative;overflow:hidden;min-height:100vh}.hud-line-top{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 20px var(--blue-glow);z-index:2}.hud-geo{position:absolute;border:1px solid rgba(0,153,255,.12);transform:rotate(45deg);pointer-events:none;z-index:0}.hud-geo.s1{width:60px;height:60px;top:120px;right:8%}.hud-geo.s2{width:30px;height:30px;top:300px;left:4%}.hud-geo.s4{width:20px;height:20px;bottom:200px;right:12%}.hud-plus{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.hud-plus:before,.hud-plus:after{content:"";position:absolute;background:rgba(0,153,255,.2)}.hud-plus:before{width:1px;height:100%;left:50%;top:0}.hud-plus:after{height:1px;width:100%;top:50%;left:0}.hud-plus.p1{top:200px;left:6%}.hud-plus.p2{bottom:320px;right:6%}.hud-watermark{position:absolute;top:180px;right:-30px;font-family:var(--display);font-size:clamp(80px,14vw,160px);font-weight:700;color:#0099ff08;letter-spacing:-.04em;writing-mode:vertical-rl;text-orientation:mixed;pointer-events:none;z-index:0}.hud-ghost{position:absolute;top:100px;left:40px;pointer-events:none;z-index:0;font-family:var(--display);font-size:clamp(80px,14vw,160px);font-weight:700;color:#0099ff08;letter-spacing:-.04em;line-height:.8;text-transform:uppercase}.main{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 72px);position:relative;z-index:5}.content{background:transparent;padding:100px 40px 24px;overflow-y:auto;margin-top:0;max-width:100%;font-family:var(--body);position:relative;z-index:5}.fixtures-filter-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;padding:18px 20px;background:var(--bg2);border:1px solid var(--line);box-shadow:0 0 24px #0099ff0f;position:relative;z-index:10}.fixtures-filter-bar label{display:block;font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}.fixtures-filter-bar select{width:100%;padding:10px 36px 10px 16px;font-size:14px;font-weight:600;font-family:var(--body);border:1px solid var(--line);background:var(--glass);color:var(--white);cursor:pointer;outline:none;transition:all .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230099ff' d='M6 8L1 3h10z'/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 12px center}.fixtures-filter-bar select:hover{border-color:#fff3}.fixtures-filter-bar select:focus{border-color:#09f6;background:rgba(255,255,255,.05)}.fixtures-filter-bar select option{background:var(--bg2);color:var(--white)}.fixtures-filter-bar .filter-col{flex:1;min-width:150px;max-width:220px}.fixtures-filter-bar .filter-clear{display:flex;align-items:flex-end;min-width:120px}.fixtures-filter-bar .filter-clear button{padding:10px 20px;background:transparent;border:1px solid var(--blue);color:var(--blue);font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;width:100%}.fixtures-filter-bar .filter-clear button:hover{background:var(--blue);color:#000;box-shadow:0 0 20px var(--blue-glow)}.team-filter-banner{display:flex;align-items:center;gap:12px;margin-top:12px}.team-filter-label{font-family:var(--mono);color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.team-filter-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg2);border:1px solid var(--line)}.team-filter-clear{color:#94a3b8;margin-left:8px;font-size:12px;text-decoration:none;display:flex;align-items:center;transition:color .2s}.team-filter-clear:hover{color:var(--red)}.tournament-info{flex:1}.fixtures-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.fixtures-title{color:var(--white);font-family:var(--display);font-size:clamp(32px,5vw,52px);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1}.fixtures-nav{display:flex;gap:0;border-bottom:1px solid var(--line)}.nav-item{font-family:var(--mono);color:var(--muted);font-size:.7rem;font-weight:700;text-decoration:none;padding:10px 18px;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:.14em;transition:all .2s;margin-bottom:-1px}.nav-item:hover{color:var(--blue)}.nav-item.active{color:var(--blue);border-color:var(--blue);box-shadow:0 4px 12px -4px var(--blue-glow)}.fixtures-grid{display:grid;gap:2px;margin-bottom:32px}.fixture-row{display:grid;grid-template-columns:120px 120px 80px 50px 1fr 80px 1fr 50px 140px 120px;gap:12px;align-items:center;padding:14px 20px;background:var(--bg3);border:1px solid var(--line);min-height:60px;transition:all .2s ease;position:relative;cursor:pointer}.fixture-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;width:0;background:var(--blue);box-shadow:0 0 10px var(--blue-glow);transition:width .3s ease}.fixture-row:hover{background:var(--bg2);border-color:#0099ff4d}.fixture-row:hover:before{width:100%}.fixture-time{font-family:var(--mono);font-size:.82rem;font-weight:700;color:var(--blue)}.team-logo{width:40px;height:40px;object-fit:contain}.team-logo-fallback{width:40px;height:40px;background:linear-gradient(135deg,var(--blue),rgba(59,182,255,.8));display:grid;place-items:center;color:var(--white);font-weight:900;font-size:12px;border:2px solid var(--white)}.team-name-left{font-size:.82rem;color:var(--white);font-weight:600;text-align:left;padding-right:8px;text-decoration:none}.team-name-right{font-size:.82rem;color:var(--white);font-weight:600;text-align:right;padding-left:8px;text-decoration:none}.fixture-score{font-family:var(--mono);font-size:.88rem;font-weight:700;color:var(--white);text-align:center;background:var(--blue-dim);padding:6px 12px;border:1px solid rgba(0,153,255,.3);min-width:60px}.match-details{min-width:120px;text-align:right;padding-left:16px}.scorer-info{font-size:.68rem;color:#ffffffa6;font-weight:500;margin-bottom:2px}.assist-info{font-size:.62rem;color:#fff6;font-weight:400}.match-time{font-family:var(--mono);font-size:.65rem;color:var(--yellow);font-weight:400}.match-link{min-width:120px;text-align:center}.match-link a{background:transparent;border:1px solid var(--line);color:var(--muted2);padding:5px 12px;text-decoration:none;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:inline-block;transition:all .2s}.match-link a:hover{border-color:var(--blue);color:var(--blue)}.live-badge{background:rgba(255,59,59,.15);color:var(--red);border:1px solid rgba(255,59,59,.3);padding:2px 8px;font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;animation:pulse-live 1.2s infinite}.fixture-status{padding-right:35px}.status-badge{padding:3px 8px;font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;text-align:center;min-width:60px;letter-spacing:.08em;border:1px solid}.status-completed{background:rgba(33,155,114,.15);color:var(--green);border-color:#219b724d}.status-live{background:rgba(255,59,59,.15);color:var(--red);border-color:#ff3b3b4d;animation:pulse-live 1.2s infinite}.status-scheduled{background:rgba(102,102,102,.1);color:var(--muted2);border-color:#66666640}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.tournament-info{min-width:120px}.tournament-name{font-weight:600;margin-bottom:2px;font-size:.82rem;color:var(--muted2)}.tournament-round{color:var(--muted);font-family:var(--mono);font-size:.65rem;font-weight:500;letter-spacing:.06em}.featured-section{margin-top:40px;margin-bottom:40px}.featured-title{font-family:var(--display);color:var(--white);font-size:26px;font-weight:400;letter-spacing:.03em;margin-bottom:20px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.featured-title:before{content:"";display:inline-block;width:20px;height:2px;background:var(--blue)}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;max-width:1002px}.featured-match{overflow:hidden;position:relative;height:350px;cursor:pointer;transition:all .2s;border:1px solid var(--line)}.featured-match:hover{transform:translateY(-3px);box-shadow:0 0 24px var(--blue-glow);border-color:var(--blue)}.featured-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1}.featured-content{position:relative;z-index:2;padding:16px;color:var(--white);height:100%;display:flex;flex-direction:column;justify-content:space-between}.featured-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.featured-time{font-size:.68rem;opacity:.9;font-weight:500;display:flex;flex-direction:column;gap:2px}.featured-league{background:rgba(0,153,255,.2);border:1px solid rgba(0,153,255,.3);padding:3px 8px;font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.featured-teams{text-align:left;margin:16px 0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.featured-team-home{font-family:var(--display);font-size:41px;font-weight:400;margin-top:51px;display:flex;align-items:center;gap:8px}.featured-team-away{font-family:var(--display);font-size:32px;font-weight:400;margin-top:-28px;display:flex;align-items:center;gap:0}.featured-vs{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.75rem;font-weight:700}.featured-actions{position:absolute;bottom:72px;left:16px;right:16px;display:flex;align-items:center;gap:8px}.action-btn{padding:4px 10px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);color:var(--white);text-decoration:none;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:4px;transition:all .2s}.action-btn:hover{border-color:var(--blue);color:var(--blue)}.featured-team-score{font-family:var(--mono);font-weight:700;margin-left:auto;font-size:inherit;color:var(--white)}.featured-league-info{display:flex;flex-direction:column;gap:2px}.featured-day,.featured-hour{font-family:var(--mono);font-size:.62rem;opacity:.8}.gameweek-section{margin-bottom:50px;position:relative;z-index:5}.gameweek-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--line);position:relative}.gameweek-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue) 0%,transparent 60%);box-shadow:0 0 10px var(--blue-glow)}.gameweek-title{font-family:var(--display);color:var(--white);font-size:24px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.gameweek-meta{font-family:var(--mono);color:var(--muted2);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding-left:20px}.tournament-preview-section{margin-bottom:32px;background:var(--bg3);border:1px solid var(--line);padding:22px;position:relative;box-shadow:0 0 16px #0099ff0a}.tournament-preview-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.tournament-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tournament-preview-title{font-family:var(--display);color:var(--white);font-size:22px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:.03em}.tournament-preview-meta{font-family:var(--mono);color:var(--muted2);display:flex;align-items:center;gap:12px;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.tournament-format-badge{background:var(--blue-dim);color:var(--blue);padding:3px 10px;font-family:var(--mono);font-size:.6rem;font-weight:700;border:1px solid rgba(0,153,255,.3);letter-spacing:.08em;text-transform:uppercase}.season-badge{background:rgba(255,255,255,.06);color:var(--muted2);padding:3px 10px;font-family:var(--mono);font-size:.68rem;font-weight:700;margin-left:8px;display:inline-block;border:1px solid var(--line)}.group-preview-section{margin-bottom:24px}.group-preview-title{font-family:var(--mono);color:var(--yellow);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;padding-left:14px;border-left:2px solid var(--yellow)}.view-all-link{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.group-navigation{display:flex;gap:4px;margin-bottom:28px;padding:0 20px;flex-wrap:wrap}.group-tab{background:transparent;border:1px solid var(--line);color:var(--muted2);padding:8px 16px;font-family:var(--mono);font-size:.68rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.1em}.group-tab:hover{border-color:#09f6;color:var(--blue);background:var(--blue-dim)}.group-tab.active{border-color:var(--blue);color:var(--blue);background:var(--blue-dim)}.group-match-count{background:rgba(0,153,255,.2);color:var(--blue);padding:1px 6px;font-family:var(--mono);font-size:.58rem;font-weight:700;min-width:20px;text-align:center}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;background:var(--bg2);border:1px solid var(--line)}.group-title{font-family:var(--display);color:var(--white);font-size:18px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:.04em}.group-meta{font-family:var(--mono);color:var(--muted2);font-size:.68rem;font-weight:700;letter-spacing:.1em}.matchday-section{margin-bottom:40px}.matchday-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 20px}.matchday-title{font-family:var(--display);color:var(--white);font-size:22px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:.03em}.matchday-meta{font-family:var(--mono);color:var(--muted2);font-size:.68rem;font-weight:700;letter-spacing:.1em}.fixtures-section{margin-bottom:32px}.empty-state{text-align:center;padding:52px 20px;color:var(--muted2);background:var(--bg2);border:1px solid var(--line);margin:20px 0;position:relative}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),transparent)}.empty-state h3{font-family:var(--display);color:var(--white);margin-bottom:8px;font-size:22px;font-weight:400;text-transform:uppercase;letter-spacing:.04em}.empty-state p{margin-bottom:20px;font-size:.9rem}.btn{color:var(--blue);display:inline-block;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:transparent;padding:10px 24px;border:1px solid var(--blue);transition:all .2s}.btn:hover{background:var(--blue);color:#000;text-decoration:none}.mobile-filter-icon{display:none;width:32px;height:32px;background:none;border:1px solid var(--line);cursor:pointer;align-items:center;justify-content:center;transition:all .2s;margin-left:12px;padding:0}.mobile-filter-icon:active{transform:scale(.95)}.mobile-filter-icon svg{width:18px;height:18px;color:var(--muted2)}.mobile-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:999;opacity:0;visibility:hidden;transition:all .3s}.mobile-filter-overlay.active{opacity:1;visibility:visible}.mobile-filter-panel{position:fixed;bottom:-100%;left:0;right:0;background:var(--bg2);border-top:1px solid var(--line);z-index:1000;max-height:70vh;transition:bottom .4s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 32px #00000080}.mobile-filter-panel.active{bottom:0}.mobile-filter-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.mobile-filter-title{font-family:var(--display);color:var(--white);font-size:1.2rem;font-weight:400;letter-spacing:.04em}.mobile-filter-close{background:transparent;border:none;color:var(--muted2);font-size:1.4rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.mobile-filter-close:hover{color:var(--blue)}.mobile-filter-list{overflow-y:auto;max-height:calc(70vh - 64px)}.filter-option{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--white);cursor:pointer;transition:all .2s;border-bottom:1px solid var(--line)}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:var(--bg3)}.filter-option.active{background:var(--bg3);border-left:2px solid var(--blue)}.filter-option-icon{width:36px;height:36px;background:var(--blue-dim);border:1px solid rgba(0,153,255,.2);display:grid;place-items:center;font-family:var(--mono);font-size:.65rem;font-weight:700;color:var(--blue);flex-shrink:0}.filter-option img{width:36px;height:36px;object-fit:cover}.filter-option-text{flex:1}.filter-option-name{font-weight:600;margin-bottom:2px;font-size:.88rem}.filter-option-meta{font-family:var(--mono);font-size:.62rem;color:var(--muted);letter-spacing:.06em}.mobile-filter-dropdowns{padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-filter-row label{display:block;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.mobile-filter-row select{width:100%;padding:10px 12px;background:transparent;border:1px solid var(--line);color:var(--white);font-family:var(--body);font-size:.85rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.mobile-filter-row select:focus{border-color:#ffffff4d;background:rgba(255,255,255,.05);outline:none}@media (max-width: 1024px){.content{padding:24px 32px}.featured-grid{grid-template-columns:1fr}.fixture-row{grid-template-columns:100px 100px 70px 40px 1fr 70px 1fr 40px 120px 100px;gap:8px;padding:10px 12px}}@media (max-width: 768px){.main{grid-template-columns:1fr;position:relative}.content{padding:80px 16px 16px;margin-top:0}.fixtures-filter-bar,.fixtures-title{display:none}.mobile-filter-icon{display:flex}.fixtures-header{flex-wrap:wrap;gap:0}.nav-item{padding:8px 10px;font-size:.6rem;letter-spacing:.08em}.team-filter-banner{order:3;width:100%;margin-top:0;padding:10px 0;border-top:1px solid var(--line)}.team-filter-label{display:none}.team-filter-chip{flex:1;padding:6px 12px;font-size:13px}.featured-match{height:220px}.featured-teams{margin:-15px 0}.featured-team-home{font-size:28px;margin-top:20px}.featured-team-away{font-size:22px;margin-top:-16px}.featured-actions{bottom:auto;top:175px}.featured-section{margin-top:24px;margin-bottom:24px}.featured-league{margin-bottom:4px}.tournament-preview-header{flex-direction:column;align-items:flex-start;gap:8px}.tournament-format-badge{display:none}.gameweek-header{align-items:center}.fixtures-grid{gap:2px}.gameweek-title{font-size:18px}.gameweek-meta{font-size:.6rem;padding-left:8px}.fixture-row{display:grid!important;grid-template-columns:auto 1fr auto 1fr auto!important;grid-template-rows:auto auto auto;gap:0 8px!important;padding:12px 16px!important;border-left:2px solid var(--blue)}.fixture-row:before{display:none}.fixture-row>div{margin:0;display:flex;align-items:center}.fixture-row>div:nth-child(1){display:none}.fixture-row>div:nth-child(2){grid-column:1 / 4;grid-row:1;font-size:.75rem;min-width:0;padding-bottom:8px}.fixture-row>div:nth-child(3){grid-column:4 / 6;grid-row:1;justify-content:flex-end;padding-right:0;padding-bottom:8px}.fixture-row>div:nth-child(4){grid-column:1;grid-row:2;padding:10px 0}.fixture-row>div:nth-child(5){grid-column:2;grid-row:2;padding:10px 0;font-size:.82rem}.fixture-row>div:nth-child(6){grid-column:3;grid-row:2;padding:10px 0;justify-content:center;font-size:.9rem;min-width:46px}.fixture-row>div:nth-child(7){grid-column:4;grid-row:2;padding:10px 0;justify-content:flex-end;font-size:.82rem}.fixture-row>div:nth-child(8){grid-column:5;grid-row:2;padding:10px 0}.team-logo{width:28px!important;height:28px!important}.team-name-left,.team-name-right{font-weight:600;color:var(--white)}.team-name-left{text-align:left;padding-right:0}.team-name-right{text-align:right;padding-left:0}.fixture-score{background:none;border:none;padding:6px 4px;min-width:auto}.fixture-status{padding-right:0}.fixture-row>div:nth-child(9){display:none!important}.fixture-row>div:nth-child(10){grid-column:3 / 6;grid-row:3;justify-content:flex-end;min-width:auto;padding-top:8px}.fixture-row>div:nth-child(10) a{font-size:.7rem;padding:4px 10px}.fixture-row>div:nth-child(1){display:flex!important;grid-column:1 / 3;grid-row:3;font-size:.72rem;color:var(--muted);padding-top:8px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.content{padding-top:72px}}