@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap";:root{--primary: #FDC800;--secondary: #432DD7;--success: #16A34A;--warning: #D97706;--danger: #DC2626;--surface: #FBFBF9;--text: #1C293C;--text-muted: #576574;--white: #FFFFFF;--black: #000000;--border-width: 3px;--border-color: #1C293C;--brutal-border: var(--border-width) solid var(--border-color);--shadow-color: #1C293C;--brutal-shadow: 4px 4px 0px 0px var(--shadow-color);--brutal-shadow-hover: 7px 7px 0px 0px var(--shadow-color);--brutal-shadow-active: 1px 1px 0px 0px var(--shadow-color);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--surface);color:var(--text);line-height:1.5;padding:var(--space-6) var(--space-4);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:900;letter-spacing:-.02em}.brutal-card{background:var(--white);border:var(--brutal-border);box-shadow:var(--brutal-shadow);border-radius:var(--radius-md);padding:var(--space-4);transition:all .15s ease-in-out}.brutal-card:hover{transform:translate(-3px,-3px);box-shadow:var(--brutal-shadow-hover)}.brutal-btn{font-family:var(--font-sans);font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);background:var(--primary);color:var(--text);border:var(--brutal-border);box-shadow:var(--brutal-shadow);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all .1s ease-in-out;user-select:none}.brutal-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-hover);background:var(--primary)}.brutal-btn:active{transform:translate(3px,3px);box-shadow:var(--brutal-shadow-active)}.brutal-btn-secondary{background:var(--secondary);color:var(--white)}.copied-active{background-color:var(--primary)!important;color:#1c293c!important;transform:translate(2px,2px)!important;box-shadow:1px 1px 0 0 var(--border-color)!important}body.dark .copied-active{background-color:var(--secondary)!important;color:#fff!important;transform:translate(2px,2px)!important;box-shadow:1px 1px 0 0 var(--border-color)!important}.brutal-btn-secondary:hover{background:#3622be;color:var(--white)}.brutal-btn-flat{background:var(--white)}.brutal-btn-flat:hover{background:#f1f2f6}.brutal-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-weight:800;font-size:.75rem;text-transform:uppercase;padding:var(--space-1) var(--space-2);border:var(--brutal-border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);box-shadow:2px 2px 0 0 var(--border-color);letter-spacing:.04em}.brutal-input{width:100%;font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:var(--space-3) var(--space-4);border:var(--brutal-border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);outline:none;box-shadow:var(--brutal-shadow);transition:all .15s ease-in-out}.brutal-input:focus{transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-hover)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--surface);border-left:var(--brutal-border)}::-webkit-scrollbar-thumb{background-color:var(--text);border:3px solid var(--surface);border-radius:6px}body.dark{--surface: #111827;--text: #FBFBF9;--text-muted: #9CA3AF;--white: #1F2937;--black: #FBFBF9;--border-color: #FBFBF9;--shadow-color: #FBFBF9;--brutal-border: var(--border-width) solid var(--border-color);--brutal-shadow: 4px 4px 0px 0px var(--shadow-color);--brutal-shadow-hover: 7px 7px 0px 0px var(--shadow-color);--brutal-shadow-active: 1px 1px 0px 0px var(--shadow-color)}body.dark .logo-box{color:#1c293c!important}body.dark .brutal-btn{color:#1c293c}body.dark .brutal-btn-secondary{color:#fff!important}body.dark .brutal-btn-flat{color:var(--text)!important}body.dark .brutal-btn-flat:hover{background:var(--white)!important;color:var(--text)!important}body.dark .date-tab.active,body.dark .date-tab.active:hover{background:var(--primary)!important;color:#1c293c!important}body.dark .timezone-badge{background:var(--secondary)!important;color:#fff!important}.date-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:110px;padding:var(--space-2);border:var(--brutal-border);border-radius:var(--radius-md);background:var(--white);color:var(--text);box-shadow:var(--brutal-shadow);transition:all .15s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;font-family:var(--font-sans);user-select:none;flex-shrink:0}.date-tab:hover{transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-hover)}.date-tab:active{transform:translate(2px,2px);box-shadow:var(--brutal-shadow-active)}.date-tab.active{background:var(--primary);color:var(--black);transform:translate(-3px,-3px);box-shadow:var(--brutal-shadow-hover)}body.dark .date-tab.active{background:var(--primary)!important;color:#1c293c!important}.date-tab-month{font-family:var(--font-mono);font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);line-height:1}.date-tab.active .date-tab-month{color:inherit;opacity:.8}.date-tab-day{font-size:1.85rem;font-weight:900;line-height:1;margin:var(--space-1) 0;letter-spacing:-.04em}.date-tab-year{font-family:var(--font-mono);font-size:.65rem;font-weight:700;line-height:1;opacity:.7}.schedule-card{display:grid;grid-template-columns:140px 200px 1fr 100px 280px;align-items:center;gap:var(--space-4);background-color:var(--white);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.col-time{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-weight:800;font-size:.95rem;color:var(--text);white-space:nowrap}.col-time svg{color:var(--secondary);flex-shrink:0}.col-league{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;justify-self:start;align-items:flex-start;width:100%;text-align:left}.sport-badge{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-weight:800;font-size:.65rem;text-transform:uppercase;padding:1px var(--space-2);border:var(--brutal-border);border-radius:var(--radius-sm);box-shadow:1px 1px 0 0 var(--border-color)}.badge-soccer{background-color:var(--success);color:var(--white)}.badge-mlb{background-color:var(--secondary);color:var(--white)}.badge-fighting{background-color:var(--danger)!important;color:#fff!important}.badge-motorsports{background-color:var(--warning);color:var(--text)}.badge-nba{background-color:var(--primary);color:var(--text)}.badge-nhl{background-color:#576574;color:var(--white)}.badge-fifa{background-color:#00d2d3;color:var(--text)}.league-name{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.col-teams{display:flex;align-items:center;gap:var(--space-2);min-width:0;justify-self:start;width:100%;text-align:left}.copy-title-btn{font-size:.75rem;padding:6px 12px;background:#00f5d4!important;color:#1c293c!important;box-shadow:2px 2px 0 0 var(--border-color);width:100%;justify-content:center;white-space:nowrap}.copy-title-btn:hover{background:#00e0c2!important;box-shadow:4px 4px 0 0 var(--border-color)}.copy-title-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-color)}.teams-title{font-size:1.25rem;line-height:1.2;color:var(--text);font-weight:800;white-space:normal;word-break:break-word;text-align:left}.col-chid{display:flex;justify-content:center}.stream-code{font-family:var(--font-mono);font-weight:700;font-size:.85rem;color:var(--text-muted);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:2px var(--space-2);background:#f1f2f6;min-width:60px;text-align:center}body.dark .stream-code{background:#374151;color:var(--text-muted);border-color:var(--border-color)}.col-action{display:flex;justify-content:flex-end;gap:var(--space-2)}.copy-btn{font-size:.75rem;padding:6px 12px;background:var(--primary);box-shadow:2px 2px 0 0 var(--border-color);width:100%;justify-content:center;white-space:nowrap}.copy-btn:hover{box-shadow:4px 4px 0 0 var(--border-color)}.copy-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-color)}.watch-live-btn{font-size:.75rem;padding:6px 10px;background:var(--danger)!important;color:#fff!important;box-shadow:2px 2px 0 0 var(--border-color);white-space:nowrap;text-decoration:none;flex-shrink:0}.watch-live-btn:hover{background:#b91c1c!important;box-shadow:4px 4px 0 0 var(--border-color);color:#fff!important}.watch-live-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border-color)}.copy-icon{margin-left:var(--space-1);flex-shrink:0}@media(max-width:900px){.schedule-card{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}.col-time{width:100%;border-bottom:2px dashed var(--border-color);padding-bottom:var(--space-2)}.col-league,.col-teams{width:100%}.col-chid{width:100%;justify-content:flex-start;border-top:2px dashed var(--border-color);padding-top:var(--space-2)}.col-action{width:100%;justify-content:flex-start;display:flex;gap:var(--space-2)}.copy-btn,.copy-title-btn{width:auto}}.popular-star-icon{color:#fdc800!important;fill:#fdc800!important;flex-shrink:0;display:inline-block;vertical-align:middle}body.dark .popular-star-icon{color:#fdc800!important;fill:#fdc800!important}.live-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-weight:800;font-size:.65rem;color:#fff!important;background-color:var(--danger);border:var(--brutal-border);border-radius:var(--radius-sm);padding:1px var(--space-2);box-shadow:1px 1px 0 0 var(--border-color);text-transform:uppercase}.live-dot-blink{display:inline-block;width:6px;height:6px;background-color:#fff;border-radius:50%;animation:blink 1s infinite}body.dark .marquee-container{background:#030712!important;color:#fff!important}.badge-row{display:flex;align-items:center;gap:var(--space-2)}
