:root{--bg-primary:#02120b;--bg-secondary:#042115;--bg-card:#032416;--bg-card-hover:#053320;--bg-glass:#ffffff05;--bg-glass-hover:#ffffff0f;--gold:#e2b13c;--gold-light:#f4c85c;--gold-dark:#b58723;--green:#10b981;--red:#ef4444;--blue:#3b82f6;--text-primary:#eaf5f0;--text-secondary:#a0c0b0;--text-muted:#5a7d6d;--border:#10b9811a;--border-gold:#e2b13c40;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-main:"Cairo", sans-serif}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f5f5f5;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--gold:#b8860b;--gold-light:#d4a017;--gold-dark:#8b6914;--green:#059669;--red:#dc2626;--blue:#2563eb;--text-primary:#1a1a2e;--text-secondary:#555770;--text-muted:#8e8ea0;--border:#00000014;--border-gold:#b8860b33}[data-theme=light] .site-header{background:#ffffffe0;border-bottom-color:#0000000f}[data-theme=light] .nav-link.active{border-color:#d977064d;box-shadow:0 4px 12px #d9770626;color:#78350f!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important}[data-theme=light] .match-card{border-color:#00000014;box-shadow:0 2px 8px #0000000f}[data-theme=light] .match-card:hover{border-color:#b8860b59;box-shadow:0 8px 24px #0000001a,0 0 10px #b8860b14}[data-theme=light] .group-card{box-shadow:0 2px 8px #0000000f}[data-theme=light] .group-header{background:linear-gradient(135deg,#b8860b14,#b8860b05)}[data-theme=light] .standings-table td{border-bottom-color:#0000000a}[data-theme=light] .filter-tab.active{background:#b8860b14}[data-theme=light] .hero-banner{background-color:#0000;background-image:linear-gradient(270deg,#fffffff2 45%,#fff3),url(/banner.png);background-position:50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-color:#00000014;box-shadow:0 4px 20px #00000014}[data-theme=light] .hero-title{color:#1a1a2e}[data-theme=light] .hero-desc{color:#555770}[data-theme=light] .modal-overlay{background:#00000080}[data-theme=light] .modal-card{background:#fff;border-color:#b8860b26;box-shadow:0 20px 50px #0003,0 0 20px #b8860b14}[data-theme=light] .modal-close{color:#333;background:#0000000d;border-color:#00000014}[data-theme=light] .detail-tab{color:#555770}[data-theme=light] .detail-tab:hover{color:#1a1a2e;background:#00000008}[data-theme=light] .detail-tab.active{color:var(--gold);background:#b8860b0d}[data-theme=light] .empty-state{background:#fff;border-color:#00000014}[data-theme=light] .stats-card{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000f}[data-theme=light] .stats-item{background:#00000005;border-color:#0000000f}[data-theme=light] .live-strip{background:#dc26260f;border-color:#dc262626}[data-theme=light] .status-scheduled{color:#0e7490;background:#0e749014;border-color:#0e749033}[data-theme=light] .status-live,[data-theme=light] .status-halftime{color:#dc2626;background:#dc262614;border-color:#dc262633}[data-theme=light] .status-finished{color:#059669;background:#05966914;border-color:#05966933}[data-theme=light] .timeline:before{background:#00000014}[data-theme=light] .timeline-time{color:#555;background:#fff;border-color:#0000001a;box-shadow:0 0 8px #00000014}[data-theme=light] .section-title:before{background:repeating-linear-gradient(90deg,#dc2626 0 3px,#0000 3px 5px,#d97706 5px 8px,#0000 8px 10px,#059669 10px 13px)}[data-theme=light] .bracket-scroll-wrapper{scrollbar-color:#ccc #f8f9fa;background:#f8f9fa;border-color:#e0e0e0}[data-theme=light] .bracket-trophy-label{color:#666}[data-theme=light] .bracket-match-card{background:#fff;border-color:#e0e0e0;box-shadow:0 1px 4px #00000014}[data-theme=light] .bracket-match-card:hover{background:#f9f9f9;border-color:#bbb}[data-theme=light] .bracket-names-row{color:#333}[data-theme=light] .bracket-match-date{color:#999}[data-theme=light] .bracket-round-final{color:#fff;background:#d4a017}[data-theme=light] .bracket-round-third{color:#2563eb;background:#2563eb1a;border-color:#2563eb40}[data-theme=light] .col-header{color:#999!important}@media (width>=992px){[data-theme=light] .bracket-match-card:before,[data-theme=light] .bracket-match-card:after,[data-theme=light] .bracket-match-slot:before{background:#ccc!important}}@media (width<=991px){[data-theme=light] .bracket-match-card:before,[data-theme=light] .bracket-match-card:after{background:#ccc!important}[data-theme=light] .col-r-qf .bracket-match-card:before,[data-theme=light] .col-r-sf .bracket-match-card:before,[data-theme=light] .col-l-sf .bracket-match-card:before,[data-theme=light] .col-l-qf .bracket-match-card:before{background:0 0!important;border-color:#ccc!important}}.theme-toggle-btn{border:1px solid var(--border);background:var(--bg-glass);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .3s;display:flex}.theme-toggle-btn:hover{background:var(--bg-glass-hover);color:var(--gold);border-color:var(--border-gold);transform:rotate(30deg)}body,body .site-header,body .match-card,body .group-card,body .stats-card,body .modal-card,body .empty-state,body .bracket-scroll-wrapper,body .bracket-match-card{transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);direction:rtl;min-height:100vh;margin:0;padding:0;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#f5c5180a 0%,#0000 50%),radial-gradient(at 80% 80%,#00d4aa08 0%,#0000 50%);position:fixed;inset:0}[data-theme=light] body:before,[data-theme=light]:before{background:0 0}.site-header{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#02120bd9;position:sticky;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 1.5rem;display:flex}.site-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--gold), var(--gold-light));border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex;box-shadow:0 0 20px #f5c51840}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-name{color:var(--text-primary);font-size:1.1rem;font-weight:800}.logo-sub{color:var(--gold);font-size:.7rem;font-weight:500}.site-nav{align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.nav-link.active{border:1px solid #f59e0b66;box-shadow:0 4px 12px #78350f4d;color:#fffef0!important;background:linear-gradient(135deg,#5c2d10,#78350f)!important}.app-main{z-index:1;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative}.app-view{display:none}.app-view.active{animation:.4s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-banner{border-radius:var(--radius-lg);text-align:right;background-color:#0000;background-image:linear-gradient(270deg,#02140df2 45%,#02140d33),url(/banner.png);background-position:50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1.5px solid #10b98126;flex-direction:column;justify-content:center;min-height:220px;margin-bottom:2.5rem;padding:4rem 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.hero-title{color:#fff;margin-bottom:1rem;font-size:2.4rem;font-weight:900}.hero-title span{color:var(--gold)}.hero-desc{color:#a0c0b0;max-width:600px;font-size:1.05rem}.section-title{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.35rem;font-weight:800;display:flex}.section-title:before{content:"";background:repeating-linear-gradient(90deg,#ef4444 0 3px,#0000 3px 5px,#eab308 5px 8px,#0000 8px 10px,#10b981 10px 13px);width:14px;height:24px;margin-left:.5rem;display:inline-block}.live-strip{border-radius:var(--radius-md);background:#ff475714;border:1px solid #ff475733;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;display:flex}.live-badge{background:var(--red);color:#fff;border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;animation:2s infinite pulse;display:inline-flex}.live-badge:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px}@keyframes pulse{0%,to{box-shadow:0 0 #ff475766}50%{box-shadow:0 0 0 5px #ff475700}}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.match-card{background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);border:1.5px solid #e2b13c1f;padding:1.5rem;display:block;position:relative;overflow:hidden}.match-card:hover{background:var(--bg-card-hover);border-color:#e2b13c73;transform:translateY(-3px);box-shadow:0 10px 30px #00000080,0 0 15px #e2b13c1a}.match-card.live-match{border-color:#ef444473}.match-center-info{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:90px;display:flex}.match-status-badge{border-radius:8px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.status-scheduled{color:#67e8f9;background:#0e749033;border:1px solid #0e749073}.status-live,.status-halftime{color:#fca5a5;background:#7f1d1d40;border:1px solid #ef444473}.status-finished{color:#a7f3d0;background:#064e3b40;border:1px solid #10b98173}.live-dot{color:#ef4444;margin-left:2px;animation:1.2s infinite liveDotPulse}@keyframes liveDotPulse{0%,to{opacity:1}50%{opacity:.4}}.match-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.team-info{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.team-logo{object-fit:contain;width:64px;height:64px}.team-name{color:var(--text-primary);font-size:.95rem;font-weight:800}.score-display{color:var(--gold);letter-spacing:2px;font-family:Cairo,sans-serif;font-size:2rem;font-weight:900}.score-vs{color:var(--gold);font-family:Cairo,sans-serif;font-size:1.8rem;font-weight:800}.date-tabs-container{white-space:nowrap;scrollbar-width:none;margin-bottom:2rem;padding:.5rem 0;overflow-x:auto}.date-tabs-container::-webkit-scrollbar{display:none}.date-tabs{gap:.5rem;display:inline-flex}.date-tab{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;padding:.5rem 1.25rem;display:flex}.date-tab.active,.date-tab:hover{background:var(--bg-glass-hover);border-color:var(--border-gold);color:var(--gold)}.date-tab .day-name{font-size:.7rem;font-weight:500}.date-tab .day-num{margin:2px 0;font-size:1.1rem;font-weight:800}.date-tab .month-name{font-size:.65rem}.filter-tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.filter-tab{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:600;font-family:var(--font-main);background:0 0;border:1px solid #0000;align-items:center;gap:.4rem;padding:.4rem 1.2rem;display:inline-flex}.filter-tab.active{background:var(--bg-glass);color:var(--gold);border-color:var(--border-gold)}.filter-tab .tab-icon{stroke-width:2.2px;width:16px;height:16px}@media (width<=768px){.filter-tabs{gap:.25rem}.filter-tab{gap:.25rem;padding:.3rem .6rem;font-size:.72rem}.filter-tab svg{width:14px;height:14px}}.date-tab .day-num svg{stroke-width:2px;width:22px;height:22px;margin:2px 0}.live-pulse-icon{color:var(--red);animation:1.5s ease-in-out infinite liveIconPulse}@keyframes liveIconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.standings-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:1.5rem;display:grid}.group-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.group-header{border-bottom:1px solid var(--border);color:var(--gold);background:linear-gradient(135deg,#f5c51814,#f5c51805);padding:.75rem 1.25rem;font-size:1rem;font-weight:800}.standings-table{border-collapse:collapse;width:100%;font-size:.85rem}.standings-table th{color:var(--text-muted);border-bottom:1px solid var(--border);text-align:center;padding:.6rem .8rem}.standings-table th.team-col{text-align:right}.standings-table td{text-align:center;border-bottom:1px solid #ffffff05;padding:.75rem .8rem}.standings-table tr:last-child td{border-bottom:none}@media (width<=768px){.standings-table th{padding:.4rem .2rem;font-size:.75rem}.standings-table td{padding:.5rem .2rem;font-size:.8rem}.team-cell{gap:.25rem}}.team-cell{text-align:right;align-items:center;gap:.5rem;display:flex}.team-cell img{object-fit:contain;width:24px;height:24px}.row-qual{border-right:3px solid var(--green)}.row-third{border-right:3px solid var(--gold)}.row-eliminated{border-right:3px solid var(--red)}.pts-cell{color:var(--gold);font-weight:800}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.stats-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.stats-card-header{color:var(--gold);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:800;display:flex}.stats-list{flex-direction:column;gap:.75rem;display:flex}.stats-item{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.stats-rank{color:var(--text-muted);width:20px;font-weight:800}.stats-avatar{object-fit:cover;background:#ffffff0d;border-radius:50%;width:38px;height:38px}.stats-info{flex:1}.stats-name{font-size:.85rem;font-weight:700}.stats-team{color:var(--text-secondary);align-items:center;gap:.25rem;margin-top:2px;font-size:.72rem;display:flex}.stats-team img{object-fit:contain;width:14px;height:14px}.stats-value-box{text-align:center}.stats-main-value{color:var(--gold);font-size:1.1rem;font-weight:800}.stats-sub-value{color:var(--text-muted);font-size:.65rem}.stats-tabs-nav{border-bottom:1px solid var(--border);justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:none}.stats-tab-btn{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:600;font-family:var(--font-main);background:0 0;border:1px solid #0000;padding:.4rem 1.2rem}.stats-tab-btn:hover,.stats-tab-btn.active{background:var(--bg-glass);color:var(--gold);border-color:var(--border-gold)}.stats-empty-list{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.9rem}@media (width<=768px){.stats-tabs-nav{display:flex}.stats-card.hide-mobile{display:none!important}}.live-time-display{background:#ff47571f;border:1px solid #ff475759;border-radius:20px;align-items:center;gap:6px;padding:4px 14px 4px 10px;display:inline-flex}.live-dot-pulse{background:var(--red);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite livePulse;display:inline-block}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #ff475780}50%{opacity:.5;box-shadow:0 0 0 5px #ff475700}}.live-elapsed-text{color:var(--red);letter-spacing:.5px;direction:ltr;font-size:.95rem;font-weight:800}.match-countdown-display{flex-direction:column;align-items:center;gap:8px;line-height:1.2;display:inline-flex}.countdown-label{color:var(--text-muted);font-size:.7rem;font-weight:600}.countdown-timer{color:var(--gold);letter-spacing:2px;font-variant-numeric:tabular-nums;direction:ltr;font-family:Cairo,monospace;font-size:1.3rem;font-weight:900}.countdown-days{color:var(--text-secondary);font-size:.9rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#030712e6;justify-content:center;align-items:flex-start;padding:1.5rem;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.active{animation:.3s fadeIn;display:flex}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-gold);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:none;margin:2rem auto;position:relative;overflow-y:visible;box-shadow:0 20px 50px #0009,0 0 30px #f5c51840}.modal-close{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex;position:absolute;top:1rem;left:1rem}.modal-close:hover{background:var(--bg-glass-hover)}.stream-wrapper{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--border);background:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.stream-iframe,.stream-video{border:none;width:100%;height:100%;position:absolute;inset:0}.loading-spinner{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.spinner{border:3px solid #f5c5181a;border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4rem 2rem}.empty-icon{margin-bottom:1rem;font-size:3rem}.detail-body{padding:1.5rem}.detail-tabs{border-bottom:1px solid var(--border);width:100%;margin-bottom:1.25rem;display:flex}.detail-tab{text-align:center;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-main);transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.8rem 1rem}.detail-tab:hover{color:var(--text-primary);background:#ffffff05}.detail-tab.active{color:var(--gold);border-bottom-color:var(--gold);background:#f5c51808}.detail-panel{display:none}.detail-panel.active{display:block}.timeline{direction:ltr;flex-direction:column;gap:1.5rem;padding:1rem 0;display:flex;position:relative}.timeline:before{content:"";z-index:1;background:#ffffff14;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-row{justify-content:center;align-items:center;width:100%;min-height:48px;display:flex;position:relative}.timeline-left{text-align:right;flex-direction:column;flex:1;justify-content:center;align-items:flex-end;padding-right:1.5rem;display:flex}.timeline-right{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding-left:1.5rem;display:flex}.timeline-time{background:var(--bg-secondary);width:38px;height:38px;color:var(--text-secondary);z-index:2;direction:ltr;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex;position:relative;box-shadow:0 0 10px #0000004d}.timeline-time.border-red{box-shadow:0 0 10px #ff475726;color:var(--red)!important;border-color:#ff475780!important}.timeline-time.border-green{box-shadow:0 0 10px #00d4aa26;color:var(--green)!important;border-color:#00d4aa80!important}.event-player-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.event-sub-desc{color:var(--text-secondary);margin-top:1px;font-size:.72rem}.event-goal-row,.event-card-row,.event-subst-row{direction:rtl;flex-direction:column;gap:.2rem;display:flex}.event-main-line{align-items:center;gap:.5rem;display:flex}.event-icon-span{justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.event-icon-span svg{width:auto;height:16px;display:block}.var-svg-icon svg{height:10px!important}.own-goal-icon{filter:drop-shadow(0 0 1px red)sepia()saturate(10)hue-rotate(320deg)}.disallowed-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.disallowed-icon:after{content:"";background:var(--red);width:100%;height:2px;position:absolute;transform:rotate(-45deg)}.card-badge{border-radius:2px;width:11px;height:15px;display:inline-block}.card-badge.yellow{background:var(--gold);box-shadow:0 0 8px #f5c51880}.card-badge.red{background:var(--red);box-shadow:0 0 8px #ff475780}.sub-arrow{margin:0 2px;font-size:.95rem;font-weight:700;display:inline-block}.sub-arrow.green{color:var(--green)}.sub-arrow.red{color:var(--red)}.var-badge{color:var(--text-secondary);background:#ffffff14;border:1px solid #ffffff26;border-radius:3px;margin-right:4px;padding:1px 4px;font-size:.6rem;font-weight:800}.modal-scoreboard{text-align:center;border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}@media (width<=768px){.modal-scoreboard{margin-bottom:1rem;padding-bottom:1rem}}@media (width<=480px){.timeline-left{padding-right:.6rem!important}.timeline-right{padding-left:.6rem!important}.timeline-time{width:32px!important;height:32px!important;font-size:.72rem!important}.event-player-name{font-size:.75rem!important}.event-sub-desc{font-size:.65rem!important}.event-icon-span svg{height:12px!important}}.btn{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);padding:.5rem 1.25rem;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#111;border:none}.btn-primary:hover{box-shadow:0 0 15px #f5c51866}.btn-sm{padding:.25rem .75rem;font-size:.8rem}@media (width<=768px){.header-inner{flex-direction:column;gap:.75rem;height:auto;padding:.75rem 1rem}.site-logo{justify-content:center;width:100%}.site-nav{-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;padding-bottom:.25rem;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.nav-link{padding:.4rem .85rem;font-size:.8rem}.app-main{padding-top:1rem;padding-left:.75rem;padding-right:.75rem}.hero-banner{margin-bottom:1.5rem;padding:2rem 1rem}.hero-title{font-size:1.5rem}.hero-desc{font-size:.85rem}.matches-grid{grid-template-columns:1fr;gap:.75rem}.match-card{padding:1rem}.match-teams{gap:.5rem}.team-logo{width:38px;height:38px}.team-name{font-size:.78rem}.score-display{font-size:1.3rem}.standings-grid,.stats-grid{grid-template-columns:1fr;gap:1rem}.modal-card{border:none;border-radius:0;height:100%;max-height:100vh;margin:0;overflow-y:auto}.modal-overlay{align-items:stretch;padding:0;overflow-y:hidden}.detail-body{padding:1rem}@media (width<=480px){.pitch-container{height:420px!important}.pitch-player{width:55px!important}.player-circle{width:36px!important;height:36px!important}.player-name{max-width:55px!important;font-size:.62rem!important}}}.bracket-scroll-wrapper{scrollbar-width:thin;scrollbar-color:#444 #1a1a1e;border-radius:var(--radius-lg);direction:ltr;background:#1a1a1e;border:1px solid #2a2a2e;margin-top:1rem;padding:1.5rem;position:relative;overflow-x:auto}.bracket-trophy-area{flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:.5rem;display:flex}.bracket-trophy-label{color:#aaa;letter-spacing:1px;font-size:.8rem;font-weight:800}.bracket-round-badge{text-align:center;white-space:nowrap;border-radius:4px;align-self:center;margin-bottom:8px;padding:3px 10px;font-size:.65rem;font-weight:800;display:inline-block}.bracket-round-final{color:#1a1a1e;background:#e2b13c}.bracket-round-third{color:#7cb3f4;background:#3b82f626;border:1px solid #3b82f64d}.bracket-tree{direction:ltr;justify-content:center;gap:20px;width:100%;max-width:1180px;margin:0 auto;padding:.5rem 0 1rem;display:flex}.bracket-col{flex-direction:column;flex-shrink:0;justify-content:space-around;width:100px;display:flex;position:relative}.bracket-col.center-col{justify-content:center;gap:10px;width:140px}.bracket-col .col-header{text-align:center;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:none;margin-bottom:8px;padding-bottom:4px;font-size:.62rem;font-weight:800}.center-section{flex-direction:column;justify-content:center;align-items:center;margin:6px 0;display:flex}.center-section.finals-section,.center-section.third-place-section{background:0 0;border:none;border-radius:0;padding:0}.bracket-match-slot{flex-direction:column;margin:6px 0;display:flex;position:relative}.bracket-match-card{cursor:pointer;background:#27272b;border:1px solid #3a3a3e;border-radius:8px;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 6px 6px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000004d}.bracket-match-card:hover{background:#303035;border-color:#555;transform:scale(1.03)}.bracket-logos-row{justify-content:space-around;align-items:center;gap:4px;width:100%;display:flex}.bracket-logos-row .bracket-team-logo{object-fit:contain;border-radius:2px;width:18px;height:18px}.bracket-names-row{color:#ddd;justify-content:space-around;gap:2px;width:100%;font-size:.62rem;font-weight:800;display:flex}.bracket-team-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:45%;overflow:hidden}.bracket-match-score{color:var(--gold);background:#f5c5181a;border-radius:4px;padding:1px 6px;font-size:.62rem;font-weight:800}.bracket-match-date{color:#777;text-align:center;direction:rtl;font-size:.52rem}.bracket-match-card.bracket-match-status-live{box-shadow:0 0 12px #ef444440;border-color:var(--red)!important}.bracket-match-card.bracket-match-finished{border-color:#10b9814d}@media (width>=992px){.bracket-tree{height:720px;margin-top:10px}.bracket-col>.col-header{margin-bottom:0;position:absolute;top:-28px;left:0;right:0}.bracket-match-slot{justify-content:center;height:82px;margin:0;position:relative}.bracket-match-card{box-sizing:border-box;justify-content:space-between;height:76px}.bracket-match-card:before,.bracket-match-card:after,.bracket-match-slot:before{content:"";pointer-events:none;z-index:1;background:#444;position:absolute}.col-l-r32 .bracket-match-card:after,.col-l-r16 .bracket-match-card:after,.col-l-qf .bracket-match-card:after,.col-l-sf .bracket-match-card:after{width:10px;height:2px;top:50%;right:-10px}.col-r-sf .bracket-match-card:after,.col-r-qf .bracket-match-card:after,.col-r-r16 .bracket-match-card:after,.col-r-r32 .bracket-match-card:after,.col-l-r16 .bracket-match-card:before,.col-l-qf .bracket-match-card:before,.col-l-sf .bracket-match-card:before{width:10px;height:2px;top:50%;left:-10px}.col-r-sf .bracket-match-card:before,.col-r-qf .bracket-match-card:before,.col-r-r16 .bracket-match-card:before{width:10px;height:2px;top:50%;right:-10px}.col-center .finals-section .bracket-match-card:before{width:10px;height:2px;top:50%;left:-10px}.col-center .finals-section .bracket-match-card:after{width:10px;height:2px;top:50%;right:-10px}.col-l-r16 .bracket-match-slot:before{width:2px;height:90px;top:calc(50% - 45px);left:-10px}.col-l-qf .bracket-match-slot:before{width:2px;height:180px;top:calc(50% - 90px);left:-10px}.col-l-sf .bracket-match-slot:before{width:2px;height:360px;top:calc(50% - 180px);left:-10px}.col-r-r16 .bracket-match-slot:before{width:2px;height:90px;top:calc(50% - 45px);right:-10px}.col-r-qf .bracket-match-slot:before{width:2px;height:180px;top:calc(50% - 90px);right:-10px}.col-r-sf .bracket-match-slot:before{width:2px;height:360px;top:calc(50% - 180px);right:-10px}}@media (width<=991px){.bracket-scroll-wrapper{padding:1.5rem .5rem;overflow-x:hidden}.bracket-trophy-area{margin-bottom:1rem}.bracket-trophy-area svg{width:36px;height:36px}.bracket-tree{direction:ltr;flex-direction:column-reverse;justify-content:center;align-items:center;gap:3rem;min-width:auto}.bracket-col{flex-direction:row;justify-content:space-around;gap:6px;width:100%;max-width:420px;position:relative}.bracket-col.center-col{flex-direction:row;justify-content:space-around;align-items:center;gap:12px;width:100%;max-width:420px}.bracket-col .col-header{white-space:nowrap;z-index:5;font-size:.6rem;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bracket-match-slot{flex:1;max-width:80px;margin:0;position:relative}.bracket-match-card{z-index:2;border-radius:6px;gap:3px;width:100%;max-width:80px;padding:5px 3px}.bracket-logos-row .bracket-team-logo{width:14px;height:14px}.bracket-names-row{font-size:.52rem}.bracket-match-date{font-size:.48rem}.bracket-match-score{padding:1px 3px;font-size:.58rem}.bracket-round-badge{padding:2px 6px;font-size:.5rem}.bracket-col.center-col .center-section{flex:1;max-width:80px;margin:0;position:relative}.bracket-col.center-col .center-section .bracket-round-badge{white-space:nowrap;z-index:5;font-size:.5rem;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bracket-match-card:before,.bracket-match-card:after{content:"";pointer-events:none;z-index:1;background:#444;position:absolute}.col-r-qf .bracket-match-card:after{background:#444;width:2px;height:15px;top:-15px;left:calc(50% - 1px)}.col-r-qf .bracket-match-card:before{background:0 0;border-bottom:2px solid #444;border-left:2px solid #444;border-right:2px solid #444;width:92px;height:15px;top:-30px;left:calc(50% - 46px)}.col-r-sf .bracket-match-card:after{background:#444;width:2px;height:15px;top:-15px;left:calc(50% - 1px)}.col-r-sf .bracket-match-card:before{background:0 0;border-bottom:2px solid #444;border-left:2px solid #444;border-right:2px solid #444;width:190px;height:15px;top:-30px;left:calc(50% - 95px)}.col-center .center-section:first-of-type .bracket-match-card:after{background:#444;width:2px;height:30px;top:-30px;left:calc(50% - 1px)}.col-center .center-section:first-of-type .bracket-match-card:before{background:#444;width:2px;height:30px;bottom:-30px;left:calc(50% - 1px)}.col-l-sf .bracket-match-card:after{background:#444;width:2px;height:15px;bottom:-15px;left:calc(50% - 1px)}.col-l-sf .bracket-match-card:before{background:0 0;border-top:2px solid #444;border-left:2px solid #444;border-right:2px solid #444;width:190px;height:15px;bottom:-30px;left:calc(50% - 95px)}.col-l-qf .bracket-match-card:after{background:#444;width:2px;height:15px;bottom:-15px;left:calc(50% - 1px)}.col-l-qf .bracket-match-card:before{background:0 0;border-top:2px solid #444;border-left:2px solid #444;border-right:2px solid #444;width:92px;height:15px;bottom:-30px;left:calc(50% - 46px)}}