:root{--og-red:#ef2832;--og-red-dark:#8e1117;--og-ink:#07080a;--og-panel:#101216;--og-panel-2:#17191e;--og-line:#292c32;--og-text:#f4f3f1;--og-muted:#8b8f98}
body.home-v8{background:var(--og-ink);color:var(--og-text)}
.home-v8 .site-header{position:fixed;left:0;right:0;top:0;height:78px;background:linear-gradient(180deg,rgba(5,6,8,.96),rgba(5,6,8,.72));border-color:rgba(255,255,255,.1)}
.home-v8 .nav-shell{width:min(1380px,calc(100% - 56px));grid-template-columns:270px 1fr auto}
.home-v8 .nav-brand .brand-icon{width:48px;height:48px;object-fit:contain}.home-v8 .nav-brand .og{display:none}.home-v8 .nav-brand strong{font:700 16px var(--display);letter-spacing:.05em}.home-v8 .nav-brand small{font-size:7px;letter-spacing:.22em}.home-v8 .main-nav a{padding:0 20px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.home-v8 .main-nav a:after{bottom:0}.home-v8 .button{border-radius:2px}.home-v8 .button-red{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.art-hero{position:relative;min-height:930px;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#08090b}.art-hero:before{content:"";position:absolute;z-index:-4;inset:-30px;background:url('/assets/og-gaming-hero.webp') center 27%/cover no-repeat;filter:blur(28px) brightness(.25) saturate(1.25);transform:scale(1.08)}.art-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#07080a 0,rgba(7,8,10,.78) 20%,rgba(7,8,10,.04) 45%,rgba(7,8,10,.04) 62%,rgba(7,8,10,.82) 84%,#07080a),linear-gradient(180deg,rgba(7,8,10,.2) 50%,#07080a 96%)}
.art-hero-grid{position:absolute;z-index:-2;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000)}
.art-emblem{position:absolute;z-index:-3;top:40px;bottom:0;left:50%;width:min(900px,72vw);transform:translateX(-50%);display:grid;place-items:end center}.art-emblem img{width:100%;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 35px 55px rgba(0,0,0,.72))}
.hero-side{position:absolute;z-index:3;top:50%;transform:translateY(-44%)}.hero-side-left{left:max(40px,calc((100vw - 1380px)/2));width:310px}.hero-side-right{right:max(40px,calc((100vw - 1380px)/2));width:285px}.hero-live{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #34373d;background:rgba(9,10,12,.8);font-size:8px;letter-spacing:.12em}.hero-live i{width:6px;height:6px;border-radius:50%;background:#54df88;box-shadow:0 0 12px #54df88}.hero-live b{color:#fff}.hero-side-left .eyebrow{display:block;margin:28px 0 10px;color:#b8bbc1}.hero-side-left h1{margin:0;font:700 48px/.92 var(--display);letter-spacing:-.025em;text-transform:uppercase}.hero-side-left h1 em{color:var(--og-red);font-style:normal}.hero-side-left>p{margin:18px 0;color:#999da5;font-size:11px;line-height:1.75}.hero-side-left .hero-actions{flex-direction:column;align-items:stretch;margin-top:22px}.hero-side-left .button{width:100%;height:48px}.direct-connect{display:grid;grid-template-columns:1fr 34px;gap:5px;margin-top:12px;padding:10px 10px 10px 13px;border-left:2px solid var(--og-red);background:rgba(15,17,20,.9)}.direct-connect small{grid-column:1/-1;color:#696d75;font-size:7px;letter-spacing:.12em}.direct-connect code{align-self:center;color:#d8d9dc;font-size:8px}.copy-connect{border:1px solid #393c42;background:#17191d;color:#fff;cursor:pointer}.hero-note{margin-top:8px!important;font-size:8px!important}
.server-intel{border:1px solid #34373d;background:rgba(8,9,11,.88);backdrop-filter:blur(16px);box-shadow:0 25px 60px rgba(0,0,0,.55)}.intel-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--og-line);color:#737780;font-size:7px;letter-spacing:.1em}.intel-head b{display:flex;align-items:center;gap:6px;color:#62df90}.intel-head i{width:6px;height:6px;border-radius:50%;background:#58dc88;box-shadow:0 0 10px #58dc88}.intel-countdown{padding:16px}.intel-countdown small{color:#737780;font-size:7px;letter-spacing:.1em}.intel-countdown strong{display:block;margin:5px 0;color:#fff;font:700 26px var(--display)}.intel-countdown em{color:#b1b4ba;font-size:7px;font-style:normal}.intel-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--og-line)}.intel-grid span{padding:12px;border-right:1px solid var(--og-line);border-bottom:1px solid var(--og-line)}.intel-grid small{display:block;color:#6f737b;font-size:7px}.intel-grid b{font:700 15px var(--display)}.intel-link{display:flex;justify-content:space-between;padding:13px;color:#fff;font-size:8px;letter-spacing:.08em}.hero-scroll{position:absolute;left:50%;bottom:21px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#676b73;font-size:7px;letter-spacing:.14em}.hero-scroll i{width:1px;height:34px;background:linear-gradient(var(--og-red),transparent)}
.wipe-strip{display:grid;grid-template-columns:1.1fr repeat(3,1fr);border-top:1px solid var(--og-line);border-bottom:1px solid var(--og-line);background:#0c0e11}.wipe-strip>div,.wipe-strip>article{position:relative;min-height:165px;padding:28px;border-right:1px solid var(--og-line)}.wipe-strip-title h2{margin:0;font:700 27px/.95 var(--display);text-transform:uppercase}.wipe-strip-title h2 em{color:var(--og-red);font-style:normal}.wipe-strip-title p{color:#747881;font-size:9px}.wipe-strip article small{color:#696d75;font-size:7px;letter-spacing:.1em}.wipe-strip article strong{display:block;margin:25px 0 3px;font:700 32px var(--display)}.wipe-strip article span{color:#9599a1;font-size:7px;letter-spacing:.1em}.wipe-strip article b{position:absolute;right:20px;top:20px;color:var(--og-red);font:700 12px var(--display)}
.art-story{padding:95px 0}.section-intro{display:grid;grid-template-columns:.7fr 1.5fr 1fr;align-items:end;gap:35px;margin-bottom:34px}.section-intro>.eyebrow{margin:0}.section-intro h2{margin:0;font:700 45px/.95 var(--display);text-transform:uppercase}.section-intro h2 em{color:var(--og-red);font-style:normal}.section-intro p{margin:0;color:#858991;font-size:10px;line-height:1.7}.art-slices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.art-slice{position:relative;min-height:430px;overflow:hidden;border:1px solid #30333a;background:#111318}.art-slice:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 35%,rgba(5,6,8,.95) 88%),url('/assets/og-gaming-hero.webp');background-repeat:no-repeat;background-size:auto 760px;transition:transform .5s ease}.art-slice:hover:before{transform:scale(1.035)}.art-slice.world:before{background-position:center 3%}.art-slice.fight:before{background-position:center 46%}.art-slice.legacy:before{background-position:center 95%}.slice-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.slice-copy small{color:var(--og-red);font-size:7px;letter-spacing:.14em}.slice-copy h3{margin:7px 0;font:700 24px var(--display);text-transform:uppercase}.slice-copy p{margin:0;color:#a2a5ab;font-size:9px;line-height:1.6}
.home-v8 .section{padding:90px 0}.home-v8 .section-dark{background:linear-gradient(180deg,#0c0e11,#090a0c)}.home-v8 .section-head{margin-bottom:30px}.home-v8 .section h2{font-size:40px;text-transform:uppercase}.home-v8 .global-groups{grid-template-columns:repeat(3,1fr)}.home-v8 .global-card{border-radius:2px}.home-v8 .global-card-head{height:120px}.home-v8 .player-search{max-width:900px}.home-v8 .top-podium{margin-bottom:20px}.home-v8 .cta{background:radial-gradient(circle at 70% 50%,rgba(239,40,50,.22),transparent 30%),#0d0f12}.home-v8 .site-footer{border-top:1px solid var(--og-line)}
@media(max-width:1180px){.hero-side-left{left:30px}.hero-side-right{right:30px}.art-emblem{width:760px;opacity:.78}.hero-side-left{width:280px}.hero-side-right{width:245px}.home-v8 .main-nav a{padding:0 11px}.home-v8 .global-groups{grid-template-columns:1fr 1fr}.home-v8 .global-card:last-child{grid-column:1/-1}}
@media(max-width:950px){.home-v8 .nav-shell{width:calc(100% - 30px)}.home-v8 .nav-brand .brand-icon{width:40px;height:40px}.art-hero{min-height:1050px;align-items:start}.art-emblem{top:80px;width:min(800px,110vw);height:720px;opacity:.68}.hero-side{transform:none}.hero-side-left{top:120px;left:25px;width:min(330px,calc(100% - 50px))}.hero-side-right{top:auto;bottom:45px;right:25px;width:290px}.hero-scroll{display:none}.wipe-strip{grid-template-columns:1fr 1fr}.section-intro{grid-template-columns:1fr}.art-slices{grid-template-columns:1fr 1fr}.art-slice:last-child{grid-column:1/-1}.art-slice:last-child:before{background-size:cover;background-position:center 86%}}
@media(max-width:620px){.home-v8 .site-header{height:68px}.home-v8 .nav-brand>span:last-child{display:none}.art-hero{min-height:1120px}.art-hero:after{background:linear-gradient(180deg,rgba(7,8,10,.05) 20%,rgba(7,8,10,.72) 52%,#07080a 75%)}.art-emblem{top:50px;width:125vw;height:670px;opacity:.8}.hero-side-left{top:610px}.hero-side-left h1{font-size:38px}.hero-side-right{left:22px;right:22px;bottom:24px;width:auto}.hero-live{display:none}.hero-side-left .eyebrow{margin-top:0}.wipe-strip{grid-template-columns:1fr}.wipe-strip>div,.wipe-strip>article{min-height:125px;border-right:0;border-bottom:1px solid var(--og-line)}.section-intro h2{font-size:34px}.art-slices{grid-template-columns:1fr}.art-slice,.art-slice:last-child{grid-column:auto;min-height:380px}.home-v8 .global-groups{grid-template-columns:1fr}.home-v8 .global-card:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.art-slice:before{transition:none}}

/* Interactive motion layer */
.flip-card{overflow:visible;border:0;background:transparent;perspective:1100px}.flip-card:before{content:none}.flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.72,.2,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;overflow:hidden;border:1px solid #30333a;background:#111318;backface-visibility:hidden}.flip-front:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 35%,rgba(5,6,8,.95) 88%),url('/assets/og-gaming-hero.webp');background-repeat:no-repeat;background-size:auto 760px;transition:transform .5s ease}.flip-card:hover .flip-front:before{transform:scale(1.04)}.flip-card.world .flip-front:before{background-position:center 3%}.flip-card.fight .flip-front:before{background-position:center 46%}.flip-card.legacy .flip-front:before{background-position:center 95%}.flip-back{display:flex;flex-direction:column;justify-content:center;padding:34px;transform:rotateY(180deg);background:radial-gradient(circle at 80% 20%,rgba(239,40,50,.2),transparent 30%),linear-gradient(145deg,#1a1012,#0d0f12)}.flip-back>small{color:var(--og-red);font-size:7px;letter-spacing:.14em}.flip-back strong{margin:16px 0;font:700 44px/.88 var(--display);color:#fff}.flip-back p{max-width:270px;margin:0;color:#a2a5ab;font-size:9px;line-height:1.7}.flip-back a{margin-top:30px;color:#fff;font-size:8px;font-weight:700;letter-spacing:.1em}.flip-control{position:absolute;z-index:5;right:14px;top:14px;width:34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(6,7,9,.78);color:#fff;font-size:20px;cursor:pointer;transition:transform .3s ease,background .3s ease}.flip-card.flipped .flip-control{transform:rotate(45deg);background:var(--og-red)}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.72,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}.visual-stat-groups .global-card:nth-child(2){transition-delay:.1s}.visual-stat-groups .global-card:nth-child(3){transition-delay:.2s}
.visual-stat-list .stat-picture{height:44px;width:44px;display:grid;place-items:center;margin-left:4px;border:1px solid #30343a;border-radius:6px;background:radial-gradient(circle,rgba(239,40,50,.13),transparent 65%),#15171b;overflow:hidden}.visual-stat-list .stat-picture img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.6));transition:transform .25s ease,filter .25s ease}.visual-stat-list>div{grid-template-columns:55px 1fr auto;transition:transform .2s ease,border-color .2s ease,background .2s ease}.visual-stat-list>div:hover{transform:translateX(4px);border-color:#5a3135;background:#171316}.visual-stat-list>div:hover .stat-picture img{transform:translateY(-2px) rotate(-4deg) scale(1.12);filter:drop-shadow(0 7px 9px rgba(239,40,50,.28))}.category-art{position:relative;z-index:2;width:130px;height:100px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.7));transition:transform .35s ease}.global-card:hover .category-art{transform:translateY(-6px) rotate(-3deg) scale(1.06)}.global-card-head p{position:relative;z-index:2;margin:5px 0 0;color:#898d95;font-size:8px}.server-intel{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.server-intel:hover{transform:translateY(-7px) rotateX(1deg);border-color:#6c3438;box-shadow:0 32px 75px rgba(0,0,0,.62),0 0 35px rgba(239,40,50,.08)}
@keyframes heroDrift{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}@keyframes liveGlow{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.art-emblem{animation:heroDrift 7s ease-in-out infinite}.hero-live i,.intel-head i{animation:liveGlow 1.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.flip-inner,.flip-front:before,[data-reveal],.visual-stat-list>div,.visual-stat-list .stat-picture img,.category-art,.server-intel{transition:none}.art-emblem,.hero-live i,.intel-head i{animation:none}[data-reveal]{opacity:1;transform:none}}

@media(min-width:951px) and (max-width:1180px){.home-v8{overflow-x:hidden}.home-v8 .nav-shell{width:calc(100% - 30px);grid-template-columns:52px minmax(0,1fr) auto}.home-v8 .nav-brand>span:last-child{display:none}.home-v8 .nav-brand .brand-icon{width:42px;height:42px}.home-v8 .main-nav a{padding:0 8px;font-size:8px}.home-v8 .nav-actions .button{padding:0 15px}}

/* Blend the source artwork into the page instead of exposing its rectangular edge. */
.art-emblem img{-webkit-mask-image:radial-gradient(ellipse 80% 98% at 50% 53%,#000 60%,rgba(0,0,0,.9) 70%,rgba(0,0,0,.35) 86%,transparent 100%);mask-image:radial-gradient(ellipse 80% 98% at 50% 53%,#000 60%,rgba(0,0,0,.9) 70%,rgba(0,0,0,.35) 86%,transparent 100%)}
.visual-stat-list .stat-picture.crate img{width:42px;height:38px}