@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&display=swap');

/* Namespace page wrappers and style variables to avoid theme conflicts */
body.category-streaming-wars {
  background: #03030F !important;
  color: #fff !important;
  font-family: 'DM Mono', monospace !important;
}

.sw-page-wrap {
  --bg:#03030F;
  --bg2:#06061A;
  --bg3:#0A0A1F;
  --blue:#0071E3;
  --blue-hi:#4488FF;
  --nf:#E50914;
  --max:#6600CC;
  --prime:#00A8E1;
  --hulu:#1CE783;
  --glass:rgba(255,255,255,0.04);
  --glass-border:rgba(255,255,255,0.06);
  --text-dim:rgba(255,255,255,0.35);
  --text-mid:rgba(255,255,255,0.6);
  
  position: relative;
  background: var(--bg);
  color: #fff;
}

.sw-page-wrap *, .sw-page-wrap *::before, .sw-page-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* SCANLINE OVERLAY */
.sw-page-wrap::before {
  content:'';position:absolute;inset:0;pointer-events:none;z-index:100;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.05) 2px,rgba(0,0,0,0.05) 4px);
  animation:sw-scanlines 8s linear infinite;
}
@keyframes sw-scanlines{0%{background-position:0 0}100%{background-position:0 100px}}

/* TV STATIC TEXTURE */
.sw-page-wrap::after {
  content:'';position:absolute;inset:0;pointer-events:none;z-index:99;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");
  opacity:0.3;
}

/* NAV BAR */
.sw-top-nav {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  height: 52px;
  background: rgba(3,3,15,0.92);
  border-bottom: 1px solid var(--glass-border);
  backdrop-filter: blur(12px);
}
body.admin-bar .sw-top-nav {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar .sw-top-nav {
    top: 46px;
  }
}
.sw-nav-logo{font-family:'Oswald',sans-serif;font-weight:600;font-size:18px;letter-spacing:.15em;color:#fff}
.sw-nav-logo span{color:var(--blue-hi)}
.sw-nav-section{font-size:9px;letter-spacing:.35em;color:var(--blue-hi);text-transform:uppercase;padding:4px 12px;border:1px solid rgba(68,136,255,0.3);background:rgba(68,136,255,0.06)}
.sw-nav-links{display:flex;gap:24px;align-items:center}
.sw-nav-links a{font-size:9px;letter-spacing:.2em;color:var(--text-dim);text-decoration:none;text-transform:uppercase;transition:color .2s}
.sw-nav-links a:hover{color:#fff}
.sw-nav-live{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.15em;color:var(--nf)}
.sw-live-dot{width:5px;height:5px;background:var(--nf);border-radius:50%;animation:pulse-dot 1.4s infinite}
@keyframes pulse-dot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(229,9,20,0.6)}50%{opacity:0.4;box-shadow:0 0 0 4px rgba(229,9,20,0)}}

