*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:Inter,Segoe UI,sans-serif}.app,body{background-color:#0f0f0f;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.main-layout{grid-gap:15px;display:grid;gap:15px;grid-template-columns:160px 1fr 200px;margin:0 auto;max-width:1400px;padding:15px}@media (max-width:1100px){.main-layout{grid-template-columns:1fr 200px}.ad-left{display:none}}@media (max-width:768px){.main-layout{grid-template-columns:1fr}.ad-right-column{display:none}}.ad-left{align-items:center;background:#1a1a1a;border:1px dashed #2a2a2a;border-radius:8px;color:#444;display:flex;font-size:11px;justify-content:center;min-height:600px;position:sticky;top:80px}.ad-right-column{display:flex;flex-direction:column;gap:15px}.ad-box{min-height:250px}.ad-bottom,.ad-box{align-items:center;background:#1a1a1a;border:1px dashed #2a2a2a;border-radius:8px;color:#444;display:flex;font-size:11px;justify-content:center}.ad-bottom{margin-top:20px;min-height:90px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 5px red}50%{box-shadow:0 0 20px red,0 0 35px #f44}to{box-shadow:0 0 5px red}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{animation:pulse 1s infinite;background:red;border-radius:50%;display:inline-block;height:8px;width:8px}.tabs-container{background:#1a1a1a;border-radius:12px;display:flex;gap:5px;margin-bottom:20px;padding:5px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 15px;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:#252525;color:#fff}.live-tab-btn{animation:glow 2s infinite;background:#1a0a00;border:1px solid #fc03;color:#fc0}.live-tab-btn.active{background:#fc0;color:#000}.match-card{animation:fadeIn .3s ease;background:#1a1a1a;border:1px solid #252525;border-radius:12px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .2s}.match-card:hover{background:#222;border-color:#3a3a3a;transform:translateY(-1px)}.league-header{align-items:center;border-bottom:1px solid #222;display:flex;gap:10px;margin-bottom:8px;padding:10px 0 8px}.league-header img{height:24px;object-fit:contain;width:24px}.league-header span{color:#ccc;font-size:13px;font-weight:600}.popup-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.popup-content{animation:slideUp .3s ease;background:#1a1a1a;border:1px solid #333;border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.btn-primary{background:#00c851;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:#00a843;transform:translateY(-1px)}.btn-affiliate{background:linear-gradient(135deg,#f90,#f60);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:12px 24px;transition:all .2s;width:100%}.btn-affiliate:hover{opacity:.9;transform:translateY(-1px)}.confidence-bars{align-items:center;display:flex;gap:2px}.confidence-bar{background:#333;border-radius:2px;height:14px;width:6px}.confidence-bar.filled{background:#00c851}.confidence-bar.filled.medium{background:#fc0}.confidence-bar.filled.low{background:#f44}.form-dot{align-items:center;border-radius:50%;display:inline-flex;font-size:10px;font-weight:700;height:22px;justify-content:center;margin:0 1px;width:22px}.form-dot.W{background:#00c851;color:#000}.form-dot.D{background:#fc0;color:#000}.form-dot.L{background:#f44;color:#fff}.countdown{align-items:center;display:flex;gap:8px}.countdown-unit{background:#252525;border-radius:6px;min-width:40px;padding:4px 8px;text-align:center}.countdown-unit .num{color:#00c851;font-size:16px;font-weight:700}.countdown-unit .label{color:#666;font-size:9px;text-transform:uppercase}.countdown-sep{color:#444;font-size:16px}.viewer-count{align-items:center;color:#888;display:flex;font-size:12px;gap:5px}.viewer-dot{animation:pulse 2s infinite;background:#00c851;border-radius:50%;display:inline-block;height:6px;width:6px}.fav-btn{background:none;border:none;color:#555;cursor:pointer;font-size:18px;padding:4px;transition:all .2s}.fav-btn.active{color:#fc0}.fav-btn:hover{transform:scale(1.2)}.empty-state{color:#555;padding:60px 20px;text-align:center}.empty-state .icon{font-size:48px;margin-bottom:15px}.empty-state p{font-size:15px}.loading{display:flex;justify-content:center;padding:40px}.spinner{animation:spin .8s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#00c851;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.81e15d47.css.map*/