/* ZYVRAXO — cleaned original gaming design. One stylesheet, no injected CSS. */
:root{color-scheme:dark;--bg:#090a16;--bg-soft:#111122;--card:#17142a;--white:#f8f6ff;--muted:#b8b3ca;--violet:#aa75ff;--violet-deep:#7440bd;--cyan:#70f3eb;--yellow:#ffe56a;--line:rgba(190,163,242,.2);--display:Impact,"Arial Black","Segoe UI Black",sans-serif;--body:"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:#b478ff;color:#0d0a18}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}button:disabled{cursor:not-allowed}
.content-width{max-width:1250px;padding-inline:clamp(20px,4vw,58px);margin-inline:auto}.site-shell{overflow:clip}.section-pad{padding-block:clamp(65px,7vw,94px)}
.skip-link{position:absolute;top:-100px;left:18px;z-index:1000;background:#fff;color:#101020;padding:12px 18px;font-weight:800}.skip-link:focus{position:fixed;top:12px}
/* Navigation */
.site-header{position:relative;z-index:40;background:rgba(9,9,23,.97);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:25px;min-height:78px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-icon{width:45px;height:45px;object-fit:contain}.brand-name{font:30px/1 var(--display);letter-spacing:1.25px}.brand-dot,.footer-brand span{color:var(--yellow)}
.primary-nav{display:flex;align-items:center;gap:clamp(13px,1.7vw,25px);margin-left:auto}.primary-nav a{font-size:10px;letter-spacing:1.1px;font-weight:900;color:#d0cbdc;white-space:nowrap;transition:color .2s}.primary-nav a:hover{color:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:12px}.fx-toggle{border:0;background:transparent;color:#c8adf2;letter-spacing:1px;font-family:var(--display);font-size:12px;white-space:nowrap;padding:8px 2px}.fx-status{color:var(--cyan)}
.header-follow{background:#eee8ff;color:#0e0c19;font-size:10px;letter-spacing:1px;font-weight:900;padding:12px 15px;white-space:nowrap;transform:skew(-5deg);transition:background .2s}.header-follow:hover{background:var(--yellow)}.header-follow span{font-size:17px;margin-left:12px}.menu-toggle{display:none}
/* Hero — original left-copy/right-logo arrangement, scaled correctly */
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse 47% 66% at 80% 45%,rgba(102,49,192,.3),transparent 79%),radial-gradient(ellipse 45% 45% at 0 100%,rgba(29,76,86,.13),transparent 80%),#080b18;border-bottom:1px solid rgba(174,149,235,.08)}
.hero-grid-overlay{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(164,137,230,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(164,137,230,.13) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);align-items:center;gap:clamp(25px,4vw,66px);padding-top:62px;padding-bottom:45px;min-height:590px}
.hero-copy{z-index:2;min-width:0}.eyebrow,.superhead,.section-label,.hero-bottom,.match-kicker,.match-media-tag,.series-index,.follow-aside{font-weight:900;font-size:10px;letter-spacing:1.8px}.eyebrow{color:var(--cyan);display:flex;gap:13px;align-items:center;flex-wrap:wrap}.eyebrow-separator{color:#817494}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(112,243,235,.13);flex:none}
.superhead{margin:29px 0 12px;color:#bdb9d1;font-size:10px;letter-spacing:2.1px}.hero h1{font-family:var(--display);font-size:clamp(61px,6.8vw,96px);letter-spacing:-.4px;line-height:.95;margin:0 0 23px;font-weight:900}.hero h1 .punct{color:var(--violet)}.hero-outline{color:transparent;-webkit-text-stroke:1.4px #f5f2ff}.hero-gold{color:var(--yellow)}
.hero-intro{color:#c6bed6;max-width:530px;font-size:16px;line-height:1.73;margin:0 0 25px}.hero-intro strong{color:#fff}
.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:19px;min-height:49px;padding:0 20px;font-size:10px;letter-spacing:1px;font-weight:950;white-space:nowrap;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;font-weight:500}.button-primary{color:#14111d;background:var(--yellow);box-shadow:4px 4px 0 rgba(124,83,214,.38)}.button-primary:hover{background:#fff3aa}.button-secondary{color:var(--white);background:rgba(18,13,36,.45);border:1px solid #59446f}.button-secondary:hover{border-color:var(--violet);background:#221832}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:35px;max-width:530px}.hero-stats div{display:flex;flex-direction:column;gap:3px;border-right:1px solid rgba(188,160,245,.22);min-width:0}.hero-stats div:last-child{border:0}.hero-stats strong{font:30px/1 var(--display)}.hero-stats span{color:#ada6c6;font-size:9px;letter-spacing:.8px;font-weight:850}
.hero-art{position:relative;isolation:isolate;min-width:0;display:grid;place-items:center;height:clamp(380px,42vw,540px)}.art-aura{position:absolute;inset:10%;border-radius:50%;z-index:-2;background:radial-gradient(circle,rgba(130,65,230,.45),rgba(54,25,125,.12) 60%,transparent 75%);filter:blur(8px);animation:aura 6s ease-in-out infinite alternate}.art-orbit{position:absolute;inset:6%;border:1px solid rgba(169,116,239,.33);border-radius:50%;z-index:-1;transform:scaleY(.87)}.art-orbit:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(114,239,235,.2);border-radius:50%}
.hero-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(47,13,94,.65));animation:float 7s ease-in-out infinite alternate}.art-stamp{position:absolute;right:4px;bottom:12%;z-index:4;display:flex;align-items:center;gap:11px;background:var(--yellow);color:#121025;transform:rotate(-6deg);box-shadow:5px 7px 0 #59339e;padding:11px 16px;font-size:9px;font-weight:900;letter-spacing:.7px;line-height:1.3}.art-stamp>span:first-child{font-size:29px}.art-stamp strong{font:21px/1.1 var(--display)}
.hero-bottom{position:relative;display:flex;gap:20px;align-items:center;padding-bottom:17px;color:#8c83a8;font-size:9px}.hero-bottom-line{height:1px;background:rgba(183,146,230,.25);flex:1}.hero-bottom>span:last-child{color:var(--violet)}
/* Ticker */
.ticker{overflow:hidden;min-height:47px;background:#151026;border-block:1px solid #342647}.ticker-track{display:flex;align-items:center;gap:38px;white-space:nowrap;width:max-content;min-height:47px;font:18px/1 var(--display);letter-spacing:1.5px;color:#d3b6ff;animation:ticker 35s linear infinite}.ticker i{font-style:normal;color:var(--cyan)}
/* Story */
.story{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,65px)}.story-photo{position:relative;aspect-ratio:16/10;border:1px solid #674aa1;background:#1f153b;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transform:scale(1.02)}.story-photo:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,5,24,.4),transparent 55%,rgba(15,5,37,.65))}.story-photo-label{position:absolute;top:20px;left:20px;z-index:2;font-size:9px;letter-spacing:1.2px;font-weight:900}.story-photo-number{position:absolute;bottom:1px;left:19px;z-index:2;font:clamp(75px,10vw,138px)/1 var(--display);color:var(--yellow);text-shadow:0 4px 30px #1a073b}
.section-label{color:var(--violet);margin-bottom:16px}.story-copy h2,.section-heading h2,.loadout h2{font:clamp(44px,5.4vw,70px)/1.06 var(--display);margin:0 0 18px;letter-spacing:0}.story-copy h2 em,.section-heading h2 em{font-style:normal;color:var(--violet)}.story-copy p{color:var(--muted);font-size:14px;line-height:1.8;max-width:485px;margin-bottom:12px}.text-link{display:inline-flex;align-items:center;gap:30px;margin-top:12px;padding-bottom:8px;border-bottom:1px solid var(--violet);font-size:10px;letter-spacing:1.2px;font-weight:900;transition:color .2s,gap .2s}.text-link:hover{gap:36px;color:var(--cyan)}
/* Headings and two long-form match cards */
.matches{background:linear-gradient(180deg,#121122,#100e1d);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-heading h2{margin:0}.section-heading>p{max-width:370px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 4px}
.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.match-card{background:#181428;border:1px solid #514069;min-width:0;transition:border-color .2s}.match-card:hover{border-color:var(--violet)}.match-media{position:relative;width:100%;aspect-ratio:16/9;background:#191530;overflow:hidden;isolation:isolate}.match-media>img{width:100%;height:100%;object-fit:cover}.match-media-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,3,18,.35),transparent 40%,rgba(8,5,24,.4))}.match-media-tag,.match-duration{position:absolute;z-index:2;background:rgba(12,9,28,.83);font-weight:900;letter-spacing:1px;font-size:9px}.match-media-tag{top:16px;left:16px;padding:7px 11px;border:1px solid rgba(170,140,222,.4)}.match-duration{right:15px;bottom:13px;padding:5px 9px}
.play-button{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:76px;height:76px;border:1px solid #d1aeff;background:rgba(20,10,42,.87);color:var(--yellow);display:grid;place-items:center;box-shadow:0 0 0 9px rgba(115,54,206,.19),0 0 34px rgba(91,42,192,.45);transition:background .2s,scale .2s}.play-button:hover{background:#46217f;scale:1.06}.play-button span{margin-left:4px;font-size:24px}.match-media.is-playing iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;z-index:4;background:#000}
.match-content{padding:27px 28px 24px}.match-kicker{color:var(--cyan);display:flex;align-items:center;gap:12px;font-size:9px;margin-bottom:14px}.match-kicker .status-dot{width:6px;height:6px}.match-content h3{font:clamp(32px,3.5vw,43px)/1.1 var(--display);margin:0 0 12px}.match-content h3 span{color:var(--violet)}.match-content p{max-width:500px;color:#c0bace;font-size:13px;line-height:1.73;margin:0 0 17px}.match-link{font-size:10px;letter-spacing:1px;font-weight:900;display:inline-flex;justify-content:space-between;gap:19px;align-items:center;border-top:1px solid var(--line);padding-top:17px;width:100%;color:var(--yellow)}.match-link:hover{color:var(--cyan)}.link-note{font-size:11px!important;color:#9990ae!important;margin:8px 0 0!important}
/* Three short-form series categories; no duplicated chapter widget */
.series{background:#0b0a17}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.series-card{background:#18142a;border:1px solid #463658;min-width:0;transition:transform .2s,border-color .2s}.series-card:hover{transform:translateY(-4px);border-color:var(--violet)}.series-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#231739}.series-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.series-card:hover .series-media img{transform:scale(1.035)}.series-index{position:absolute;top:13px;left:13px;background:rgba(10,7,31,.86);border:1px solid rgba(183,155,239,.35);padding:7px 9px;color:#e8dcfb;font-size:9px}.series-content{padding:22px 23px 21px}.series-content h3{font:clamp(27px,3vw,36px)/1.1 var(--display);margin:0 0 10px}.series-content p{color:#bdb6cf;font-size:13px;line-height:1.7;min-height:68px;margin-bottom:20px}.series-link{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid var(--violet);padding-bottom:8px;font-weight:900;font-size:10px;letter-spacing:.7px;color:var(--cyan)}.series-link:hover{color:var(--yellow)}.series-note{font-size:11px;color:#8f88a5;margin:22px 0 0}
/* Compact equipment row */
.loadout{border-top:1px solid var(--line)}.compact-heading{align-items:end}.gear-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gear-item{display:flex;align-items:center;gap:13px;min-width:0;padding:20px 16px;background:linear-gradient(145deg,#241a3b,#171426);border:1px solid #4d3a67}.gear-item:first-child{background:linear-gradient(145deg,#8251d1,#4b2a9a)}.gear-symbol{font:29px/1 var(--display);color:var(--yellow)}.gear-item small{display:block;color:#c4b2db;font-size:9px;font-weight:900;letter-spacing:1px;margin-bottom:3px}.gear-item strong{font:22px/1.1 var(--display);display:block;overflow-wrap:anywhere}
/* Follow */
.follow{text-align:center;background:radial-gradient(ellipse at 50% 110%,rgba(104,54,191,.33),transparent 65%),#100d20;border-top:1px solid var(--line);padding-block:clamp(70px,8vw,105px)}.follow-inner{display:flex;align-items:center;flex-direction:column}.follow-inner h2{font:clamp(56px,8vw,99px)/.99 var(--display);margin:0 0 18px}.follow-inner h2 span{color:var(--violet)}.follow-inner p{color:#c9c2d6;max-width:600px;font-size:15px;line-height:1.8;margin:0 0 25px}.follow-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.follow-aside{font-size:9px;color:#82799c;margin-top:26px}
.site-footer{background:#0a0914;border-top:1px solid var(--line);padding:22px 0}.footer-inner{display:flex;align-items:center;gap:22px}.footer-brand{font:25px/1 var(--display);white-space:nowrap}.footer-copy{flex:1;min-width:0}.footer-copy p{margin:0;font-size:11px;line-height:1.6;color:#9991ac}.footer-copy .footer-credit{margin-top:5px;color:#bcb3d0}.footer-credit a{color:var(--yellow);font-weight:800;text-decoration:underline;text-decoration-color:rgba(255,229,106,.55);text-underline-offset:3px}.footer-credit a:hover{color:var(--cyan);text-decoration-color:var(--cyan)}.footer-top{font-size:10px;font-weight:900;letter-spacing:.8px;color:#d8cbf1;white-space:nowrap}.footer-top:hover{color:var(--cyan)}
/* Controls at the original breakpoint; prevent horizontal overflow */
@media(max-width:1150px){.header-inner{gap:14px}.primary-nav{gap:12px}.primary-nav a{font-size:9px;letter-spacing:.6px}.header-follow{font-size:9px;padding:11px}.hero h1{font-size:clamp(60px,7vw,83px)}.hero-inner{gap:15px}}
@media(max-width:930px){.site-header .content-width{padding-inline:20px}.menu-toggle{order:3;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:40px;height:42px;border:1px solid #645184;background:rgba(45,33,65,.7);margin-left:0;flex:none}.menu-toggle span{width:19px;height:2px;background:#eee8ff;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 25px 20px;background:rgba(15,12,32,.99);border-bottom:1px solid #64458c;box-shadow:0 15px 25px rgba(0,0,0,.4);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:14px 9px;font-size:12px;letter-spacing:1.2px;border-bottom:1px solid #302544}.header-actions{margin-left:auto}.hero-inner{min-height:0;padding-top:48px;grid-template-columns:1fr .9fr}.hero-art{height:400px}.hero h1{font-size:clamp(56px,7.4vw,77px)}.hero-intro{font-size:14px}.button{font-size:9px;padding-inline:14px}.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-content h3{font-size:30px}}
@media(max-width:700px){html{scroll-padding-top:74px}.header-inner{min-height:70px}.brand-icon{width:38px;height:38px}.brand-name{font-size:26px}.fx-toggle{display:none}.header-follow{padding:10px 12px}.header-follow span{margin-left:5px}.hero-inner{grid-template-columns:1fr;padding-top:54px;padding-bottom:25px;gap:8px}.hero h1{font-size:clamp(68px,12vw,102px)}.hero-intro{font-size:15px;max-width:550px}.hero-art{height:clamp(280px,65vw,450px);max-width:480px;margin:auto;width:100%}.hero-logo{width:100%}.art-stamp{right:6px;bottom:9%}.hero-bottom{font-size:8px}.story{grid-template-columns:1fr}.story-photo{max-height:400px}.story-copy{padding-top:7px}.section-heading{display:block}.section-heading>p{max-width:650px;margin-top:15px}.match-grid{grid-template-columns:1fr}.match-content h3{font-size:41px}.series-grid{grid-template-columns:1fr 1fr}.series-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.series-card:last-child .series-media{height:100%;aspect-ratio:auto}.series-card:last-child .series-content{display:flex;flex-direction:column;justify-content:center}.series-content p{min-height:0}}
@media(max-width:490px){.content-width{padding-inline:20px}.header-inner{gap:7px;padding-inline:12px!important}.brand{gap:5px}.brand-icon{width:34px;height:34px}.brand-name{font-size:22px}.header-follow{padding:9px 8px;font-size:8px;letter-spacing:0}.header-follow span{font-size:14px}.menu-toggle{width:36px;height:37px}.eyebrow{font-size:9px;letter-spacing:1.25px}.superhead{font-size:9px;letter-spacing:1.4px;margin-top:26px}.hero-inner{padding-top:45px}.hero h1{font-size:clamp(58px,14.4vw,75px);margin-bottom:19px}.hero-intro{font-size:14px}.hero-buttons{gap:9px}.button{width:100%;justify-content:space-between;font-size:10px;padding-inline:17px}.hero-stats{gap:8px;margin-top:31px}.hero-stats strong{font-size:26px}.hero-stats span{font-size:7.7px;letter-spacing:.2px}.hero-art{height:330px}.art-stamp{font-size:8px;padding:8px 12px}.art-stamp strong{font-size:17px}.hero-bottom>span:last-child{display:none}.ticker-track{font-size:15px;gap:26px;min-height:42px}.ticker{min-height:42px}.section-pad{padding-block:60px}.story-copy h2,.section-heading h2{font-size:clamp(45px,12vw,62px)}.story-photo-label{font-size:8px}.story-photo-number{font-size:80px}.match-content{padding:21px}.match-content h3{font-size:36px}.play-button{width:61px;height:61px}.play-button span{font-size:20px}.match-media-tag{top:10px;left:10px;font-size:8px}.series-grid{grid-template-columns:1fr}.series-card:last-child{grid-column:auto;display:block}.series-card:last-child .series-media{height:auto;aspect-ratio:16/10}.series-content h3{font-size:37px}.gear-grid{gap:9px}.gear-item{padding:16px 11px;gap:9px}.gear-symbol{font-size:25px}.gear-item strong{font-size:20px}.gear-item small{font-size:8px}.follow-inner h2{font-size:clamp(49px,12vw,68px)}.follow-inner p{font-size:14px}.footer-inner{flex-wrap:wrap;gap:12px}.footer-copy{order:3;flex:0 0 100%}.footer-top{margin-left:auto}}
@media(max-width:340px){.header-follow{display:none}.hero h1{font-size:55px}.hero-stats strong{font-size:23px}.gear-grid{grid-template-columns:1fr}}
@keyframes float{from{transform:translateY(4px) rotate(-.8deg)}to{transform:translateY(-10px) rotate(.8deg)}}@keyframes aura{from{transform:scale(.94);opacity:.76}to{transform:scale(1.06);opacity:1}}@keyframes ticker{to{transform:translateX(-50%)}}
.effects-off .ticker-track,.effects-off .hero-logo,.effects-off .art-aura{animation:none}.effects-off .art-aura{opacity:.6}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}