/* ============ HERO ============ */
.sw-hero{position:relative;min-height:95vh;display:flex;flex-direction:column;justify-content:center;padding:0 6vw;overflow:hidden}
.sw-hero-bg{position:absolute;inset:0;
  background:radial-gradient(ellipse at 70% 50%,rgba(0,113,227,0.08) 0%,transparent 60%),
             radial-gradient(ellipse at 20% 80%,rgba(229,9,20,0.06) 0%,transparent 50%),
             radial-gradient(ellipse at 50% 0%,rgba(68,136,255,0.04) 0%,transparent 40%);
}
.sw-hero-grid-lines{position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);
  background-size:60px 60px;
}
.sw-hero-eyebrow{font-size:9px;letter-spacing:.4em;color:var(--blue-hi);text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:12px}
.sw-hero-eyebrow::before{content:'';width:30px;height:1px;background:var(--blue-hi)}
.sw-eyebrow-dot{width:4px;height:4px;background:var(--blue-hi);border-radius:50%;animation:pulse-dot 1.4s infinite}
.sw-hero-h1{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(64px,10vw,150px);line-height:.85;letter-spacing:.03em;margin-bottom:32px}
.sw-hero-h1 .outline{-webkit-text-stroke:1px rgba(255,255,255,0.15);color:transparent}
.sw-hero-h1 .glow-word{color:var(--blue-hi);text-shadow:0 0 40px rgba(68,136,255,0.5),0 0 80px rgba(68,136,255,0.2)}
.sw-terminal-line{font-size:13px;letter-spacing:.1em;color:var(--blue-hi);margin-bottom:48px;display:flex;align-items:center;gap:0}
.sw-terminal-prompt{color:var(--text-dim);margin-right:8px}
.sw-terminal-text{color:#fff}
.sw-cursor-blink{display:inline-block;width:8px;height:14px;background:var(--blue-hi);margin-left:2px;animation:sw-blink .8s step-end infinite}
@keyframes sw-blink{50%{opacity:0}}
.sw-hero-stats{display:flex;gap:40px;align-items:flex-start}
.sw-hero-stat{display:flex;flex-direction:column;gap:4px}
.sw-hero-stat-num{font-family:'Oswald',sans-serif;font-weight:600;font-size:36px;color:#fff;line-height:1}
.sw-hero-stat-num span{color:var(--blue-hi)}
.sw-hero-stat-label{font-size:8px;letter-spacing:.25em;color:var(--text-dim);text-transform:uppercase}
.sw-hero-side{position:absolute;right:6vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}
.sw-platform-badge{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--glass);border:1px solid var(--glass-border);font-size:10px;letter-spacing:.1em;transition:border-color .2s,background .2s}
.sw-platform-badge:hover{background:rgba(255,255,255,0.07)}
.sw-pb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sw-pb-nf{background:var(--nf);box-shadow:0 0 8px var(--nf)}
.sw-pb-max{background:var(--max);box-shadow:0 0 8px var(--max)}
.sw-pb-prime{background:var(--prime);box-shadow:0 0 8px var(--prime)}
.sw-pb-hulu{background:var(--hulu);box-shadow:0 0 8px var(--hulu)}
.sw-pb-name{color:#fff;font-weight:500}
.sw-pb-change{margin-left:auto;font-size:9px}
.sw-pb-up{color:var(--hulu)}
.sw-pb-down{color:var(--nf)}

/* ============ TICKER ============ */
.sw-ticker-wrap{background:var(--blue);padding:10px 0;overflow:hidden;position:relative;z-index:10;border-top:1px solid rgba(68,136,255,0.3);border-bottom:1px solid rgba(68,136,255,0.3)}
.sw-ticker-inner{display:flex;white-space:nowrap;animation:sw-ticker-anim 45s linear infinite}
.sw-ticker-item{font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:0 24px;color:#000;flex-shrink:0}
.sw-ticker-item::after{content:'  ◆  '}
.sw-ticker-item strong{font-weight:600}
@keyframes sw-ticker-anim{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ STREAM DECIDER ============ */
.sw-decider-section{padding:80px 6vw;background:var(--bg2);position:relative;overflow:hidden}
.sw-decider-section::before{content:'';position:absolute;left:-200px;top:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,113,227,0.06) 0%,transparent 70%);pointer-events:none}
.sw-section-label{font-size:8px;letter-spacing:.4em;color:var(--blue-hi);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.sw-section-label::before{content:'//';color:var(--text-dim);margin-right:4px}
.sw-section-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(40px,5vw,72px);line-height:.9;margin-bottom:8px}
.sw-section-sub{font-size:10px;letter-spacing:.1em;color:var(--text-dim);margin-bottom:48px}

.sw-decider-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}
.sw-decider-shows{background:var(--bg3);border:1px solid var(--glass-border);padding:28px}
.sw-decider-shows-label{font-size:9px;letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase;margin-bottom:20px}
.sw-shows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:24px}
.sw-show-btn{
  background:var(--glass);border:1px solid var(--glass-border);padding:12px 8px;
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.08em;color:var(--text-dim);
  text-align:center;cursor:pointer;transition:all .2s;line-height:1.4;
  border-radius: 0;
}
.sw-show-btn .sw-show-icon{font-size:20px;display:block;margin-bottom:4px}
.sw-show-btn.selected{border-color:var(--blue);background:rgba(0,113,227,0.12);color:#fff}
.sw-show-btn:hover{border-color:rgba(68,136,255,0.4);color:rgba(255,255,255,0.8)}
.sw-decider-cta-label{font-size:9px;letter-spacing:.2em;color:var(--text-dim);margin-bottom:12px;text-transform:uppercase}
.sw-decider-calc-btn{
  width:100%;padding:14px;background:var(--blue);color:#fff;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;letter-spacing:.15em;
  border:none;cursor:pointer;text-transform:uppercase;transition:all .2s;
  box-shadow:0 0 30px rgba(0,113,227,0.2);
}
.sw-decider-calc-btn:hover{background:var(--blue-hi);box-shadow:0 0 50px rgba(68,136,255,0.4);transform:translateY(-2px)}

.sw-decider-result{background:var(--bg3);border:1px solid var(--glass-border);padding:28px;position:relative}
.sw-result-header{font-size:9px;letter-spacing:.3em;color:var(--blue-hi);text-transform:uppercase;margin-bottom:20px}
.sw-result-platforms{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;position:relative}
.sw-result-blur{position:absolute;inset:0;backdrop-filter:blur(8px);background:rgba(3,3,15,0.7);z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed rgba(68,136,255,0.2)}
.sw-blur-icon{font-size:24px}
.sw-blur-text{font-size:9px;letter-spacing:.2em;color:var(--text-dim);text-align:center;text-transform:uppercase}
.sw-result-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--glass)}
.sw-result-row.keep{border-left:2px solid var(--hulu)}
.sw-result-row.cancel{border-left:2px solid var(--nf)}
.sw-rr-label{font-size:8px;letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;width:50px;flex-shrink:0}
.sw-rr-platform{font-size:11px;color:#fff;flex:1}
.sw-rr-price{font-size:10px;color:var(--text-mid)}
.sw-rr-action.keep{color:var(--hulu);font-size:9px;letter-spacing:.1em}
.sw-rr-action.cancel{color:var(--nf);font-size:9px;letter-spacing:.1em}
.sw-savings-locked{text-align:center;padding:20px 0 0;border-top:1px solid var(--glass-border);margin-top:16px}
.sw-savings-num{font-family:'Oswald',sans-serif;font-weight:600;font-size:48px;color:var(--hulu);filter:blur(14px);user-select:none}
.sw-savings-label{font-size:9px;letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;margin-bottom:16px}
.sw-email-capture{display:flex;flex-direction:column;gap:8px}
.sw-email-input{
  background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);
  padding:12px 14px;color:#fff;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.05em;
  outline:none;transition:border-color .2s;
}
.sw-email-input::placeholder{color:var(--text-dim)}
.sw-email-input:focus{border-color:var(--blue)}
.sw-email-submit{
  padding:12px;background:var(--blue);color:#fff;border:none;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:.2em;
  text-transform:uppercase;cursor:pointer;transition:all .2s;
  box-shadow:0 4px 20px rgba(0,113,227,0.3);
}
.sw-email-submit:hover{background:var(--blue-hi);box-shadow:0 6px 30px rgba(68,136,255,0.5);transform:translateY(-2px)}
.sw-email-note{font-size:8px;letter-spacing:.1em;color:var(--text-dim);text-align:center}

