*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.container{max-width:none;width:100%;margin:0 auto;padding:15px 20px}.sticky-bar{position:sticky;top:0;z-index:100;background:#000}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #333;flex-wrap:wrap;gap:12px}.header-left{display:flex;flex-direction:column;gap:2px}.logo{font-size:2rem;font-weight:800}.logo span{color:#3b82f6}.subtitle{color:#888;font-size:.9rem}.header-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex:1;justify-content:flex-end}.controls{margin:20px 0}.row{display:flex;gap:15px;justify-content:center;margin-bottom:15px;flex-wrap:wrap}.search{flex:1;max-width:350px;position:relative;min-width:140px}.search input{width:100%;padding:10px 15px 10px 35px;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666}.date-sel select{padding:10px 15px;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer}.feedback-btn{background:#222;border:1px solid #444;color:#ddd;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent}.feedback-btn:hover{background:#333;color:#3b82f6;border-color:#3b82f6}.feedback-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.85);backdrop-filter:blur(4px)}.feedback-modal.open{display:flex}.feedback-modal-box{background:#0a0a0a;border:1px solid #333;border-radius:12px;max-width:480px;width:100%;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.5)}.feedback-modal-header{padding:16px 20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.feedback-modal-title{font-size:1.1rem;font-weight:700;color:#fff}.feedback-modal-close{background:transparent;border:none;color:#888;cursor:pointer;padding:8px;border-radius:6px;font-size:1.5rem;line-height:1;transition:color .15s}.feedback-modal-close:hover{color:#fff}.feedback-modal-body{padding:20px}.feedback-intro{color:#999;font-size:.9rem;margin-bottom:12px;line-height:1.5}.feedback-vpn{color:#f44;font-size:.9rem;font-weight:600;margin-bottom:16px;line-height:1.5}.feedback-vpn a{color:#f44;text-decoration:underline}.feedback-vpn a:hover{color:#ff6666}.feedback-field{margin-bottom:12px}.feedback-field textarea{width:100%;padding:12px 14px;background:#050505;border:1px solid #f44;border-radius:8px;color:#e5e5e5;font-family:inherit;font-size:.9rem;min-height:120px;resize:vertical}.feedback-field textarea:focus{outline:none;border-color:#f44;box-shadow:0 0 0 2px rgba(244,68,68,.2)}.feedback-field textarea::placeholder{color:#666}.feedback-count{color:#666;font-size:.8rem;margin-top:6px;text-align:right}.feedback-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.feedback-cancel{background:#333;border:1px solid #444;color:#fff;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem}.feedback-cancel:hover{background:#444}.feedback-send{background:#f44;border:1px solid #f44;color:#fff;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem}.feedback-send:hover{background:#ff5555}.feedback-send:disabled{opacity:.5;cursor:not-allowed}.filters-wrap{overflow:hidden;margin-bottom:15px}.filters{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:12px;background:#111;border-radius:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.filters::-webkit-scrollbar{height:6px}.filters::-webkit-scrollbar-track{background:#0a0a0a;border-radius:3px}.filters::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.filters .fbtn{flex:0 0 auto;scroll-snap-align:start}.sub-filters{display:none;margin-top:8px}.sub-filters.visible{display:flex}.fbtn{background:#222;border:1px solid #444;color:#ddd;padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.8rem;text-decoration:none}.fbtn:hover{background:#333}.fbtn.on{background:#2563eb;border-color:#2563eb;color:#fff}.dc{background:#5865f2!important;border-color:#5865f2!important;color:#fff!important}.cnt{color:#888;text-align:center;margin:10px 0;font-size:.85rem}.main{margin-top:20px;display:flex;gap:24px;align-items:flex-start;contain:layout}.left-sidebar{flex:0 0 270px;position:sticky;top:20px;min-height:380px;max-height:calc(100vh - 40px);overflow-y:auto}.main-content{flex:1;min-width:0}.sidebar{flex:0 0 300px;position:sticky;top:20px;min-height:380px;max-height:calc(100vh - 40px);overflow-y:auto}.post-guides{background:#0a0a0a;border:1px solid #222;border-radius:10px;padding:14px}.post-guides h2{color:#fff;font-weight:700;font-size:.95rem;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #333}.post-guides a{display:block;color:#9dc2ff;text-decoration:none;font-size:.85rem;line-height:1.45;padding:8px 10px;margin-bottom:8px;background:#111;border:1px solid #222;border-radius:8px}.post-guides a:hover{border-color:#3b82f6;color:#c7dcff;background:#0f1624}@media(max-width:1300px){.left-sidebar{flex:0 0 240px}.sidebar{flex:0 0 270px}}@media(max-width:1100px){.main{flex-direction:column}.main-content{order:1}.left-sidebar{order:2}.sidebar{order:3}.left-sidebar,.sidebar{flex:1 1 auto;position:static;max-width:100%;min-height:320px}}.card{background:linear-gradient(145deg,#0d0d0d 0%,#0a0a0a 100%);border:1px solid #2a2a2a;border-radius:10px;padding:16px;display:flex;flex-direction:column;contain:layout;transition:all .2s ease}.card:hover{border-color:#3b82f6;box-shadow:0 4px 20px rgba(59,130,246,.08);transform:translateY(-2px)}.card-sport{color:#3b82f6;font-weight:600;font-size:.7rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.card-title{font-size:1rem;font-weight:600;margin-bottom:8px;flex-grow:1;line-height:1.35}.card-time{color:#888;font-size:.8rem;margin-bottom:12px}.watch{display:inline-block;background:transparent;color:#3b82f6;text-decoration:none;padding:8px 14px;border-radius:6px;font-weight:700;font-size:.85rem;text-align:center;border:1px solid #3b82f6;transition:all .15s}.watch:hover{background:rgba(59,130,246,.12);color:#60a5fa}.no-events,.error{text-align:center;padding:40px}.no-events{color:#666}.error{color:#f44}.error button{margin-top:15px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}#eventsGrid{min-height:420px}.loading{text-align:center;padding:60px;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{display:inline-block;width:40px;height:40px;border:4px solid #333;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-now-wrap{margin-bottom:28px;min-height:0}.live-now-wrap.has-content{min-height:140px}.live-now-placeholder{min-height:140px}.live-now-title{color:#3b82f6;font-weight:700;font-size:1.1rem;margin-bottom:12px}.live-now-track{display:flex;gap:14px;overflow-x:auto;padding:8px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.live-now-track::-webkit-scrollbar{height:6px}.live-now-track::-webkit-scrollbar-track{background:#111;border-radius:3px}.live-now-track::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.live-now-card{scroll-snap-align:start;flex:0 0 220px;max-width:220px;background:linear-gradient(145deg,#0d0d0d,#0a0a0a);border:1px solid #2a2a2a;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s}.live-now-card:hover{border-color:#3b82f6;box-shadow:0 4px 20px rgba(59,130,246,.08)}.events-slider-wrap{position:relative}.events-slider-section{margin-bottom:32px;content-visibility:auto;contain-intrinsic-size:auto 360px}.events-slider-section:last-child{margin-bottom:0}.slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #222}.sec-title{margin:0;color:#3b82f6;font-weight:700;font-size:1.15rem}.slider-track-wrap{position:relative;margin:0 -4px;overflow:visible}.slider-track{display:flex;gap:14px;overflow-x:auto;padding:12px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.slider-track::-webkit-scrollbar{height:8px}.slider-track::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.slider-track::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.slider-track::-webkit-scrollbar-thumb:hover{background:#444}.slider-card{scroll-snap-align:start;flex:0 0 260px;max-width:260px;min-width:0}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.7);border:1px solid #333;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:2;opacity:.8;transition:all .2s}.slider-nav:hover{background:rgba(59,130,246,.2);border-color:#3b82f6;opacity:1}.slider-nav.prev{left:-8px}.slider-nav.next{right:-8px}@media(max-width:900px){.slider-card{flex:0 0 220px;max-width:220px}.slider-nav{display:none}.live-now-card{flex:0 0 180px;max-width:180px}.container{padding:12px}}@media(max-width:600px){.slider-card{flex:0 0 180px;max-width:180px}.live-now-card{flex:0 0 160px;max-width:160px}.container{padding:10px}.header{padding:12px 0;flex-direction:column;align-items:flex-start}.header-right{width:100%;justify-content:flex-start}.search{max-width:100%;flex:1}.controls{padding:12px}.filters{padding:10px;gap:6px}.fbtn{padding:8px 14px;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.feedback-btn{min-height:44px;min-width:44px}.card{padding:14px}.card-title{font-size:.95rem}.watch{padding:8px 16px;min-height:44px;-webkit-tap-highlight-color:transparent}}@media(max-width:400px){.slider-card{flex:0 0 160px;max-width:160px}.live-now-card{flex:0 0 140px;max-width:140px}}.sidebar .football-section{background:#0a0a0a;border:1px solid #222;border-radius:10px;padding:14px;margin-bottom:16px}.sidebar .football-section h2{color:#fff;font-weight:700;font-size:.95rem;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #333;display:flex;align-items:center;gap:6px}.standings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;position:relative}.standings-header h2{margin:0;border:0;padding:0}.league-dropdown{position:relative}.league-dropdown-btn{background:#111;border:1px solid #333;color:#ccc;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;min-width:140px}.league-dropdown-btn:hover{border-color:#444;color:#fff}.league-dropdown-btn::after{content:'▾';font-size:.7rem;margin-left:auto}.league-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#111;border:1px solid #333;border-radius:6px;min-width:160px;max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.5)}.league-dropdown-menu.open{display:block}.league-dropdown-menu button{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:#999;font-size:.8rem;text-align:left;cursor:pointer}.league-dropdown-menu button:hover{background:#1a1a1a;color:#fff}.league-dropdown-menu button.selected{color:#3b82f6}.league-dropdown-menu button.selected::before{content:'✓ '}.live-score-item{display:grid;grid-template-columns:1fr auto;gap:0;align-items:center;padding:10px 12px;background:#111;border:1px solid #222;border-radius:6px;margin-bottom:8px;position:relative}.live-score-item .teams{min-width:0;overflow:hidden;position:relative;padding-right:4px;-webkit-mask-image:linear-gradient(to right,black 0%,black 70%,transparent 100%);mask-image:linear-gradient(to right,black 0%,black 70%,transparent 100%)}.live-score-item .teams .home,.live-score-item .teams .away{font-weight:600;font-size:.8rem;display:block;line-height:1.35;word-break:break-word}.live-score-item .teams .vs{color:#666;font-size:.65rem;font-weight:400;margin:2px 0;display:block}.live-score-item .score-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;position:relative;z-index:1;background:linear-gradient(to right,transparent 0%,#111 35%);padding-left:20px}.live-score-item .score{font-weight:800;font-size:1rem;color:#3b82f6}.live-score-item .minute{font-size:.65rem;color:#f44;font-weight:600}.standings-table{width:100%;border-collapse:collapse;font-size:.8rem}.standings-table th,.standings-table td{padding:6px 8px;text-align:left;border-bottom:1px solid #222}.standings-table th{color:#aaa;font-weight:600;font-size:.7rem}.standings-table .col-pos{width:22px;text-align:center}.standings-table .col-p,.standings-table .col-w,.standings-table .col-d,.standings-table .col-l{width:24px;text-align:center}.standings-table .col-gd{width:28px;text-align:center}.standings-table .col-pts{width:30px;text-align:center;font-weight:700}.standings-table tbody tr.zone-cl{color:#22c55e}.standings-table tbody tr.zone-relegation{color:#f44}.standings-table .team-cell{display:flex;align-items:center;gap:6px}.standings-table .team-crest{width:18px;height:18px;object-fit:contain;aspect-ratio:1}#standingsContainer{overflow-x:auto;-webkit-overflow-scrolling:touch}.standings-skeleton{min-height:320px}.skeleton-table{display:flex;flex-direction:column;gap:6px;margin-top:10px}.skeleton-row{height:24px;background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}.events-grid-wrap .section{margin-bottom:28px;content-visibility:auto;contain-intrinsic-size:auto 320px}.events-grid-wrap .sec-title{margin:0 0 14px 0;color:#3b82f6;font-weight:700;font-size:1.15rem;padding-bottom:10px;border-bottom:1px solid #222}.events-grid-wrap .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.events-grid-wrap .card,.events-slider-wrap .card{contain:layout}@media(max-width:1200px){.events-grid-wrap .grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.events-grid-wrap .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.events-grid-wrap .grid{grid-template-columns:1fr;gap:12px}}.info-section{margin-top:40px;padding:32px 0;border-top:1px solid #333;width:100%;content-visibility:auto;contain-intrinsic-size:auto 500px;contain:layout;min-height:400px}.info-section h2{color:#3b82f6;font-size:1.4rem;margin-bottom:16px}.info-section h3{color:#ddd;font-size:1.1rem;margin:20px 0 10px}.info-section p,.info-section ul{margin-bottom:12px;color:#999;font-size:.9rem;line-height:1.7}.info-section ul{margin-left:20px}.info-section a{color:#3b82f6;text-decoration:none}.info-section a:hover{text-decoration:underline}.info-league-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.info-league-links a{display:inline-block;padding:8px 16px;background:#1a1a1a;border:1px solid #333;border-radius:6px;font-weight:600}.info-league-links a:hover{border-color:#3b82f6;background:#111}.site-footer{margin-top:40px;padding:24px 0;border-top:1px solid #333;text-align:center;font-size:.8rem;color:#666;line-height:1.6}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer .copyright{margin-bottom:12px;color:#b0b0b0}.site-footer .copyright a{color:#60a5fa;text-decoration:underline;text-underline-offset:2px}.site-footer .copyright a:hover{color:#93c5fd}.site-footer .disclaimer{max-width:720px;margin:0 auto;color:#888}