:root,html[data-theme="light"]{color-scheme:light;--font-headings:"Khand" , Arial , Helvetica , sans-serif;--font-ui:"Titillium Web" , Arial , Helvetica , sans-serif;--font-body:"Roboto Flex" , Arial , Helvetica , sans-serif;--font-ui-regular:400;--font-ui-semibold:600;--font-ui-bold:700;--font-body-regular:400;--font-body-medium:500;--content-width:1300px;--color-gaming:hsl(329,86%,56%);--color-movies:hsl(45,100%,51%);--color-tv:hsl(190,95%,43%);--color-anime:hsl(280,85%,60%);--color-tech:hsl(150,80%,40%);--color-comics:hsl(15,90%,55%);--color-page-bg:#f2f2f2;--color-section-bg:#f2f2f2;--color-box-bg:#fff;--color-surface-primary:#fff;--color-surface-secondary:#fff;--color-surface-elevated:#fff;--color-surface-hover:#f7f7f8;--color-text-primary:#050505;--color-text-secondary:#252525;--color-text-muted:#6f7782;--color-text-inverse:#fff;--color-border-primary:#d6d6d6;--color-border-secondary:#e3e3e3;--color-divider:#d6d6d6;--color-primary:#f3183f;--color-accent:var(--color-primary);--color-accent-hover:#be102d;--color-button-dark:#333;--color-button-dark-text:#fff;--color-image-fallback:#e3e3e3;--color-focus:var(--color-primary);--color-header-bg:#050505;--color-header-nav-bg:#17171d;--color-header-text:#fff;--color-header-muted:#b6b8c1;--color-header-border:#292a31;--bg-primary:var(--color-page-bg);--bg-secondary:var(--color-surface-primary);--bg-tertiary:var(--color-surface-secondary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-color:var(--color-border-primary);--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--card-shadow:rgba(148,163,184,.12) 0 4px 20px -2px;--glow:0 0 12px rgba(243,24,63,.4)}html[data-theme="dark"]{color-scheme:dark;--color-page-bg:#090a0c;--color-section-bg:transparent;--color-surface-primary:#15171b;--color-surface-secondary:#1d2025;--color-surface-elevated:#20242a;--color-surface-hover:#252930;--color-text-primary:#f7f7f8;--color-text-secondary:#d4d7dc;--color-text-muted:#9ca3ad;--color-text-inverse:#fff;--color-border-primary:#343840;--color-border-secondary:#292d34;--color-divider:#353941;--color-primary:#f3183f;--color-accent:var(--color-primary);--color-accent-hover:#ff3553;--color-button-dark:#32363d;--color-button-dark-text:#fff;--color-image-fallback:#272a30;--color-focus:var(--color-primary);--color-header-bg:#050505;--color-header-nav-bg:#111216;--color-header-text:#fff;--color-header-muted:#b6b8c1;--color-header-border:#292a31;--bg-primary:var(--color-page-bg);--bg-secondary:var(--color-surface-primary);--bg-tertiary:var(--color-surface-secondary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-color:var(--color-border-primary);--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--card-shadow:rgba(0,0,0,.4) 0 4px 20px -2px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;background-color:var(--color-page-bg);color:var(--color-text-primary)}body{font-family: var(--font-body);font-weight:400;line-height:1.5;transition:background-color 180ms ease , color 180ms ease;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,.site-logo-text,.mobile-logo-text,.footer-logo-text,.hero-title,.spotlight-title,.recommended-card-title,.latest-feed-title,.trending-article-title,.related-story-title,.post-title,.entry-title,.comment-author-name{font-family: var(--font-headings);font-weight:700;font-style:normal;line-height:1.2}.type-title,.type-heading{font-family: var(--font-headings);font-weight:700}.type-ui{font-family: var(--font-ui)}.type-body{font-family: var(--font-body);font-weight:400}.clickable-title{color:inherit;text-decoration:none;text-decoration-color:var(--color-accent);text-decoration-thickness:3px;text-underline-offset:3px;text-decoration-skip-ink:auto}.clickable-title:hover,.clickable-title:focus-visible{color:inherit;text-decoration-line:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:3px;text-underline-offset:3px}.clickable-title:link,.clickable-title:visited,.clickable-title:hover,.clickable-title:active,.clickable-title:focus-visible{color:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:1000}.progress-bar{height:100%;background:var(--accent);width:0%;transition:width .1s ease-out;box-shadow:0 0 8px var(--accent)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}.category-badge{display:inline-block;padding:3px 8px;font-size:.75rem;font-family: var(--font-ui) !important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em;border-radius:3px;margin-bottom:8px;background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);transition:opacity .2s}.category-badge:hover{opacity:.9}.site-header{width:100%;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.15)}.top-header-bar{background-color:var(--color-header-bg);height:56px;display:flex;align-items:center;border-bottom:1px solid var(--color-header-border)}.header-container{width:var(--content-width);max-width:100%;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.mobile-menu-toggle{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px 4px}.mobile-menu-toggle span{display:block;width:22px;height:2px;background-color:var(--color-header-text);border-radius:2px;transition:all .3s ease}.logo{font-family: var(--font-headings);font-size:2.2rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px;text-shadow:0 0 10px rgba(243,24,63,.6) , 2px 2px 0 var(--color-primary);text-transform:none}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn{background:transparent;border:none;color:var(--color-header-text);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color .2s}.icon-btn:hover{background-color:rgba(255,255,255,.1)}.icon-btn svg{width:20px;height:20px}.main-nav-bar{background-color:var(--color-header-nav-bg);height:44px;display:flex;align-items:center}.nav-container{width:var(--content-width);max-width:100%;margin:0 auto;padding:0 16px;display:flex;justify-content:center;height:100%}.nav-menu{display:flex;list-style:none;height:100%;margin:0;padding:0}.nav-item{position:relative;height:100%;display:flex;align-items:center}.nav-link{font-family: var(--font-ui);font-size:.95rem;font-weight:600;color:var(--color-header-text);text-decoration:none;padding:0 18px;height:100%;display:flex;align-items:center;gap:4px;transition:color .2s;border-bottom:3px solid transparent}.nav-link:hover,.nav-item.active .nav-link{color:#fff;border-bottom-color:var(--color-primary)}.arrow-down{font-size:.65rem;margin-left:2px;opacity:.7}.drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s}.drawer-backdrop.active{opacity:1;visibility:visible}.mobile-menu-drawer{position:fixed;top:0;left:0;width:300px;max-width:85vw;height:100vh;background-color:#0d0d11;z-index:999;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding:24px;color:#fff;box-shadow:4px 0 24px rgba(0,0,0,.5)}.mobile-menu-drawer.active{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;border-bottom:1px solid #22232c;padding-bottom:16px}.drawer-close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.drawer-nav-list{list-style:none;display:flex;flex-direction:column;gap:16px}.drawer-nav-link{font-family: var(--font-ui);font-size:1.1rem;font-weight:600;color:#d4d7dc;text-decoration:none;transition:color .2s}.drawer-nav-link:hover,.drawer-nav-link.active{color:var(--color-primary)}.search-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(5,5,5,.95);z-index:1005;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease}.search-overlay.active{opacity:1;visibility:visible}.search-overlay-box{width:90%;max-width:680px;position:relative}.search-overlay-input{width:100%;background:transparent;border:none;border-bottom:2px solid var(--color-primary);font-family: var(--font-body);font-size:1.8rem;color:#fff;padding:12px 48px 12px 0;outline:none}.search-overlay-close{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;font-size:1.8rem;cursor:pointer}.featured-news-section-wrap{width:var(--content-width);max-width:100%;margin:0 auto;padding:24px 16px 0}.featured-news-section{background-color:transparent;display:flex;flex-direction:column;gap:20px}.news-top-row{display:grid;grid-template-columns:2.3fr 1fr;gap:20px}.news-left-col{width:100%;height:430px}.hero-main-spotlight{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background-color:var(--color-surface-primary)}.hero-main-spotlight img{width:100%;height:100%;object-fit:cover}.hero-main-overlay{position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.5) 60%,transparent 100%);pointer-events:none}.hero-main-content{position:absolute;bottom:24px;left:24px;right:24px;z-index:2}.spotlight-title{font-family: var(--font-headings);font-size:clamp(26px,3.5vw,36px);font-weight:700;color:#fff;line-height:1.1;margin-top:6px;margin-bottom:0}.news-right-col{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;padding:16px;display:flex;flex-direction:column}.latest-news-panel-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.latest-news-panel-item{display:flex;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--color-divider);cursor:pointer}.latest-news-panel-item:last-child{border-bottom:none;padding-bottom:0}.latest-story-timestamp{font-family: var(--font-ui);font-size:.75rem;color:var(--color-text-muted);font-weight:600}.latest-story-title{font-family: var(--font-headings);font-size:1rem;font-weight:700;line-height:1.15;color:var(--color-text-primary)}.news-bottom-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bottom-image-card{height:225px;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background-color:var(--color-surface-primary)}.bottom-image-card img{width:100%;height:100%;object-fit:cover}.bottom-card-overlay{position:absolute;bottom:0;left:0;width:100%;height:75%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);pointer-events:none}.bottom-card-content{position:absolute;bottom:16px;left:16px;right:16px;z-index:2}.bottom-card-title{font-family: var(--font-headings);font-size:1.15rem;font-weight:700;color:#fff;line-height:1.15;margin-top:4px}.cbr-editorial-section-container{width:var(--content-width);max-width:100%;margin:40px auto;padding:0 16px}.cbr-editorial-section-inner{display:flex;flex-direction:column}.section-title-with-link{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:2px solid var(--color-border-primary);padding-bottom:8px}.section-header-title{font-family: var(--font-headings);font-size:1.6rem;font-weight:700;text-transform:uppercase;color:var(--color-text-primary)}.section-see-more-link{font-family: var(--font-ui);font-size:.85rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase}.section-see-more-link:hover{color:var(--color-primary)}.cbr-editorial-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.tall-editorial-card{height:376px;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background-color:var(--color-surface-primary)}.tall-editorial-card img{width:100%;height:100%;object-fit:cover}.cbr-card-overlay{position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,transparent 100%);pointer-events:none}.cbr-card-content{position:absolute;bottom:20px;left:20px;right:20px;z-index:2}.cbr-card-date{font-family: var(--font-ui);font-size:.8rem;font-weight:600;color:#fff;margin-bottom:6px}.cbr-card-title{font-family: var(--font-headings);color:#fff;line-height:1.1;margin:0}.card-large .cbr-card-title{font-size:2.2rem;font-weight:700}.card-small .cbr-card-title{font-size:1.4rem;font-weight:700}.latest-section-wrapper{width:var(--content-width);max-width:100%;margin:0 auto 48px;padding:0 16px}.latest-section-inner{display:grid;grid-template-columns:2.3fr 1fr;gap:24px}.latest-feed-column{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;padding:24px}.latest-feed-rows-list{display:flex;flex-direction:column;gap:24px}.latest-feed-row{display:grid;grid-template-columns:260px 1fr;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--color-divider)}.latest-feed-row:last-child{border-bottom:none;padding-bottom:0}.latest-feed-img-link{width:260px;height:170px;border-radius:6px;overflow:hidden;background-color:var(--color-image-fallback)}.latest-feed-img-link img{width:100%;height:100%;object-fit:cover}.latest-feed-content-col{display:flex;flex-direction:column;justify-content:flex-start}.latest-feed-time{font-family: var(--font-ui);font-size:.8rem;color:var(--color-text-muted);margin-bottom:6px}.latest-feed-headline-link{font-family: var(--font-headings);font-size:1.6rem;font-weight:700;line-height:1.15;color:var(--color-text-primary);margin-bottom:8px}.latest-feed-excerpt{font-family: var(--font-body);font-size:.95rem;color:var(--color-text-secondary);line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.latest-see-more-btn{width:100%;height:48px;margin-top:24px;background-color:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-primary);font-family: var(--font-ui);font-size:.95rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s}.latest-see-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.trending-sidebar-widget{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;padding:20px;margin-bottom:24px}.trending-sidebar-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.trending-header-accent-sq{width:12px;height:12px;background-color:var(--color-primary)}.trending-header-text{font-family: var(--font-headings);font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var(--color-text-primary)}.trending-header-divider{width:100%;height:1px;background-color:var(--color-divider);margin-bottom:20px}.trending-list-container{display:flex;flex-direction:column;gap:16px}.trending-item-wrapper{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--color-divider);cursor:pointer}.trending-item-wrapper:last-child{border-bottom:none;padding-bottom:0}.trending-number{font-family: var(--font-ui);font-size:2rem;font-weight:700;color:var(--color-text-muted);line-height:1}.trending-item-headline{font-family: var(--font-headings);font-size:1.05rem;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.newsletter-form-container{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;padding:24px;text-align:center}.newsletter-badge{font-family: var(--font-ui);font-size:.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.newsletter-form-container h3{font-family: var(--font-headings);font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.newsletter-form-container p{font-family: var(--font-body);font-size:.9rem;color:var(--color-text-secondary);margin-bottom:16px}.newsletter-input{width:100%;height:44px;border:1px solid var(--color-border-primary);border-radius:4px;padding:0 14px;font-family: var(--font-body);font-size:.95rem;background-color:var(--color-page-bg);color:var(--color-text-primary);margin-bottom:12px;outline:none}.newsletter-submit-btn{width:100%;height:44px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;font-family: var(--font-ui);font-size:.95rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.newsletter-submit-btn:hover{opacity:.9}.article-detail-view{width:var(--content-width);max-width:100%;margin:32px auto 64px;padding:0 16px}.detail-header-wrap{max-width:900px;margin:0 auto 24px}.detail-title{font-family: var(--font-headings);font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:700!important;line-height:1.1;color:var(--color-text-primary);margin:12px 0 16px}.detail-excerpt{font-family: var(--font-body);font-size:1.2rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:20px}.author-byline-bar{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);margin-bottom:28px}.author-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-info-col{display:flex;flex-direction:column}.author-name-link{font-family: var(--font-headings) !important;font-weight:700!important;font-size:1.2rem;color:var(--color-text-primary)}.author-meta-sub{font-family: var(--font-ui);font-size:.85rem;color:var(--color-text-muted)}.detail-featured-banner{width:100%;max-height:540px;border-radius:8px;overflow:hidden;margin-bottom:36px;background-color:var(--color-image-fallback)}.detail-featured-banner img{width:100%;height:100%;object-fit:cover}.detail-content-layout{display:grid;grid-template-columns:2.3fr 1fr;gap:40px}.detail-article-body{font-family: var(--font-body) !important;font-size:1.15rem;line-height:1.75;color:var(--color-text-primary)}.detail-article-body p{margin-bottom:24px}.detail-article-body h2{font-family: var(--font-headings) !important;font-size:1.8rem;font-weight:700;margin:36px 0 16px;color:var(--color-text-primary)}.detail-article-body h3{font-family: var(--font-headings) !important;font-size:1.4rem;font-weight:700;margin:28px 0 12px;color:var(--color-text-primary)}.detail-article-body blockquote{border-left:4px solid var(--color-primary);background-color:var(--color-surface-primary);padding:20px 24px;margin:28px 0;border-radius:0 8px 8px 0}.detail-article-body blockquote p{font-size:1.25rem;font-style:italic;margin-bottom:8px}.detail-article-body blockquote cite{font-family: var(--font-ui);font-size:.85rem;font-weight:700;color:var(--color-text-muted)}.floating-share-bar{position:sticky;top:120px;display:flex;flex-direction:column;gap:12px}.share-btn{width:40px;height:40px;border-radius:50%;background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.share-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.author-bio-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;padding:24px;display:flex;gap:20px;margin:40px 0}.author-bio-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.author-bio-content h4{font-family: var(--font-headings);font-size:1.3rem;font-weight:700;margin-bottom:6px}.author-bio-content p{font-family: var(--font-body);font-size:.95rem;color:var(--color-text-secondary)}.comments-section-container{margin-top:48px;padding-top:32px;border-top:2px solid var(--color-border-primary)}.add-comment-btn{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);font-family: var(--font-ui);font-size:1rem;font-weight:700;padding:12px 28px;border-radius:4px;cursor:pointer;text-transform:uppercase;transition:all .2s;margin-bottom:24px}.add-comment-btn:hover{background-color:var(--color-primary);color:#fff}.comment-list{list-style:none;display:flex;flex-direction:column;gap:20px;margin-top:24px}.comment-item{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;padding:20px}.comment-author-name{font-family: var(--font-headings);font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.comment-date{font-family: var(--font-ui);font-size:.8rem;color:var(--color-text-muted);margin-left:8px}.comment-body p{font-family: var(--font-body);font-size:.95rem;margin-top:8px;color:var(--color-text-secondary)}.site-footer{background-color:var(--color-header-bg);color:var(--color-header-text);border-top:1px solid var(--color-header-border);padding:48px 0 24px;margin-top:64px}.footer-container{width:var(--content-width);max-width:100%;margin:0 auto;padding:0 16px}.footer-top-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px;margin-bottom:40px}.footer-col h3{font-family: var(--font-headings);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;color:#fff}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col a{font-family: var(--font-ui);font-size:.9rem;color:var(--color-header-muted);text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom-bar{border-top:1px solid var(--color-header-border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-family: var(--font-body);font-size:.85rem;color:var(--color-header-muted)}@media (max-width:1199px){.news-top-row{grid-template-columns:1fr}.news-left-col{height:380px}.news-bottom-row{grid-template-columns:repeat(2,1fr)}.latest-section-inner{grid-template-columns:1fr}.cbr-editorial-grid{grid-template-columns:1fr}.detail-content-layout{grid-template-columns:1fr}}@media (max-width:768px){.main-nav-bar{display:none}.news-left-col{height:280px}.spotlight-title{font-size:1.5rem}.latest-feed-row{grid-template-columns:1fr}.latest-feed-img-link{width:100%;height:200px}.footer-top-grid{grid-template-columns:1fr}.footer-bottom-bar{flex-direction:column;gap:12px;text-align:center}}