/* ============ PLATFORM BATTLE ============ */
.sw-battle-section{padding:80px 6vw;position:relative;overflow:hidden}
.sw-battle-section::after{content:'STREAMING\A WARS';white-space:pre;position:absolute;right:-80px;top:50%;transform:translateY(-50%);font-family:'Oswald',sans-serif;font-weight:600;font-size:200px;line-height:.8;color:rgba(255,255,255,0.015);pointer-events:none;letter-spacing:.05em;text-align:right}
.sw-battle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.sw-battle-card{
  background:var(--bg3);border:1px solid var(--glass-border);padding:28px;
  position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;cursor:pointer;
}
.sw-battle-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.02) 0%,transparent 60%);pointer-events:none}
.sw-battle-card:hover{transform:translateY(-6px)}
.sw-battle-card.nf-card:hover{border-color:rgba(229,9,20,0.4);box-shadow:0 10px 40px rgba(229,9,20,0.12)}
.sw-battle-card.max-card:hover{border-color:rgba(102,0,204,0.4);box-shadow:0 10px 40px rgba(102,0,204,0.12)}
.sw-battle-card.prime-card:hover{border-color:rgba(0,168,225,0.4);box-shadow:0 10px 40px rgba(0,168,225,0.12)}
.sw-battle-card.hulu-card:hover{border-color:rgba(28,231,131,0.4);box-shadow:0 10px 40px rgba(28,231,131,0.12)}
.sw-card-platform-bar{height:2px;position:absolute;top:0;left:0;right:0}
.sw-nf-bar{background:var(--nf)}
.sw-max-bar{background:var(--max)}
.sw-prime-bar{background:var(--prime)}
.sw-hulu-bar{background:var(--hulu)}
.sw-card-vs-badge{position:absolute;top:16px;right:16px;font-size:8px;letter-spacing:.25em;color:var(--text-dim);padding:4px 8px;border:1px solid var(--glass-border);text-transform:uppercase}
.sw-card-platform-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:28px;letter-spacing:.05em;margin-bottom:4px}
.sw-nf-text{color:var(--nf)}
.sw-max-text{color:var(--max)}
.sw-prime-text{color:var(--prime)}
.sw-hulu-text{color:var(--hulu)}
.sw-card-tagline{font-size:8px;letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;margin-bottom:24px}
.sw-card-price{font-family:'Oswald',sans-serif;font-weight:600;font-size:52px;line-height:1;margin-bottom:4px}
.sw-card-price span{font-size:14px;color:var(--text-dim);font-weight:400}
.sw-card-price-label{font-size:8px;letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;margin-bottom:24px}
.sw-card-divider{height:1px;background:var(--glass-border);margin-bottom:20px}
.sw-card-metric{margin-bottom:16px}
.sw-metric-label{font-size:8px;letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;margin-bottom:6px;display:flex;justify-content:space-between}
.sw-metric-bar-bg{height:4px;background:rgba(255,255,255,0.06);position:relative;overflow:hidden}
.sw-metric-fill{height:100%;width:0%;transition:width 1.2s cubic-bezier(0.4,0,0.2,1);position:relative}
.sw-metric-fill::after{content:'';position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:50%;background:inherit;box-shadow:0 0 8px currentColor}
.sw-nf-fill{background:linear-gradient(90deg,rgba(229,9,20,0.4),var(--nf))}
.sw-max-fill{background:linear-gradient(90deg,rgba(102,0,204,0.4),var(--max))}
.sw-prime-fill{background:linear-gradient(90deg,rgba(0,168,225,0.4),var(--prime))}
.sw-hulu-fill{background:linear-gradient(90deg,rgba(28,231,131,0.4),var(--hulu))}
.sw-blue-fill{background:linear-gradient(90deg,rgba(0,113,227,0.4),var(--blue-hi))}
.sw-card-subs{display:flex;align-items:baseline;gap:8px;margin-top:20px}
.sw-subs-num{font-family:'Oswald',sans-serif;font-weight:600;font-size:32px;color:#fff}
.sw-subs-label{font-size:9px;letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase}
.sw-subs-arrow{font-size:18px;margin-left:auto}
.sw-arrow-up{color:var(--hulu)}
.sw-arrow-down{color:var(--nf)}
.sw-card-badge{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.2em;padding:5px 10px;border:1px solid;text-transform:uppercase;margin-top:12px}
.sw-badge-warn{border-color:rgba(255,180,0,0.3);color:#FFB400;background:rgba(255,180,0,0.06)}
.sw-badge-danger{border-color:rgba(229,9,20,0.3);color:var(--nf);background:rgba(229,9,20,0.06)}
.sw-badge-good{border-color:rgba(28,231,131,0.3);color:var(--hulu);background:rgba(28,231,131,0.06)}
.sw-badge-info{border-color:rgba(0,168,225,0.3);color:var(--prime);background:rgba(0,168,225,0.06)}

/* ============ EDITORIAL GRID ============ */
.sw-editorial-section{padding:80px 6vw;background:var(--bg2)}
.sw-editorial-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:2px;margin-top:48px}
.sw-ed-card{position:relative;overflow:hidden;cursor:pointer;background:var(--bg3);border:1px solid var(--glass-border)}
.sw-ed-card.main{grid-row:1/3;min-height:480px}
.sw-ed-card:not(.main){min-height:220px}
.sw-ed-thumb{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s;will-change:transform}
.sw-ed-card:hover .sw-ed-thumb{transform:scale(1.04)}
.sw-ed-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,3,15,0.96) 0%,rgba(3,3,15,0.5) 50%,rgba(3,3,15,0.1) 100%)}
.sw-ed-content{position:absolute;bottom:0;left:0;right:0;padding:24px;width:100%}
.sw-ed-tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.sw-ed-tag{font-size:7px;letter-spacing:.2em;padding:3px 8px;text-transform:uppercase;border:1px solid}
.sw-tag-price{color:#FFB400;border-color:rgba(255,180,0,0.4);background:rgba(255,180,0,0.08)}
.sw-tag-cancel{color:var(--nf);border-color:rgba(229,9,20,0.4);background:rgba(229,9,20,0.08)}
.sw-tag-trend{color:var(--hulu);border-color:rgba(28,231,131,0.4);background:rgba(28,231,131,0.08)}
.sw-tag-war{color:var(--blue-hi);border-color:rgba(68,136,255,0.4);background:rgba(68,136,255,0.08)}
.sw-tag-deal{color:var(--max);border-color:rgba(102,0,204,0.4);background:rgba(102,0,204,0.2)}
.sw-ed-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(18px,2.5vw,26px);line-height:1.1;margin-bottom:10px;transition:color .2s}
.sw-ed-card:hover .sw-ed-title{color:var(--blue-hi)}
.sw-ed-card.main .sw-ed-title{font-size:clamp(24px,3vw,38px)}
.sw-ed-meta{display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:.15em;color:var(--text-dim)}
.sw-ed-fire{color:var(--nf)}

