.category-page{max-width:100%}.category-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);padding:1.5rem;margin-bottom:1rem}.category-info{display:flex;align-items:center;gap:1rem}.category-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.category-icon{font-size:1.75rem}.category-info h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.category-info p{font-size:.875rem;color:var(--color-text-secondary)}.write-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-primary);border-radius:10px;color:#fff!important;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s;box-shadow:0 2px 8px rgba(99,102,241,.3)}.write-btn:hover{background:var(--color-secondary);color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.subcategories{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.subcategory-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.subcategory-btn:hover{background:var(--color-border);color:var(--color-text)}.subcategory-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.category-content{display:grid;grid-template-columns:1fr 300px;grid-gap:1.2rem;gap:1.2rem}.main-column{min-width:0}.football-section{margin-bottom:1rem}.football-league-tabs{display:flex;gap:8px;margin-bottom:12px}.baseball-section{margin-bottom:1rem}.baseball-league-tabs{display:flex;gap:8px;margin-bottom:12px}.basketball-section{margin-bottom:1rem}.basketball-league-tabs{display:flex;gap:8px;margin-bottom:12px}.esports-section{margin-bottom:1rem}.esports-game-tabs{display:flex;gap:8px;margin-bottom:12px}.league-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:600;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--color-text-secondary)}.league-tab:hover{background:var(--color-background);color:var(--color-text)}.league-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.matches-widget{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);padding:1rem;margin-bottom:1rem}.matches-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.matches-header h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.date-navigation{gap:.25rem}.date-nav-btn,.date-navigation{display:flex;align-items:center}.date-nav-btn{justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.date-nav-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-tabs{display:flex;gap:.25rem}.date-tab{padding:.35rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.date-tab:hover{background:var(--color-border)}.date-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.date-tab.no-matches{opacity:.5}.no-matches-message{text-align:center;padding:1.5rem;color:var(--color-text-secondary);font-size:.85rem}.matches-list{display:flex;flex-direction:column;gap:.5rem}.match-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:hsla(0,0%,100%,.02);border-radius:8px}.match-league{font-size:.7rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.1);padding:.25rem .5rem;border-radius:4px;min-width:50px;text-align:center}.match-teams{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--color-text);min-width:0}.match-teams .team{display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.match-teams .vs{font-size:.75rem;font-weight:500;flex-shrink:0}.match-teams .vs,.match-time{color:var(--color-text-secondary)}.match-time{font-size:.8rem}.ranking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.ranking-header h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.ranking-tabs{display:flex;gap:.25rem;background:hsla(0,0%,100%,.03);padding:.25rem;border-radius:8px}.ranking-tab{padding:.4rem .85rem;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.ranking-tab:hover{color:var(--color-text)}.ranking-tab.active{background:var(--color-primary);color:#fff}.ranking-list{display:flex;flex-direction:column;gap:.35rem}.ranking-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:hsla(0,0%,100%,.02);border-radius:8px;transition:background .2s}.ranking-item .rank,.ranking-item:hover{background:var(--color-border)}.ranking-item .rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);border-radius:6px;flex-shrink:0}.ranking-item .rank.top{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.ranking-item .poster{font-size:1.25rem;flex-shrink:0}.ranking-item .album-cover{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.ranking-item .media-poster{width:36px;height:52px;border-radius:4px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.2)}.ranking-item.media-item{align-items:center;padding:.5rem .75rem;min-height:64px}.ranking-item.media-item .poster{width:36px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-border);border-radius:4px;font-size:1.5rem}.music-section{margin-bottom:1rem}.music-subcategories{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.movie-section{margin-bottom:1rem}.movie-subcategories{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.anime-section{margin-bottom:1rem}.anime-subcategories{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.ranking-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.ranking-info .title{font-size:.85rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-info .meta,.ranking-info .title{display:flex;align-items:center;gap:.35rem}.ranking-info .meta{font-size:.7rem;color:var(--color-text-secondary)}.original-badge{font-size:.6rem;padding:.1rem .35rem;background:rgba(99,102,241,.15);color:var(--color-primary);border-radius:3px;font-weight:600}.platform-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0}.ranking-item .change{display:flex;align-items:center;gap:.15rem;font-size:.7rem;font-weight:600;flex-shrink:0;min-width:40px;justify-content:flex-end}.ranking-item .change.up{color:#22c55e}.ranking-item .change.down{color:#ef4444}.ranking-item .change.same{color:var(--color-text-secondary);opacity:.5}.ranking-item .change.new{color:#f97316}.ott-platform-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.75rem;padding:.5rem;background:hsla(0,0%,100%,.02);border-radius:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.ott-platform-tabs::-webkit-scrollbar{display:none}.ott-platform-tab{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.ott-platform-tab:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}.ott-platform-tab.active{background:var(--platform-color,var(--color-primary));border-color:var(--platform-color,var(--color-primary))}.ott-platform-tab .platform-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff}.ott-platform-tab.active .platform-icon{background:hsla(0,0%,100%,.2)!important}.ott-platform-tab .platform-name{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.ott-platform-tab.active .platform-name{color:#fff}.no-ranking-message{text-align:center;padding:1.5rem;color:var(--color-text-secondary);font-size:.85rem}.platform-tabs-wrapper{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.75rem}.platform-tab{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.platform-tab:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}.platform-tab.active{background:var(--platform-color,var(--color-primary));border-color:var(--platform-color,var(--color-primary))}.platform-tab .platform-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff}.platform-tab.active .platform-icon{background:hsla(0,0%,100%,.2)!important}.platform-tab .platform-name{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.platform-tab.active .platform-name{color:#fff}.genre-badge{display:inline-block;padding:.1rem .4rem;background:rgba(99,102,241,.15);color:var(--color-primary);border-radius:4px;font-size:.65rem;font-weight:500;margin-right:.35rem}.airing-badge{display:inline-block;padding:.1rem .35rem;background:rgba(34,197,94,.15);color:#22c55e;border-radius:3px;font-size:.55rem;font-weight:600;margin-left:.35rem}.episode,.players{font-size:.7rem;color:var(--color-text-secondary)}.music-item .meta{font-size:.75rem;color:var(--color-text-secondary)}.anime-item .ranking-info .meta,.game-item .ranking-info .meta{display:flex;align-items:center;gap:.35rem}.sort-options{justify-content:space-between;align-items:center;margin-bottom:1rem}.sort-buttons,.sort-options{display:flex;gap:.5rem}.sort-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.sort-btn:hover{background:var(--color-border);color:var(--color-text)}.sort-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.view-options-group{display:flex;align-items:center;gap:.5rem}.view-mode-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.view-mode-btn{display:flex;align-items:center;gap:4px;padding:.5rem .75rem;background:transparent;border:none;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.view-mode-btn:first-child{border-right:1px solid var(--color-border)}.view-mode-btn:hover{color:var(--color-text);background:hsla(0,0%,100%,.03)}.view-mode-btn.active{color:var(--color-primary);background:rgba(99,102,241,.1)}.page-size-selector{position:relative}.page-size-btn{display:flex;align-items:center;gap:6px;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;color:var(--color-text);cursor:pointer;transition:all .2s}.page-size-btn:hover{border-color:var(--color-primary)}.page-size-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:100;min-width:120px}.size-option{display:block;width:100%;padding:10px 14px;background:none;border:none;font-size:.8rem;color:var(--color-text);text-align:left;cursor:pointer;transition:all .2s}.size-option:hover{background:var(--color-border)}.size-option.active{background:var(--color-primary);color:#fff}.posts-container{display:flex;flex-direction:column}.empty-state{text-align:center;padding:3rem 1rem}.empty-state p{color:var(--color-text-secondary);margin-bottom:1rem}.write-link{color:var(--color-primary);text-decoration:none;font-weight:500}.write-link:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--color-text-secondary)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem}.pagination button{padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--color-border)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.9rem;color:var(--color-text-secondary)}.side-column{display:flex;flex-direction:column;gap:1rem}.widget h3{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.widget-posts{display:flex;flex-direction:column;gap:.5rem}.widget-post{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:color .2s}.widget-post:hover .title{color:var(--color-primary)}.widget-post .rank{width:20px;height:20px;background:var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--color-text-secondary)}.widget-post:nth-child(-n+3) .rank{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.widget-post .title{flex:1 1;font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.related-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:hsla(0,0%,100%,.02);border-radius:8px;text-decoration:none;color:var(--color-text);font-size:.85rem;transition:background .2s}.related-item:hover{background:var(--color-border)}.side-ad{display:block;padding:1rem;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));border:1px solid rgba(99,102,241,.15);text-decoration:none;transition:all .2s}.side-ad:hover{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.12));border-color:rgba(99,102,241,.25)}.side-ad-content{display:flex;flex-direction:column;gap:.25rem}.side-ad .ad-tag{font-size:.6rem;font-weight:600;color:var(--color-text-secondary);opacity:.6}.side-ad .ad-text{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0}.side-ad .ad-desc{font-size:.75rem;color:var(--color-text-secondary);margin:0}.category-not-found{text-align:center;padding:4rem 1rem}.category-not-found h2{font-size:1.5rem;color:var(--color-text);margin-bottom:1rem}.category-not-found a{color:var(--color-primary);text-decoration:none}.mobile-widgets{display:none}@media (max-width:1100px){.category-content{grid-template-columns:1fr}.side-column{display:none}.sort-options{flex-wrap:wrap;gap:.5rem}.sort-buttons{flex:0 0 auto}.sort-btn{white-space:nowrap}.view-options-group{flex:1 1;justify-content:flex-end}}@media (max-width:900px){.sort-options{flex-wrap:nowrap}.sort-buttons{flex:0 0 auto}.sort-btn{white-space:nowrap;padding:.5rem .75rem}.view-options-group{flex:1 1;justify-content:flex-end}.mobile-widgets{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.mobile-widgets .mobile-ad{width:100%;max-width:100%}.mobile-hot-widget{flex:1 1;min-width:0}.mobile-hot-widget h4{font-size:.8rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.mobile-hot-list{display:flex;flex-direction:column;gap:.35rem}.mobile-hot-item{display:flex;align-items:center;gap:.5rem;text-decoration:none}.mobile-hot-item .rank{width:18px;height:18px;background:var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.mobile-hot-item:nth-child(-n+3) .rank{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.mobile-hot-item .title{flex:1 1;font-size:.8rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-hot-item:hover .title{color:var(--color-primary)}.mobile-ad-widget{flex:0 0 140px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:.875rem;text-decoration:none;display:flex;flex-direction:column;justify-content:center}.mobile-ad-widget:hover{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2))}.mobile-ad-widget .ad-tag{font-size:.55rem;font-weight:600;color:var(--color-text-secondary);opacity:.6;margin-bottom:.25rem}.mobile-ad-widget .ad-text{font-size:.85rem;font-weight:600;color:var(--color-text);margin:0}.mobile-ad-widget .ad-desc{font-size:.7rem;color:var(--color-text-secondary);margin:0}}@media (max-width:768px){.sort-options{flex-wrap:wrap;gap:.75rem}.sort-buttons{flex:1 1;min-width:0}.view-options-group{width:100%;justify-content:flex-end}}@media (max-width:640px){.category-header{flex-direction:row;align-items:center;gap:1rem;padding:1rem}.category-page .category-header{flex-direction:column;align-items:flex-start;gap:1rem}.write-btn{width:100%;justify-content:center}.matches-header{flex-direction:column;align-items:flex-start;gap:.5rem}.date-navigation{width:100%;justify-content:space-between}.date-tabs{flex:1 1;justify-content:center}.date-tab{padding:.3rem .5rem;font-size:.75rem}.match-row{flex-wrap:nowrap;gap:.5rem;padding:.6rem .5rem}.match-league{font-size:.6rem;min-width:40px;padding:.2rem .35rem}.match-teams{flex:1 1;min-width:0;gap:.35rem;font-size:.75rem}.match-teams .team{max-width:70px;gap:.15rem;font-size:.75rem}.match-teams .vs{font-size:.65rem}.match-time{font-size:.7rem;flex-shrink:0}.ranking-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ranking-tabs{width:100%;justify-content:center}.ranking-tab{flex:1 1;text-align:center}.ranking-item{padding:.5rem;gap:.5rem}.ranking-item .poster{font-size:1rem}.ranking-info .title{font-size:.8rem}.ranking-info .meta{font-size:.65rem}.ranking-item .change{font-size:.65rem;min-width:35px}.ott-platform-tabs{gap:.25rem;padding:.35rem}.ott-platform-tab{padding:.4rem .6rem;gap:.25rem}.ott-platform-tab .platform-icon{width:18px;height:18px;font-size:.6rem}.ott-platform-tab .platform-name{font-size:.7rem}.platform-tabs-wrapper{gap:.25rem;padding:.35rem}.platform-tab{padding:.4rem .6rem;gap:.25rem}.platform-tab .platform-icon{width:18px;height:18px;font-size:.6rem}.platform-tab .platform-name{font-size:.7rem}.genre-badge{font-size:.6rem;padding:.08rem .3rem}.airing-badge{font-size:.5rem;padding:.08rem .25rem}.sort-options{flex-direction:column;align-items:stretch;gap:.5rem}.sort-buttons{display:flex;width:100%}.sort-btn{flex:1 1;justify-content:center;padding:.6rem .5rem;font-size:.8rem}.view-options-group{display:flex;width:100%;gap:.5rem}.view-mode-toggle{flex:1 1}.view-mode-btn{flex:1 1;justify-content:center;padding:.5rem .25rem;font-size:.7rem}.page-size-selector{flex-shrink:0}.page-size-btn{padding:.5rem .6rem;font-size:.75rem}.page-size-btn svg:last-child{display:none}}@media (max-width:400px){.sort-btn{padding:.55rem .75rem;font-size:.75rem;gap:.25rem}.sort-btn svg{width:14px;height:14px}.page-size-btn,.view-mode-btn{padding:.45rem .5rem}.page-size-btn{font-size:.7rem;gap:4px}.match-row{gap:.35rem;padding:.5rem .35rem}.match-league{font-size:.55rem;min-width:32px;padding:.15rem .25rem}.match-teams .team{max-width:55px;font-size:.7rem}.match-time{font-size:.65rem}}.sports-hub{margin-bottom:1rem}.sports-view-tabs{display:flex;gap:.5rem;margin-bottom:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.5rem}.sports-view-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--color-text-secondary);transition:all .2s ease}.sports-view-tab:hover{background:var(--color-background);color:var(--color-text)}.sports-view-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px rgba(99,102,241,.3)}.sports-view-tab .tab-icon{font-size:1.15rem;line-height:1}.sports-main-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.sports-main-tab{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;cursor:pointer;transition:all .2s ease}.sports-main-tab:hover{background:var(--color-background);border-color:var(--color-primary);transform:translateY(-2px)}.sports-main-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.sports-main-tab .tab-icon{font-size:1.75rem;line-height:1}.sports-main-tab .tab-name{font-size:.85rem;font-weight:600;color:var(--color-text)}.sports-main-tab.active .tab-name{color:#fff}.sports-content{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.league-tabs-row{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.league-tabs-row .league-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.league-tabs-row .league-tab:hover{background:var(--color-border)}.league-tabs-row .league-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sports-content .baseball-matches,.sports-content .basketball-matches,.sports-content .esports-matches,.sports-content .football-matches,.sports-content .kbo-matches,.sports-content .kleague-matches{margin-bottom:0;border:none;border-radius:0}@media (max-width:768px){.sports-view-tabs{padding:.35rem;gap:.35rem}.sports-view-tab{padding:.7rem .5rem;font-size:.875rem}.sports-view-tab .tab-icon{font-size:1rem}.sports-main-tabs{grid-template-columns:repeat(4,1fr);gap:.35rem}.sports-main-tab{padding:.75rem .25rem;border-radius:12px}.sports-main-tab .tab-icon{font-size:1.5rem}.sports-main-tab .tab-name{font-size:.75rem}.league-tabs-row{padding:.5rem;gap:.35rem}.league-tabs-row .league-tab{padding:.5rem;font-size:.75rem;border-radius:8px}}@media (max-width:480px){.sports-view-tabs{padding:.25rem;gap:.25rem;border-radius:10px}.sports-view-tab{padding:.6rem .35rem;font-size:.8rem;border-radius:8px}.sports-view-tab .tab-icon{font-size:.9rem}.sports-main-tabs{gap:.25rem}.sports-main-tab{padding:.6rem .15rem;border-radius:10px;border-width:1.5px}.sports-main-tab .tab-icon{font-size:1.25rem}.sports-main-tab .tab-name{font-size:.65rem}.league-tabs-row{padding:.4rem;gap:.25rem;flex-wrap:wrap}.league-tabs-row .league-tab{flex:1 1 auto;min-width:calc(50% - .25rem);padding:.45rem .35rem;font-size:.7rem}}.ranking-empty,.ranking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-secondary);font-size:.875rem}.ranking-loading .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fallback-badge{font-size:.625rem;padding:.125rem .375rem;background:rgba(251,191,36,.15);color:#f59e0b;border-radius:4px;font-weight:500;margin-left:.5rem}.ranking-source{font-size:.75rem;color:var(--color-text-secondary);text-align:center;padding:.5rem;margin-top:.5rem;border-top:1px solid var(--color-border)}.category-page.notice-page .category-content{grid-template-columns:1fr}.notice-banner{background:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c);border-radius:16px;padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(239,68,68,.3)}.notice-banner-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2}.notice-banner-icon{font-size:3rem;background:hsla(0,0%,100%,.2);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.notice-banner-text h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.notice-banner-text p{color:hsla(0,0%,100%,.9);font-size:1rem;margin:0}.notice-banner-decoration{position:absolute;top:0;right:0;bottom:0;width:40%;pointer-events:none}.notice-banner-decoration span{position:absolute;background:hsla(0,0%,100%,.1);border-radius:50%}.notice-banner-decoration span:first-child{width:200px;height:200px;top:-50px;right:-50px}.notice-banner-decoration span:nth-child(2){width:150px;height:150px;bottom:-30px;right:100px}.notice-banner-decoration span:nth-child(3){width:80px;height:80px;top:50%;right:50px;transform:translateY(-50%)}.notice-info-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.notice-info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;transition:all .2s ease}.notice-info-card:hover{border-color:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.1);transform:translateY(-2px)}.notice-card-icon{font-size:1.5rem;background:rgba(239,68,68,.1);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notice-card-content h4{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem}.notice-card-content p{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.notice-page .category-header{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(220,38,38,.04));border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem}.notice-page .category-icon-wrapper{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1))!important}.notice-page .posts-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.notice-page .post-card{border-bottom:1px solid var(--color-border);border-radius:0;padding:1rem 1.25rem;margin:0}.notice-page .post-card:last-child{border-bottom:none}.notice-page .post-card:hover{background:rgba(239,68,68,.03)}.notice-page .post-card .post-title{font-weight:600}.notice-page .empty-state{padding:4rem 2rem;text-align:center}@media (max-width:1024px){.notice-info-cards{grid-template-columns:1fr;gap:.75rem}.notice-banner{padding:1.5rem}.notice-banner-icon{width:60px;height:60px;font-size:2rem}.notice-banner-text h2{font-size:1.35rem}.notice-banner-decoration{display:none}}@media (max-width:640px){.notice-banner{padding:1.25rem}.notice-banner-content{flex-direction:column;text-align:center;gap:1rem}.notice-banner-icon{width:56px;height:56px;font-size:1.75rem}.notice-banner-text h2{font-size:1.2rem}.notice-banner-text p{font-size:.875rem}.notice-info-card{padding:1rem}.notice-card-icon{width:40px;height:40px;font-size:1.25rem}.notice-card-content h4{font-size:.875rem}.notice-card-content p{font-size:.75rem}}