/* PUSAKASURYA v1.4 — fully restyled esports editorial. All colors are semantic.
   Loads after v1.3 rules, so existing CMS content and layouts remain compatible. */
:root, html[data-theme="light"] {
  color-scheme:light;
  --bg:#eef2fb;--ink:#111936;--muted:#657392;--line:#dce3f3;
  --accent:#792eee;--accent-alt:#007db9;--light:#e9eaff;
  --surface:#ffffff;--surface-2:#f4f6ff;--surface-3:#ebe9ff;
  --elevated:#fff;--text-subtle:#495776;--soft-border:#e2e8f4;
  --glow:rgba(140,55,240,.14);--shadow:0 15px 36px rgba(23,29,82,.075);
  --gold:#ffb719;--cyan:#00d9fa;--purple:#aa36ff;
  --footer:#080d25;--footer-text:#a9b3d7;
  --sans:Inter,'Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  --serif:var(--sans);
}
html[data-theme="dark"] {
  color-scheme:dark;
  --bg:#090e21;--ink:#f6f5ff;--muted:#9da9cc;--line:#303559;
  --accent:#c087ff;--accent-alt:#55dbff;--light:#191b3e;
  --surface:#141a32;--surface-2:#10162c;--surface-3:#26204b;
  --elevated:#1a2342;--text-subtle:#c1c9e5;--soft-border:#303559;
  --glow:rgba(165,71,255,.23);--shadow:0 17px 44px rgba(0,0,0,.25);
  --gold:#ffc442;--cyan:#2bdfff;--purple:#d37dff;
  --footer:#080b20;--footer-text:#a9b3d7;
}
html { background:var(--bg); }
body { color:var(--ink);background:var(--bg)!important;background-image:radial-gradient(ellipse at 4% 12%,rgba(108,57,255,.095),transparent 32%),radial-gradient(ellipse at 100% 33%,rgba(0,181,243,.075),transparent 31%)!important; font-family:var(--sans); }
html[data-theme="dark"] body { background-image:radial-gradient(ellipse at 8% 10%,rgba(103,52,235,.17),transparent 35%),radial-gradient(ellipse at 99% 30%,rgba(0,142,238,.09),transparent 34%)!important; }
.shell{max-width:1400px;padding-left:32px;padding-right:32px}
a{transition:color .2s,border-color .2s,background-color .2s}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* Entire header is a gaming brand masthead, including light mode */
.utility-strip{background:#080d20!important;color:#98acd4!important;border-bottom:1px solid #27335b!important}
.utility-content{height:33px;font-weight:700;letter-spacing:.55px}
.utility-content>span:first-child{color:#16d8ff!important;font-size:9px;letter-spacing:2px}
.utility-content>span:last-child{color:#aebfe2!important}
.dot-sep{color:#ffa900!important}
.site-header{background:linear-gradient(110deg,#090d22 0%,#151038 61%,#0b1634 100%)!important;border-bottom:none!important;box-shadow:none!important;isolation:isolate}
.site-header::before{content:"";height:2px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,#09dffa,#9c36fb 48%,#ffb000 82%,#09dffa);z-index:1}
.header-inner{height:103px;gap:18px}
.brand{display:flex;align-items:center;min-width:0}
.brand img{width:300px;max-width:300px;max-height:90px;height:auto;object-fit:contain;filter:none!important;drop-shadow:none!important}
.header-right{gap:13px}
.header-kicker{font:700 10px/1.4 var(--sans)!important;color:#a8a7d7!important;letter-spacing:.5px;max-width:150px}
.header-search{width:235px;height:43px;border-radius:10px;border:1px solid #42446e!important;background:#202246!important}
.header-search input{color:#f4f7ff!important;font-size:11px}
.header-search input::placeholder{color:#b9bfda!important}
.header-search button{color:#ffb719!important}
.header-search:focus-within{border-color:#08d6f7!important;box-shadow:0 0 0 3px rgba(0,220,255,.12)}
.theme-toggle{height:43px;min-width:98px;border-radius:10px;border:1px solid #544080!important;background:linear-gradient(115deg,#342063,#211e4f)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(179,104,255,.08)}
.theme-toggle:hover{border-color:#cf75ff!important;box-shadow:0 0 18px rgba(165,67,255,.25)}
.theme-toggle svg{color:#ffd33c}
.theme-toggle-label{font-weight:800;letter-spacing:.45px}
.nav-wrap{background:#11132d!important;border-top:1px solid #292851!important;border-bottom:1px solid #37235d!important;position:relative}
.main-nav{gap:25px;min-height:52px}
.main-nav a{color:#d2d6ee!important;font-size:10px;letter-spacing:1px;font-weight:850}
.main-nav a:hover,.main-nav a:focus-visible{color:#00dbfb!important}
.main-nav a:first-child::before{background:linear-gradient(90deg,#00d9fa,#b738fb);height:3px;bottom:-18px}
.mobile-menu{color:#fff!important}
.news-ticker{background:#131b3c!important;border-bottom:1px solid #242f55!important;color:#a5b6dd!important}
.ticker-inner{min-height:44px}
.ticker-label{color:#16dfff!important;font-weight:850}
.live-dot{background:#00dafa!important;box-shadow:0 0 0 4px rgba(0,216,250,.1)}
.ticker-items a{color:#b9c6e3!important}
.ticker-items a:hover{color:#ffc238!important}
.ticker-date{color:#ffc238!important}
/* No hero/banner image. New compact tech identity band instead. */
.home-main{padding-bottom:4px}
.home-intro{position:relative;margin-top:27px;margin-bottom:27px;padding-top:21px;padding-bottom:24px;border-radius:20px;overflow:hidden;color:#fff;border:1px solid #453372;background:linear-gradient(112deg,#12112e 0%,#21164e 55%,#122859 100%);box-shadow:0 13px 35px rgba(20,13,66,.16)}
.home-intro::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:linear-gradient(120deg,transparent 70%,rgba(0,200,255,.23)),repeating-linear-gradient(90deg,transparent 0 64px,rgba(255,255,255,.04) 65px 66px)}
.home-intro::after{content:"";position:absolute;right:-70px;top:-145px;width:380px;height:310px;border-radius:50%;border:1px solid rgba(101,79,255,.65);box-shadow:0 0 0 40px rgba(0,221,249,.025),0 0 0 105px rgba(154,43,247,.035);pointer-events:none}
.home-intro-line{position:relative;z-index:1;color:#00dbff;font-weight:850;font-size:10px;letter-spacing:1.9px;display:flex;gap:11px;align-items:center}
.status-led{display:inline-block;width:8px;height:8px;background:#00e5ff;border-radius:50%;box-shadow:0 0 13px #00e5ff}
.intro-slash{color:#f5b338}
.home-intro-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:30px}
.home-intro h1{font-family:var(--sans);color:#fff;font-size:clamp(24px,3.15vw,41px);letter-spacing:-1.45px;line-height:1.09;font-weight:900;margin:16px 0 7px}
.home-intro h1 span{color:#ffbd26}
.home-intro p{color:#c4c8eb;font-size:12px;line-height:1.65;max-width:650px;margin:0}
.intro-counter{display:flex;flex-direction:column;align-items:center;border-left:1px solid rgba(152,154,255,.3);padding:4px 18px;min-width:100px}
.intro-counter strong{font-size:34px;line-height:1;color:#0adffc;font-weight:900}
.intro-counter small{font-size:9px;letter-spacing:1.1px;margin-top:7px;color:#b4b8e5;white-space:nowrap}
/* All homepage sections belong to the left stream. Blogroll is RIGHT SIDEBAR ONLY. */
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:28px;align-items:start}
.home-layout>.home-content{min-width:0}
.home-layout>.sidebar{min-width:0;display:flex;flex-direction:column;gap:18px}
.home-section-eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);letter-spacing:1.5px;font-size:10px;font-weight:900;margin:0 0 12px}
.eyebrow-dot{background:var(--gold);height:7px;width:7px;border-radius:2px;display:inline-block;box-shadow:0 0 12px rgba(255,181,22,.3)}
.eyebrow-line{flex:1;height:1px;background:var(--line);margin-left:9px}
.home-lead{padding:0}
.lead-story{border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:17px;box-shadow:var(--shadow)!important}
.lead-story:hover{border-color:var(--purple)!important}
.lead-media{height:320px;position:relative;display:block;overflow:hidden;border-radius:15px 15px 0 0;background:var(--surface-2)}
.lead-media img{width:100%;height:100%;object-fit:cover}
.lead-ribbon{bottom:16px;left:16px;font-weight:900;letter-spacing:1.3px;background:linear-gradient(100deg,#722ff2,#a42ef2)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 13px}
.lead-copy{padding:22px 25px 27px}
.lead-copy h2{font:900 clamp(25px,2.7vw,35px)/1.14 var(--sans);letter-spacing:-1.2px;color:var(--ink);margin:13px 0 12px}
.lead-copy h2 a:hover{color:var(--accent)}
.lead-copy p{color:var(--text-subtle)!important;font-size:13px;max-width:740px;line-height:1.74}
.meta-line{color:var(--muted)!important}
.meta-line a,.meta-line span:first-child{color:var(--accent)!important}
.text-cta,.all-link,.read-more,.explore-brief{color:var(--accent)!important;font-weight:900}
.text-cta:hover,.all-link:hover,.read-more:hover{color:var(--accent-alt)!important}
/* sidebar: first item is permanently the blogroll card */
.sidebar .side-box{border-radius:16px;padding:21px;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:0 4px 22px rgba(44,34,103,.035)}
.sidebar .side-box:first-child{background:linear-gradient(155deg,#171235,#231651 67%,#182348)!important;border:1px solid #56378a!important;box-shadow:0 15px 28px rgba(42,20,94,.19);position:relative;overflow:hidden}
.sidebar .side-box:first-child:before{content:"";position:absolute;right:-100px;top:-110px;width:240px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(143,55,251,.3),transparent 67%);pointer-events:none}
.sidebar .side-box:first-child .side-title{border-bottom:1px solid rgba(207,183,255,.22);padding-bottom:15px;position:relative;z-index:1}
.sidebar .side-box:first-child .side-title h3{color:#fff!important;font-size:16px!important;letter-spacing:.15px}
.sidebar .side-box:first-child .side-icon{background:linear-gradient(135deg,#8131ff,#a741f0)!important;color:#fff!important;border-radius:9px}
.sidebar .side-box:first-child .side-subtext{color:#b6b2d7!important;position:relative;z-index:1;font-size:11px}
.sidebar .side-box:first-child .blogroll-list{position:relative;z-index:1}
.sidebar .side-box:first-child .blogroll-list a{padding:13px 8px;border-bottom:1px solid rgba(211,186,255,.15)!important;display:flex;align-items:center;gap:12px}
.sidebar .side-box:first-child .blogroll-list a:last-child{border-bottom:0!important}
.sidebar .side-box:first-child .blogroll-list strong{color:#fff!important;font-size:12px;font-weight:800}
.sidebar .side-box:first-child .blogroll-list small{color:#b7b7d5!important;font-size:10px;line-height:1.6}
.sidebar .side-box:first-child .blogroll-list svg{color:#ffb728!important}
.sidebar .side-box:first-child .blogroll-list a:hover strong{color:#00ddff!important}
.sidebar .side-box:first-child .blogroll-list a:hover{background:rgba(158,68,250,.15);border-radius:7px}
.sidebar .side-title h3{font-size:15px;color:var(--ink)}
.sidebar .side-icon{background:var(--surface-3);color:var(--accent)}
.compact-post{border-color:var(--line)!important}
.compact-post h3,.compact-post h3 a{color:var(--ink)!important}
.compact-post h3 a:hover{color:var(--accent)!important}
.compact-no{color:var(--accent)!important}
.topic-tags a{background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.topic-tags a:hover{border-color:var(--accent)!important;color:var(--accent)!important}
/* Articles + news are one main-column stream, with no second sidebar */
.home-content .feature-section{padding-top:34px;margin-bottom:39px}
.home-content .news-section{border-radius:16px;background:transparent!important;margin:0 0 38px;padding:0;border:0!important}
.home-content .topics-section{margin-bottom:60px}
.section-heading{border-color:var(--line)!important;margin-bottom:17px;padding-bottom:14px}
.section-heading h2{font:900 27px/1.16 var(--sans);color:var(--ink);letter-spacing:-.9px}
.eyebrow{color:var(--accent)!important;font-size:10px;font-weight:850;letter-spacing:1.4px}
.feed-summary{color:var(--muted)!important;font-size:12px;margin:0 0 15px}
.category-quicknav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px;padding-bottom:16px;border-color:var(--line)!important}
.category-quicknav a{color:var(--text-subtle)!important;border-radius:9px!important;border:1px solid var(--line)!important;background:var(--surface)!important;padding:9px 13px;font-weight:700}
.category-quicknav a.active{background:linear-gradient(90deg,#7132dd,#9e31ee)!important;color:#fff!important;border-color:transparent!important}
.category-quicknav a:hover{color:var(--accent)!important;border-color:var(--accent)!important}
.home-content .card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.home-content .news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.post-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 5px 24px rgba(26,32,84,.04)!important;overflow:hidden}
.post-card:hover{border-color:var(--accent)!important;box-shadow:0 12px 32px var(--glow)!important}
.card-media{background:var(--surface-2)!important}
.card-media img{object-fit:cover}
.media-type{background:linear-gradient(110deg,#21214f,#6330bb)!important;color:#fff!important;border-radius:8px}
.card-body h3,.card-body h3 a{color:var(--ink)!important;font-weight:850}
.card-body h3 a:hover{color:var(--accent)!important}
.card-body p{color:var(--text-subtle)!important;line-height:1.7}
.read-more{color:var(--accent)!important}
.topic-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.topic-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:15px!important;min-height:164px}
.topic-card strong{color:var(--ink)!important}
.topic-card p{color:var(--muted)!important}
.topic-arrow{color:var(--accent)!important}
/* Post, archive and static-page compatibility */
.archive-main,.article-main{padding-top:33px;padding-bottom:65px}
.archive-heading h1,.page-simple h1,.article-header h1{font-family:var(--sans);color:var(--ink);font-weight:900}
.archive-heading p,.article-intro,.breadcrumb-current,.breadcrumbs{color:var(--muted)}
.main-sidebar-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:27px}
.article-body,.page-simple{min-width:0}
.article-header h1{font-size:clamp(30px,3vw,43px)}
.article-cover img{background:var(--surface-2);border-radius:13px}
.prose{color:var(--text-subtle);font-size:15px;line-height:1.82}
.prose p,.prose li{color:var(--text-subtle)}
.prose h2,.prose h3,.prose h4{color:var(--ink);font-family:var(--sans)}
.prose blockquote{background:var(--surface-2)!important;border-color:var(--accent)!important;color:var(--text-subtle)!important}
.prose a{color:var(--accent)!important}
.breadcrumbs a:hover{color:var(--accent)}
.pagination a{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.pagination a.is-active{background:var(--accent)!important;color:#fff!important}
/* footer is always a deep neon surface */
.footer{background:linear-gradient(115deg,#0b0d25,#1c1340)!important;border-top:2px solid #69329a;color:#f7f5ff!important}
.footer h3{color:#e6b4ff!important}
.footer-intro p,.footer-note p,.footer-main>div:not(:first-child)>a,.socials a{color:#b9bfdd!important}
.footer-main a:hover{color:#0de3ff!important}
.footer-logo img{max-width:250px;max-height:90px;filter:none!important}
.copyright{color:#a8accc!important;border-color:#383051!important}
/* No light-theme legacy bleed */
html[data-theme="dark"] .brand img,html[data-theme="dark"] .footer-logo img{filter:none!important}
html[data-theme="dark"] .post-card,html[data-theme="dark"] .side-box,html[data-theme="dark"] .lead-story,html[data-theme="dark"] .topic-card{box-shadow:0 9px 33px rgba(0,0,0,.16)!important}
html[data-theme="dark"] .news-section{background:transparent!important}
html[data-theme="dark"] .home-intro{border-color:#6d469b;box-shadow:0 19px 49px rgba(1,1,20,.33)}
/* mobile and tablet */
@media(max-width:1190px){
  .header-kicker{display:none}
  .home-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}
  .main-sidebar-grid{grid-template-columns:minmax(0,1fr) 285px;gap:20px}
}
@media(max-width:860px){
  .shell{padding-left:22px;padding-right:22px}
  .brand img{max-width:250px;width:250px}
  .header-search{width:200px}
  .home-layout,.main-sidebar-grid{grid-template-columns:minmax(0,1fr)}
  .home-layout>.sidebar{display:flex;order:2}
  .home-layout>.home-content{order:1}
  .sidebar .side-box:first-child{order:-1}
  .home-intro h1{font-size:31px}
}
@media(max-width:760px){
  .header-inner{height:79px}
  .brand img{max-width:210px;width:210px;max-height:74px}
  .main-nav{min-height:auto}
  .main-nav.is-open{background:#131329!important;border:1px solid #4c3569;padding:12px;border-radius:12px}
  .main-nav.is-open a{color:#fff!important}
  .header-search{width:165px}
  .theme-toggle{min-width:44px;width:44px;padding:0}
  .theme-toggle-label{display:none}
  .home-intro{margin-top:18px}
  .home-content .news-grid,.home-content .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .main-nav a:first-child::before{display:none}
}
@media(max-width:540px){
  .shell{padding-left:17px;padding-right:17px}
  .header-inner{gap:8px}
  .brand img{width:175px;max-width:175px}
  .header-right{gap:7px}
  .header-search{position:relative;width:37px;height:39px}
  .header-search input{width:0;padding:0!important;opacity:0}
  .header-search:focus-within{position:absolute;right:100px;left:16px;width:auto;z-index:8;background:#1d2246!important}
  .header-search:focus-within input{width:100%;padding:0 10px!important;opacity:1}
  .theme-toggle{width:38px;min-width:38px;height:39px}
  .home-intro{border-radius:14px;padding-top:19px;padding-bottom:20px}
  .home-intro h1{font-size:25px}
  .home-intro p{font-size:11px}
  .intro-counter{display:none}
  .home-intro-line{font-size:8px;gap:7px}
  .lead-media{height:215px}
  .lead-copy{padding:17px}
  .lead-copy h2{font-size:25px}
  .home-content .news-grid,.home-content .card-grid,.topic-cards{grid-template-columns:1fr}
  .section-heading h2{font-size:23px}
  .utility-content>span:last-child{display:none}
  .news-ticker .ticker-items{gap:15px}
  .news-ticker .ticker-items a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}