/* GLITCH EFFECT */
.sw-ed-title{position:relative}
.sw-ed-card:hover .sw-ed-title::before,.sw-ed-card:hover .sw-ed-title::after{
  content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;
  clip-path:polygon(0 0,100% 0,100% 50%,0 50%);
}
.sw-ed-card:hover .sw-ed-title::before{
  color:var(--nf);transform:translateX(-2px);animation:sw-glitch-1 .15s step-end 1;
}
.sw-ed-card:hover .sw-ed-title::after{
  color:var(--blue-hi);transform:translateX(2px);clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);
  animation:sw-glitch-2 .15s step-end 1;
}
@keyframes sw-glitch-1{0%,100%{transform:translateX(0);opacity:0}33%{transform:translateX(-4px);opacity:0.7}66%{transform:translateX(3px);opacity:0.5}}
@keyframes sw-glitch-2{0%,100%{transform:translateX(0);opacity:0}33%{transform:translateX(4px);opacity:0.7}66%{transform:translateX(-3px);opacity:0.5}}

/* ============ LIVE STREAMERS ============ */
.sw-streamers-section{padding:80px 6vw;position:relative;overflow:hidden;background:var(--bg)}
.sw-streamers-section::before{content:'';position:absolute;right:-300px;bottom:-200px;width:800px;height:800px;background:radial-gradient(circle,rgba(102,0,204,0.05) 0%,transparent 70%);pointer-events:none}
.sw-streamer-tabs{display:flex;gap:2px;margin-bottom:32px;flex-wrap:wrap}
.sw-s-tab{font-size:9px;letter-spacing:.2em;padding:10px 18px;border:1px solid var(--glass-border);color:var(--text-dim);cursor:pointer;text-transform:uppercase;transition:all .2s;background:transparent;border-radius:0}
.sw-s-tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.sw-s-tab:hover:not(.active){border-color:rgba(68,136,255,0.3);color:var(--text-mid)}
.sw-streamers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.sw-streamer-card{
  background:var(--bg3);border:1px solid var(--glass-border);padding:20px;
  position:relative;overflow:hidden;cursor:pointer;transition:all .3s;
}
.sw-streamer-card:hover{transform:translateY(-4px);border-color:rgba(68,136,255,0.3);box-shadow:0 10px 30px rgba(0,113,227,0.1)}
.sw-streamer-live-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.2em;color:var(--nf);background:rgba(229,9,20,0.1);border:1px solid rgba(229,9,20,0.3);padding:4px 8px;text-transform:uppercase}
.sw-streamer-live-badge.offline{color:var(--text-dim);background:transparent;border-color:var(--glass-border)}
.sw-sc-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.sw-sc-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--glass-border);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--bg2);position:relative}
.sw-sc-avatar.live-now::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--nf);animation:sw-live-ring 1.5s ease-out infinite}
@keyframes sw-live-ring{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.2)}}
.sw-sc-info{flex:1;min-width:0}
.sw-sc-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-sc-handle{font-size:8px;letter-spacing:.15em;color:var(--text-dim);margin-top:2px}
.sw-sc-platform{font-size:7px;letter-spacing:.2em;padding:2px 6px;border:1px solid;text-transform:uppercase}
.sw-plat-twitch{color:#9146FF;border-color:rgba(145,70,255,0.4);background:rgba(145,70,255,0.08)}
.sw-plat-youtube{color:#FF0000;border-color:rgba(255,0,0,0.4);background:rgba(255,0,0,0.08)}
.sw-plat-kick{color:#53FC18;border-color:rgba(83,252,24,0.4);background:rgba(83,252,24,0.08)}
.sw-sc-divider{height:1px;background:var(--glass-border);margin-bottom:14px}
.sw-sc-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}
.sw-sc-stat{text-align:center}
.sw-sc-stat-num{font-family:'Oswald',sans-serif;font-weight:600;font-size:18px;line-height:1}
.sw-sc-stat-label{font-size:7px;letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase;margin-top:2px}
.sw-sc-game{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.08em;color:var(--text-mid);padding:8px 10px;background:var(--glass)}
.sw-sc-game-icon{font-size:14px}
.sw-sc-earnings-badge{margin-top:10px;font-size:8px;letter-spacing:.15em;padding:6px 10px;background:rgba(28,231,131,0.06);border:1px solid rgba(28,231,131,0.2);color:var(--hulu);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}

/* ============ VIEWER IQ TOOL ============ */
.sw-iq-section{padding:80px 6vw;background:var(--bg2);position:relative;overflow:hidden}
.sw-iq-section::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,113,227,0.04) 0%,transparent 70%);pointer-events:none}
.sw-iq-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px;align-items:start}

/* Stream Matchmaker */
.sw-matchmaker{background:var(--bg3);border:1px solid var(--glass-border);padding:28px}
.sw-mm-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:24px;margin-bottom:6px}
.sw-mm-sub{font-size:9px;letter-spacing:.1em;color:var(--text-dim);margin-bottom:24px}
.sw-mm-question{font-size:11px;letter-spacing:.05em;color:#fff;margin-bottom:16px;min-height:32px}
.sw-mm-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.sw-mm-opt{
  padding:12px 14px;background:var(--glass);border:1px solid var(--glass-border);
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--text-mid);
  cursor:pointer;transition:all .2s;text-align:left;
  border-radius: 0;
}
.sw-mm-opt:hover,.sw-mm-opt.selected{border-color:var(--blue);background:rgba(0,113,227,0.1);color:#fff}
.sw-mm-progress{display:flex;gap:4px;margin-bottom:20px}
.sw-mm-step{flex:1;height:2px;background:var(--glass-border);transition:background .3s}
.sw-mm-step.done{background:var(--blue)}
.sw-mm-result{background:rgba(0,113,227,0.06);border:1px solid rgba(0,113,227,0.2);padding:20px;text-align:center;display:none}
.sw-mm-result.show{display:block}
.sw-mm-result-platform{font-family:'Oswald',sans-serif;font-weight:600;font-size:36px;margin-bottom:8px}
.sw-mm-result-why{font-size:10px;letter-spacing:.05em;color:var(--text-mid);line-height:1.6}

/* Trend Pulse */
.sw-trend-pulse{background:var(--bg3);border:1px solid var(--glass-border);padding:28px}
.sw-tp-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:24px;margin-bottom:6px}
.sw-tp-sub{font-size:9px;letter-spacing:.1em;color:var(--text-dim);margin-bottom:24px}
.sw-tp-list{display:flex;flex-direction:column;gap:10px}
.sw-tp-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--glass);border:1px solid var(--glass-border);transition:border-color .2s}
.sw-tp-item:hover{border-color:rgba(68,136,255,0.3)}
.sw-tp-rank{font-family:'Oswald',sans-serif;font-weight:600;font-size:22px;width:32px;text-align:center;flex-shrink:0;color:var(--text-dim)}
.sw-tp-rank.top{color:var(--blue-hi)}
.sw-tp-info{flex:1;min-width:0}
.sw-tp-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-tp-channel{font-size:8px;letter-spacing:.1em;color:var(--text-dim);margin-top:2px}
.sw-tp-viewers{font-family:'Oswald',sans-serif;font-size:16px;color:var(--hulu);flex-shrink:0}
.sw-tp-viewers span{font-size:9px;letter-spacing:.1em;color:var(--text-dim);font-family:'DM Mono',monospace;display:block;text-align:right}
.sw-tp-bar{height:2px;margin-top:6px;background:var(--glass-border);position:relative;overflow:hidden}
.sw-tp-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-hi));transition:width 1.5s ease;width:0%}

/* ============ RICH LIST ============ */
.sw-richlist-section{padding:80px 6vw;position:relative}
.sw-richlist-table{margin-top:48px;border:1px solid var(--glass-border)}
.sw-rl-header{display:grid;grid-template-columns:40px 1fr 1fr 140px 120px;gap:16px;padding:12px 20px;border-bottom:1px solid var(--glass-border);font-size:8px;letter-spacing:.25em;color:var(--text-dim);text-transform:uppercase}
.sw-rl-row{display:grid;grid-template-columns:40px 1fr 1fr 140px 120px;gap:16px;padding:16px 20px;border-bottom:1px solid var(--glass-border);transition:background .2s;cursor:pointer;align-items:center}
.sw-rl-row:hover{background:var(--glass)}
.sw-rl-row:last-child{border-bottom:none}
.sw-rl-num{font-family:'Oswald',sans-serif;font-size:18px;color:var(--text-dim);text-align:center}
.sw-rl-num.gold{color:#FFD700}
.sw-rl-num.silver{color:#C0C0C0}
.sw-rl-num.bronze{color:#CD7F32}
.sw-rl-name-wrap{display:flex;align-items:center;gap:12px}
.sw-rl-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--bg2);border:1px solid var(--glass-border)}
.sw-rl-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px}
.sw-rl-real{font-size:8px;letter-spacing:.1em;color:var(--text-dim)}
.sw-rl-platform-cell{font-size:9px;letter-spacing:.1em;color:var(--text-mid)}
.sw-rl-worth{font-family:'Oswald',sans-serif;font-weight:600;font-size:20px;color:var(--hulu)}
.sw-rl-worth span{font-size:10px;font-weight:400;color:var(--text-dim);font-family:'DM Mono',monospace}
.sw-rl-monthly{font-size:10px;color:var(--text-mid)}

/* ============ REVEAL ANIMATIONS ============ */
.sw-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.sw-reveal.on{opacity:1;transform:translateY(0)}
.sw-reveal-delay-1{transition-delay:.1s}
.sw-reveal-delay-2{transition-delay:.2s}
.sw-reveal-delay-3{transition-delay:.3s}

/* ============ RESPONSIVE ============ */
@media(max-width:1100px){
  .sw-battle-grid{grid-template-columns:repeat(2,1fr)}
  .sw-editorial-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
  .sw-ed-card.main{grid-row:auto;grid-column:1/3}
  .sw-iq-grid{grid-template-columns:1fr}
  .sw-rl-header,.sw-rl-row{grid-template-columns:40px 1fr 100px 80px}
  .sw-rl-platform-cell,.sw-rl-row .sw-rl-platform-cell{display:none}
  .sw-decider-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .sw-top-nav .sw-nav-links{display:none}
  .sw-hero{padding:0 5vw}
  .sw-hero-side{display:none}
  .sw-battle-grid{grid-template-columns:1fr}
  .sw-editorial-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .sw-ed-card.main{grid-column:auto}
  .sw-rl-header,.sw-rl-row{grid-template-columns:36px 1fr 80px}
  .sw-rl-worth{display:none}
  .sw-shows-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
  .sw-richlist-table{overflow-x:auto}
  .sw-streamers-grid{grid-template-columns:1fr}
  .sw-section-title{font-size:clamp(32px,8vw,56px)}
}