:root{color-scheme:dark;--bg:#090e15;--surface:#111923;--text:#f7f8fc;--muted:#a7b5c8;--blue:#5865f2;--amber:#ffb556;--line:#ffffff16;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Source Sans 3",Arial,sans-serif;-webkit-font-smoothing:antialiased}html,body,#dc-root,#dc-root>.sc-host{width:100%;min-height:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{display:block;flex-shrink:0}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,.cards:focus-visible{outline:2px solid #a7afff;outline-offset:4px}::selection{background:#5865f25c}
.page{position:relative;isolation:isolate;min-height:100svh;padding:0 clamp(24px,7.2vw,124px) 22px;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#17243c24,transparent 50%)}header,.hero,.communities,.community-strip,.community-invite,.about-section,.faq-section,.footer{width:100%;max-width:1480px;margin-left:auto;margin-right:auto}
header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.logo{width:142px;height:90px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;gap:17px}.nav-link{font-size:14px;font-weight:600;color:#c4cfdd;padding:11px 18px;border:1px solid transparent;border-radius:30px;transition:color .2s,background .2s,border-color .2s;white-space:nowrap}.nav-link:hover{color:white;background:#ffffff05}.nav-link.active{color:var(--amber);border-color:#ffb55621;background:#ffb55606;box-shadow:0 0 22px #e8b46b08}.nav-link.active:before{content:"";display:inline-block;width:7px;height:7px;background:var(--amber);border-radius:50%;margin-right:7px}.actions{display:flex;align-items:center;gap:16px}.header-discord{display:flex;align-items:center;gap:11px;border-radius:11px;background:var(--blue);padding:13px 19px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s}.header-discord:hover{background:#4752c4}.discord{fill:currentColor;width:22px;height:22px}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:46px;padding:22px 0 38px;min-height:465px}.copy{min-width:0;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--amber);font-size:11px;letter-spacing:1px;font-weight:700;text-transform:uppercase;margin:0 0 15px}.eyebrow:before{content:"";width:18px;height:2px;flex-shrink:0;background:var(--amber)}h1,h2,h3{font-family:Inter,Arial,sans-serif}h1{font-size:clamp(44px,4.05vw,70px);line-height:1.04;font-weight:800;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance}.accent-text{color:#f4b160}.description{max-width:620px;font-size:17px;line-height:1.65;color:#b0bed0;margin:0;text-wrap:pretty}.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:29px}.cta,.video{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border-radius:10px;padding:16px 23px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.cta{background:var(--blue);border:1px solid #8792ff50;color:white}.cta:hover{background:#4752c4;transform:translateY(-2px)}.cta>span[aria-hidden]{margin-left:9px}.video{border:1px solid #ffffff28;color:#e0e7f1;background:#0c121a55}.video:hover{border-color:#8e99f57d;background:#ffffff05;transform:translateY(-2px)}.play{display:grid;place-items:center;width:23px;height:23px;border:1px solid #929bf7;border-radius:50%;font-size:10px;color:#a8aaff;padding-left:2px}.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.hero-benefits>div{display:flex;align-items:center;gap:12px}.hero-benefits svg{width:27px;height:27px;stroke:#f3b263;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-benefits strong{font-size:13px;display:block;line-height:1.4;font-weight:600}.hero-benefits small{display:block;font-size:11px;line-height:1.5;color:#91a2b8;margin-top:4px}
.character-showcase{position:relative;min-width:0;width:100%;isolation:isolate}.hero-art{position:relative;isolation:isolate;height:clamp(345px,26vw,455px);border:1px solid #ffffff1a;border-radius:65px 27px 27px 27px;overflow:hidden;transform:skewX(-6deg);background:#121d31}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b14236b 0%,transparent 52%,#090f19c9 100%);z-index:0;pointer-events:none}.hero-slide{position:absolute;inset:12px 0 65px;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:skewX(6deg) translateY(12px);transition:opacity .4s,transform .6s var(--ease),visibility .4s;pointer-events:none}.hero-slide.active{opacity:1;visibility:visible;transform:skewX(6deg) translateY(0)}.hero-slide img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 24px #0008)}.slide-minecraft img{height:103%;width:auto;max-width:80%}.slide-fortnite img{height:100%;width:auto;max-width:none;object-fit:contain}.slide-tft img{height:93%;width:100%}.slide-valorant img{height:115%;width:auto;max-width:none;object-fit:contain}.slide-cs img{max-width:none;height:114%;width:auto;transform:translateX(20%);clip-path:polygon(0 0,54% 0,64% 100%,0 100%);filter:brightness(1.5) drop-shadow(0 14px 24px #0005);mask-image:linear-gradient(to bottom,#000 85%,transparent)}.slide-lol img{height:112%;width:100%}.floating-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #a4b1d737;border-radius:12px;background:#162337df;color:#e4e9f8;font-size:12px;font-weight:600;box-shadow:0 10px 24px #0003;transform:skewX(6deg);animation:tag-float 6s ease-in-out infinite}.floating-tag svg{width:23px;height:23px;stroke:#acb2ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tag-friends{right:5%;top:35%;animation-delay:-2s}.tag-play{left:7%;top:57%}.featured-footer{position:absolute;z-index:4;top:22px;left:38px;right:21px;display:flex;justify-content:space-between;align-items:center;gap:12px}.featured-meta>span{display:block;font-size:10px;letter-spacing:1px;color:#b3bed2;text-transform:uppercase}.featured-meta strong{display:block;font:700 18px/1.4 Inter,Arial,sans-serif}.rotation-toggle{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #ffffff22;border-radius:50%;background:#0b1524b5;color:#c4cce0;font-size:11px;cursor:pointer}.rotation-toggle:hover{background:#5865f260}.game-community{position:absolute;z-index:4;bottom:14px;left:32px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;border:1px solid #ffffff28;background:#0c1729eb;border-radius:9px;font-size:13px;font-weight:600;color:#ecf0fa;transition:background .2s,border-color .2s}.game-community:hover{background:#243461;border-color:#8b94ff80}.game-community>span[aria-hidden]{font-size:18px;color:#a0acff}
.communities{padding:0;margin-top:7px}.rail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:14px}.rail-title .eyebrow{margin-bottom:7px;font-size:10px}.rail-title h2{font-size:31px;font-weight:800;line-height:1.1;letter-spacing:-.6px;margin:0}.rail-actions{display:flex;align-items:center;gap:28px}.rail-actions p{font-size:13px;line-height:1.5;color:#9eb0c7;margin:0;max-width:290px;text-wrap:balance}.carousel-controls{display:flex;gap:12px}.carousel-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #7e89f29a;border-radius:50%;background:#5865f217;color:#eef0ff;font-size:22px;transition:background .2s,transform .2s}.carousel-button:hover:not(:disabled){background:#5865f240;transform:translateX(1px)}.carousel-button:disabled{border-color:#ffffff1b;background:transparent;color:#6e7d92;opacity:.55;cursor:default}.cards{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 1px 5px}.cards::-webkit-scrollbar{display:none}.card{position:relative;isolation:isolate;flex:0 0 calc((100% - 48px)/4);height:150px;min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid #ffffff1b;border-radius:14px;background:#152132;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-2px);border-color:#9ca6ff9c}.card.selected{border-color:#8b92ff;box-shadow:inset 0 0 0 1px #5865f24d}.card-scene{position:absolute;inset:0;z-index:-2;overflow:hidden}.card-landscape{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .6s var(--ease)}.card:hover .card-landscape{transform:scale(1.05)}.card-character{position:absolute;right:4%;top:-18%;height:150%;width:65%;object-fit:contain}.thumb-minecraft{display:none}.thumb-fortnite{top:6%;right:0;height:155%;width:100%}.thumb-tft{top:-19%;right:0;height:140%;width:85%}.thumb-cs{right:-25%;width:140%;height:210%;top:-10%;clip-path:polygon(0 0,56% 0,66% 100%,0 100%);filter:brightness(1.4)}.thumb-valorant{height:190%;top:-35%;right:-12%;width:100%}.thumb-lol{height:150%;width:95%;top:-20%;right:-10%}.card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b152016,transparent 15%,#0b111799 50%,#080e16 100%)}.card-content{position:absolute;bottom:16px;left:19px;right:15px;display:flex;align-items:center;gap:12px}.cover{width:44px;height:44px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;overflow:hidden}.game-logo img{width:100%;height:100%;object-fit:contain}.game-logo.minecraft img{width:95%;height:95%}.game-logo.tft{background:#503568}.game-logo.tft img{width:65%;height:65%}.game-logo.valorant{background:#4b2031}.game-logo.valorant img{width:72%;height:72%}.game-logo.lol{background:#142635}.game-logo.lol img{width:150%;height:150%;max-width:none}.game-info{display:block;flex:1;min-width:0}.game-info strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.game-info>span{display:block;font-size:11px;color:#9fb0c7;margin-top:4px}.arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff32;border-radius:50%;background:#0b122490;color:#dce5f5;font-size:18px;flex-shrink:0}.carousel-progress{height:2px;overflow:hidden;background:#ffffff06;margin-top:8px;border-radius:2px}.carousel-progress span{display:block;height:100%;background:#8a92e8;transition:width .25s}
.community-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:#1119228c;margin-top:18px;padding:22px 12px}.community-strip>div{display:flex;align-items:center;gap:20px;padding:0 23px;border-right:1px solid var(--line)}.community-strip>div:last-child{border:0}.community-strip svg{width:29px;height:29px;stroke:#aaa9ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.community-strip strong{display:block;font:700 21px/1.2 Inter,Arial,sans-serif}.community-strip small{display:block;font-size:12px;color:#93a3b9;margin-top:5px}
.community-invite{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:80px;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.community-invite h2,.section-intro h2{font-size:clamp(28px,2.5vw,39px);font-weight:700;letter-spacing:-.5px;line-height:1.15;margin:0 0 13px}.community-invite p:not(.eyebrow),.section-intro>p:not(.eyebrow){font-size:16px;color:#9eafc5;line-height:1.7;margin:0;max-width:680px}.community-invite .cta{flex-shrink:0}.about-section,.faq-section{display:grid;grid-template-columns:.9fr 1.4fr;gap:60px;padding-top:68px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{border-top:1px solid #ffffff23;padding-top:20px}.step-number{font-size:12px;color:var(--amber);font-weight:600;letter-spacing:1px}.steps h3{font-size:20px;font-weight:700;margin:17px 0 9px}.steps p{font-size:14px;color:#9eafc5;line-height:1.65;margin:0}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-size:16px;font-weight:600;padding:20px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span[aria-hidden]{font-size:24px;color:#9fa7fc;transition:transform .2s}.faq-list details[open] summary>span[aria-hidden]{transform:rotate(45deg)}.faq-list details>p{margin:0 30px 22px 0;color:#9eafc5;line-height:1.7;font-size:15px}.faq-list a{color:#afb7ff}.faq-list a:hover{text-decoration:underline}.footer{display:flex;justify-content:space-between;gap:20px;margin-top:56px;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:#8597b0}.social{display:flex;gap:22px}.social a:hover{color:#e9ecff}
.language-picker{position:relative}.language-trigger{display:flex;align-items:center;gap:12px;border:1px solid #ffffff20;border-radius:24px;padding:12px 15px;background:#0d141e88;color:#d5deeb}.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:#8490ff70;background:#172136}.language-code{font-size:12px;font-weight:600}.globe{width:18px;height:18px;fill:none;stroke:#a8b6d9;stroke-width:1.5}.chevron{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6}.language-menu{position:absolute;right:0;top:calc(100% + 10px);width:236px;padding:9px;background:#17212e;border:1px solid #ffffff20;border-radius:16px;box-shadow:0 18px 60px #0008}.language-heading{font-size:10px;color:#9aabc2;letter-spacing:1.3px;text-transform:uppercase;margin:8px 10px 12px}.language-option{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;padding:11px 10px;background:transparent;color:#d2deef;text-align:left}.language-option:hover{background:#ffffff06}.language-option[aria-checked=true]{background:#5865f21c;border-color:#8490ff30;color:white}.language-flag{width:28px;height:20px;background-size:cover;background-position:center;border-radius:3px;flex-shrink:0}.language-name{flex:1;font-size:13px;font-weight:500}.language-name small{display:block;font-size:10px;color:#92a4c0;margin-top:4px}.language-check{color:#abb2ff}
.particles{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.particles span{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:var(--particle-color);box-shadow:0 0 5px var(--particle-color);opacity:.28;animation:particle-float var(--duration) ease-in-out var(--delay) infinite alternate}@keyframes particle-float{0%{opacity:.1;transform:translate3d(0,35px,0)}50%{opacity:.45}100%{opacity:.17;transform:translate3d(var(--drift),-65px,0)}}@keyframes tag-float{0%,100%{transform:skewX(6deg) translateY(0)}50%{transform:skewX(6deg) translateY(-7px)}}
@media(min-width:1800px){.hero{min-height:510px}.hero-art{height:470px}}
@media(max-width:1280px){.page{padding-left:5vw;padding-right:5vw}.main-nav{gap:0}.nav-link{padding:10px 12px;font-size:13px}.header-discord{padding:12px 15px;font-size:12px}.actions{gap:10px}.hero{gap:32px}.description{font-size:16px}.hero-benefits{gap:10px}.hero-benefits>div{gap:8px}.hero-benefits svg{width:22px;height:22px}.hero-benefits strong{font-size:12px}.hero-benefits small{font-size:10px}.cards{gap:14px}.card{flex-basis:calc((100% - 28px)/3)}.community-strip>div{gap:12px;padding:0 17px}.community-strip strong{font-size:18px}.floating-tag{padding:10px 12px;font-size:11px}.tag-play{left:4%}.tag-friends{right:3%}.hero-art{height:370px}.hero-slide{inset:16px 0 60px}.cta,.video{font-size:13px;padding:15px 19px;min-height:54px}.buttons{gap:12px}}
@media(max-width:1020px){header{height:132px;flex-wrap:wrap;align-content:center;row-gap:0}.logo{height:75px}.main-nav{order:3;justify-content:center;width:100%;gap:12px}.nav-link{padding:9px 15px}.header-discord{font-size:12px}.hero{grid-template-columns:1fr 1fr;gap:30px;padding-top:28px}.hero-art{height:360px}.description{font-size:15px}.hero-benefits{grid-template-columns:1fr;gap:12px;margin-top:23px}.hero-benefits>div:nth-child(3){display:none}.hero-benefits small{display:inline;margin-left:7px}.hero-benefits strong{display:inline}.hero-benefits svg{width:20px;height:20px}.buttons{gap:10px;margin-top:22px}.video{padding:14px 16px}.floating-tag{padding:9px;font-size:10px}.floating-tag svg{width:18px;height:18px}.tag-play{left:3%;top:58%}.tag-friends{right:2%;top:35%}.community-strip{grid-template-columns:repeat(2,1fr);row-gap:25px}.community-strip>div:nth-child(2){border:0}.community-strip small{font-size:11px}.about-section,.faq-section{gap:30px}.steps{gap:15px}.steps h3{font-size:18px}.community-invite{gap:25px}.rail-actions{gap:18px}.rail-actions p{max-width:225px;font-size:12px}}
@media(max-width:760px){.page{padding:0 24px 24px}header{height:auto;min-height:125px;gap:0 15px;row-gap:6px;padding-bottom:12px}.logo{width:122px;height:76px}.header-discord{display:none}.main-nav{justify-content:space-between;gap:0;overflow:auto;scrollbar-width:none}.nav-link{font-size:12px;padding:8px 10px}.hero{grid-template-columns:1fr;padding:28px 0 35px;gap:30px;min-height:0}.copy{max-width:600px}h1{font-size:clamp(44px,7.8vw,59px);line-height:1.06;margin-bottom:19px}.description{font-size:16px;max-width:550px}.eyebrow{font-size:10px}.buttons{margin-top:25px}.hero-benefits{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.hero-benefits>div:nth-child(3){display:flex}.hero-benefits strong,.hero-benefits small{display:block;margin-left:0}.hero-benefits strong{font-size:11px}.hero-benefits small{font-size:10px}.hero-benefits>div{align-items:flex-start;gap:8px}.hero-benefits svg{width:22px;height:22px;margin-top:2px}.character-showcase{max-width:590px;margin:0 auto;width:94%}.hero-art{height:380px}.hero-slide{inset:12px 0 62px}.floating-tag{font-size:11px;padding:11px}.floating-tag svg{width:21px;height:21px}.featured-footer{left:35px}.rail-heading{align-items:center;gap:15px}.rail-title h2{font-size:28px}.rail-actions p{display:none}.carousel-controls{gap:8px}.carousel-button{width:37px;height:37px}.card{flex-basis:calc((100% - 14px)/2);height:158px}.card-content{left:14px;right:13px;gap:10px}.cover{width:39px;height:39px}.game-info strong{font-size:13px}.game-info>span{font-size:10px}.arrow{width:29px;height:29px;font-size:16px}.community-strip{margin-top:20px;padding:20px 4px}.community-strip>div{padding:0 15px;gap:13px}.community-strip strong{font-size:17px}.community-strip svg{width:25px;height:25px}.community-invite{margin-top:55px;align-items:flex-start;flex-direction:column;gap:24px;padding:30px 0}.community-invite h2,.section-intro h2{font-size:32px}.community-invite p:not(.eyebrow),.section-intro>p:not(.eyebrow){font-size:15px}.about-section,.faq-section{grid-template-columns:1fr;gap:28px;padding-top:45px}.steps{gap:23px}.steps h3{font-size:19px}.faq-list summary{font-size:15px}.footer{margin-top:40px;flex-direction:column;gap:15px;font-size:10px}.social{gap:24px}}
@media(max-width:480px){.page{padding:0 20px 22px}.nav-link{padding:8px;font-size:11px}.nav-link.active:before{width:5px;height:5px;margin-right:4px}.hero{padding-top:26px}.eyebrow{letter-spacing:.7px;font-size:9px}h1{font-size:46px;letter-spacing:-1.7px}.description{font-size:15px;line-height:1.7}.cta,.video{font-size:12px;padding:14px 16px;gap:9px}.discord{width:20px;height:20px}.hero-benefits{grid-template-columns:1fr 1fr}.hero-benefits>div:nth-child(3){display:none}.hero-benefits strong{font-size:12px}.hero-benefits small{font-size:11px}.character-showcase{width:95%}.hero-art{height:335px;border-radius:42px 22px 22px 22px;transform:skewX(-3deg)}.hero-slide,.hero-slide.active{transform:skewX(3deg)}.hero-slide{inset:22px 0 60px}.slide-minecraft img{height:101%;max-width:100%}.slide-fortnite img{height:100%}.floating-tag{transform:skewX(3deg);font-size:10px;padding:9px;animation:none}.tag-friends{right:2%;top:36%}.tag-play{left:3%;top:59%}.floating-tag svg{width:17px;height:17px}.featured-footer{left:26px;right:16px;top:16px}.featured-meta strong{font-size:17px}.featured-meta>span{font-size:9px}.game-community{left:19px;right:15px;bottom:13px;padding:11px 13px;font-size:12px}.rail-title h2{font-size:26px}.rail-title .eyebrow{font-size:9px}.card{flex-basis:88%;height:164px}.card-content{left:17px;right:15px;bottom:16px;gap:12px}.cover{width:43px;height:43px}.game-info strong{font-size:14px}.game-info>span{font-size:11px}.community-strip>div{padding:0 12px;gap:10px}.community-strip strong{font-size:16px}.community-strip small{font-size:10px;line-height:1.5}.community-strip svg{width:23px;height:23px}.community-invite h2,.section-intro h2{font-size:29px}.steps{grid-template-columns:1fr;gap:23px}.steps article{display:grid;grid-template-columns:35px 1fr;gap:0 14px;padding-top:16px}.step-number{grid-row:1/3;padding-top:5px}.steps h3{margin:0 0 7px}.steps p{font-size:14px}.language-trigger{padding:11px 13px;gap:10px}.language-menu{width:220px}.particles span:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Composition matched to the supplied reference. */
h1,h2,h3{font-family:Inter,Arial,sans-serif}header{height:85px}.hero{grid-template-columns:.94fr 1.06fr;gap:40px;padding:0 20px 38px;min-height:470px}h1{font-size:clamp(42px,3.9vw,67px);font-weight:900;line-height:1.01;letter-spacing:-.055em;margin-bottom:22px;text-wrap:initial}.description{font-size:17px;line-height:1.55}.eyebrow{margin-bottom:19px}.buttons{margin-top:28px}.hero-benefits{margin-top:33px}.hero-art{height:clamp(345px,25vw,430px);border-radius:80% 4% 4% 4% / 15% 7% 7% 7%;border-color:#788baf30;transform:skewX(-7deg);box-shadow:0 16px 45px #0002}.hero-art:after{background:linear-gradient(180deg,#07122780 0%,#07122716 35%,transparent 75%,#09132140 100%)}.hero-slide{inset:2px 0 27px;transform:skewX(7deg) translateY(12px)}.hero-slide.active{transform:skewX(7deg)}.hero-slide img{filter:drop-shadow(0 12px 12px #07122488)}.slide-minecraft img{height:98%;max-width:77%}.slide-fortnite img{height:103%;transform:translateX(4%)}.slide-tft img{height:100%;transform:translateY(5%)}.slide-valorant img{height:108%;transform:translateY(3%)}.slide-lol img{height:102%;transform:translateY(6%)}.featured-footer{top:17px;left:auto;right:17px}.featured-meta{display:none}.rotation-toggle{width:26px;height:26px;border-color:#ffffff20;background:#0b152470;opacity:.6}.rotation-toggle:hover,.rotation-toggle:focus-visible{opacity:1}.game-community{bottom:12px;left:auto;right:22px;width:auto;max-width:85%;gap:20px;padding:10px 15px;font-size:12px;background:#131e34c9;backdrop-filter:blur(10px);border-color:#b7c4e73a}.floating-tag{transform:skewX(7deg);background:linear-gradient(120deg,#273750e8,#1a2438e6);border-color:#d2deff42;box-shadow:0 10px 22px #0003,inset 0 1px #ffffff12;padding:13px 17px;font-size:12px;backdrop-filter:blur(8px)}.floating-tag:after{content:"";position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#63e78e;box-shadow:0 0 7px #63e78e50}.tag-friends{right:4%;top:38%}.tag-play{top:48%;left:32%}.tag-games{left:18%;top:67%;animation-delay:-4s}.rail-title h2{font-size:30px;letter-spacing:-1.1px;font-weight:900}.rail-title .eyebrow{margin-bottom:7px}.rail-heading{margin-bottom:13px}.communities{margin-top:0}.card{height:145px;border-radius:15px}.card-landscape{opacity:1}.card:after{background:linear-gradient(180deg,transparent 0%,#07111b0d 28%,#0b111770 58%,#080e16f5 100%)}.card-content{bottom:17px;left:20px;gap:13px}.card-character{filter:drop-shadow(0 10px 10px #0005)}.thumb-fortnite{height:154%;top:-3%;right:0}.thumb-tft{height:147%;top:-16%;width:90%}.thumb-cs{filter:brightness(1.5) saturate(.8) drop-shadow(0 7px 10px #0005)}.community-strip{margin-top:17px;padding:22px 12px;border-radius:14px;background:linear-gradient(120deg,#101922bb,#12192380)}.community-strip strong{font-family:Inter,Arial,sans-serif;font-size:19px;letter-spacing:-.5px}.footer{margin-top:19px;padding-top:0;border:0;font-size:10px}.carousel-progress{display:none}.info-dialog{color:var(--text);background:#101925;border:1px solid #ffffff25;border-radius:20px;max-width:620px;width:calc(100% - 40px);padding:35px;box-shadow:0 30px 80px #0009}.info-dialog::backdrop{background:#020611b8;backdrop-filter:blur(7px)}.info-dialog h2{font-size:28px;letter-spacing:-.6px;margin:0 30px 20px 0;line-height:1.2}.info-dialog>p:not(.eyebrow){font-size:16px;color:#acbbce;line-height:1.7}.dialog-close{position:absolute;right:17px;top:15px;width:32px;height:32px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;color:#c5d0e2;font-size:23px}.dialog-close:hover{background:#5865f240}.card-minecraft .card-landscape{filter:saturate(1.15) sepia(.2)}
@keyframes tag-float{0%,100%{transform:skewX(7deg) translateY(0)}50%{transform:skewX(7deg) translateY(-6px)}}
@media(min-width:1800px){.hero{min-height:505px}.hero-art{height:450px}}
@media(max-width:1280px){.hero{gap:30px;padding-left:5px;padding-right:5px}h1{font-size:clamp(40px,4vw,56px)}.hero-art{height:360px}.floating-tag{font-size:11px;padding:11px 14px}.hero-benefits{margin-top:28px}.tag-play{left:23%}.tag-games{left:10%}.hero{min-height:425px}.description{font-size:16px}}
@media(max-width:1020px){header{height:132px}.hero{padding-top:15px;padding-bottom:35px;gap:25px;grid-template-columns:1fr 1fr}.hero-art{height:355px}.floating-tag{font-size:10px;padding:10px 11px}.tag-play{left:21%;top:49%}.tag-games{left:6%;top:68%}.floating-tag:after{width:5px;height:5px;top:5px;right:5px}.game-community{font-size:11px;padding:10px 12px;right:14px}.hero-benefits{margin-top:24px}.community-strip strong{font-size:17px}.card-content{left:15px;gap:10px}}
@media(max-width:760px){header{height:auto}.hero{grid-template-columns:1fr;padding:28px 0 34px;gap:29px;min-height:0}h1{font-size:clamp(40px,7.8vw,57px);line-height:1.06;letter-spacing:-.05em}.description{font-size:16px}.hero-art{height:380px}.hero-slide{inset:8px 0 30px}.hero-benefits{margin-top:25px}.floating-tag{font-size:11px;padding:12px 13px}.tag-play{left:26%}.tag-games{left:9%}.card{height:155px}.community-strip strong{font-size:16px}.footer{margin-top:23px;gap:12px}.info-dialog{padding:30px 23px}}
@media(max-width:480px){h1{font-size:42px;letter-spacing:-2px}.description{font-size:15px}.hero-art{height:335px;transform:skewX(-3deg);border-radius:55% 6% 6% 6% / 10% 6% 6% 6%}.hero-slide,.hero-slide.active{transform:skewX(3deg)}.hero-slide{inset:12px 0 31px}.slide-fortnite img{height:100%}.slide-minecraft img{height:99%;max-width:92%}.floating-tag{transform:skewX(3deg);font-size:10px;padding:9px 11px}.tag-friends{right:1%;top:38%}.tag-play{left:21%}.tag-games{left:4%;top:68%}.game-community{bottom:10px;right:12px;font-size:10px;gap:15px}.community-strip strong{font-size:15px}.card{height:165px}.card-content{left:17px}.info-dialog h2{font-size:25px}}
@media(min-width:1281px){h1{font-size:clamp(48px,3.65vw,63px)}.description{max-width:600px;font-size:18px}.hero{min-height:470px}.hero-art{height:430px}.hero-benefits{gap:23px}.hero-benefits strong{font-size:13px}.hero-benefits small{font-size:12px}.hero-benefits svg{width:31px;height:31px}.buttons{margin-top:28px}.cta,.video{min-height:56px;padding:17px 24px}.community-strip{padding-top:22px;padding-bottom:22px}.footer{margin-top:18px}}
.card-minecraft .card-landscape,.card-fortnite .card-landscape,.card-tft .card-landscape,.card-cs .card-landscape{display:none}.card-minecraft .card-scene,.card-fortnite .card-scene,.card-tft .card-scene,.card-cs .card-scene{background-image:url(optimized/game-scenes-atlas.webp);background-size:200% 200%;background-repeat:no-repeat}.card-minecraft .card-scene{background-position:0 0}.card-fortnite .card-scene{background-position:100% 0}.card-tft .card-scene{background-position:0 100%}.card-cs .card-scene{background-position:100% 100%}.card:hover .card-scene{filter:brightness(1.07)}
@media(min-width:1281px){.main-nav{position:absolute;left:48%;transform:translateX(-50%)}.logo{width:164px;height:94px}.copy{transform:translateY(8px)}}.slide-cs img{height:100%;transform:translateX(20%)}
.slide-fortnite{inset:16px 0 22px}.slide-fortnite img{height:100%}
@media(max-width:480px){.slide-fortnite{inset:18px 0 26px}}
/* Let the main artwork fill the available screen instead of leaving a blank tail. */
.page{display:flex;flex-direction:column;min-height:100svh;padding-bottom:22px}header{flex-shrink:0}.hero{flex:1;min-height:420px;padding-top:24px;padding-bottom:38px}.copy{transform:none}.character-showcase{align-self:stretch;min-height:340px}.hero-art{height:100%;min-height:340px}.communities,.footer{flex-shrink:0}.card{height:clamp(160px,20svh,230px)}.footer{margin-top:23px;padding-top:15px;border-top:1px solid var(--line)}
@media(max-width:1020px){.hero{min-height:430px;padding-top:24px;padding-bottom:32px}.character-showcase,.hero-art{min-height:350px}.card{height:clamp(155px,18svh,195px)}}
@media(max-width:760px){.page{display:block;min-height:100svh}.hero{min-height:0;padding-top:28px;padding-bottom:34px}.character-showcase{min-height:0}.hero-art{height:380px;min-height:0}.card{height:165px}.footer{margin-top:21px;padding-top:17px}}
@media(max-width:480px){.hero-art{height:335px}.card{height:165px}}
@media(min-width:761px) and (max-height:820px){.hero{min-height:360px;padding-top:16px;padding-bottom:26px}.character-showcase,.hero-art{min-height:300px}.card{height:150px}.footer{margin-top:18px;padding-top:12px}}
.hero-scene{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s;pointer-events:none}.hero-scene.active{opacity:1;visibility:visible}.scene-minecraft,.scene-fortnite,.scene-tft,.scene-cs{background-size:200% 200%;background-repeat:no-repeat}.scene-minecraft{background-position:0 0}.scene-fortnite{background-position:100% 0}.scene-tft{background-position:0 100%}.scene-cs{background-position:100% 100%}.scene-valorant{background-position:55% center}.scene-lol{background-position:center}.hero-art:after{background:linear-gradient(180deg,#07122718 0%,transparent 45%,#09132173 100%)}
@media(prefers-reduced-motion:reduce){.hero-scene{transition:none}}
/* Lighting, character and ground contact are now one coherent scene. */
.character-link{display:block;width:100%;height:100%;border-radius:inherit}.character-link:focus-visible{outline:2px solid #adb4ff;outline-offset:6px;border-radius:24px}.character-link:hover .hero-art{border-color:#a6b3e76b}.hero-slide,.hero-slide.active{inset:0;display:block;transform:none}.hero-slide img.hero-integrated-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:none;clip-path:none;mask-image:none;transform:skewX(7deg) scale(1.065)}.hero-art:after{background:linear-gradient(180deg,transparent 65%,#07121f12);pointer-events:none}.featured-footer{pointer-events:none}.rotation-toggle{pointer-events:auto}.character-showcase{height:auto}.hero-art{transition:border-color .2s}
@media(max-width:480px){.hero-slide img.hero-integrated-image{transform:skewX(3deg) scale(1.055)}}
/* Tilt the complete frame, keeping the artwork at its original proportions. */
.character-showcase{align-self:center;min-height:0;perspective:1200px}.character-link{height:auto;border-radius:16px}.character-link:focus-visible{border-radius:16px}.hero-art{height:auto;min-height:0;aspect-ratio:3/2;border-radius:16px;transform:rotateY(-8deg) rotateX(2deg) rotateZ(-1deg);transform-origin:center;box-shadow:12px 18px 35px #0005,inset 0 0 0 1px #ffffff12}.hero-slide{background-image:none!important}.hero-slide:before{content:none}.hero-slide img.hero-integrated-image{object-fit:contain;transform:none}.featured-footer{top:17px;right:24px}
@media(max-width:760px){.character-showcase{width:100%;perspective:900px}.hero-art{height:auto;min-height:0;transform:rotateY(-5deg) rotateX(2deg) rotateZ(-1deg);border-radius:12px}.featured-footer{top:10px;right:12px}}
.thumb-rocket,.thumb-fifa,.thumb-cod{display:none}.game-logo.rocket,.game-logo.fifa,.game-logo.cod{background:#142238}.game-logo.rocket img,.game-logo.fifa img,.game-logo.cod img{width:100%;height:100%;object-fit:cover}.card-rocket .card-landscape,.card-fifa .card-landscape,.card-cod .card-landscape{object-position:center}
.hero-art{transform:rotateY(-14deg) rotateX(4deg) skewX(-7deg);border-radius:14px}.partners-section{width:100%;max-width:1480px;margin:26px auto 0;flex-shrink:0}.partners-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.partners-heading h2{font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0;color:#c4cfdd}.partner-pause{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#b4bfd3;background:transparent;font-size:10px}.partner-pause:hover{background:#ffffff0a}.partner-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.partner-track{display:flex;width:max-content;animation:partners-scroll 55s linear infinite}.partner-group{display:flex;gap:16px;padding-right:16px;flex-shrink:0}.partner-item{display:flex;align-items:center;justify-content:center;gap:13px;width:200px;height:69px;padding:9px 14px;border-radius:10px;background:#ffffff02;transition:background .2s}.partner-item:hover{background:#ffffff07}.partner-item img{width:46px;height:46px;border-radius:50%;object-fit:contain;flex-shrink:0}.partner-item span{font-size:14px;color:#c8d0df;font-weight:600;white-space:nowrap}.partner-growup img{width:90px;height:48px;border-radius:0}.partner-growup{width:225px}.partner-cobweb img{border-radius:0;filter:invert(1)}.partner-name-only span{font-family:Inter,Arial,sans-serif;font-size:16px;letter-spacing:-.3px}.partner-track.paused,.partner-marquee:hover .partner-track,.partner-marquee:focus-within .partner-track{animation-play-state:paused}@keyframes partners-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.hero-art{transform:rotateY(-10deg) rotateX(4deg) skewX(-4deg)}.partners-section{margin-top:24px}.partners-heading h2{font-size:15px}.partner-item{width:180px;height:66px}.partner-growup{width:210px}.partner-group{gap:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none;transform:none}.partner-group[aria-hidden]{display:none}.partner-marquee{overflow-x:auto;mask-image:none}.partner-pause{display:none}}
/* The lower edge comes forward; the straight frame and artwork tilt together. */
.character-showcase{perspective:none}.hero-art{transform:perspective(1000px) rotateX(18deg) rotateY(-14deg) skewX(-7deg);border-radius:0}.character-link,.character-link:focus-visible{border-radius:0}
@media(max-width:760px){.character-showcase{perspective:none}.hero-art{transform:perspective(700px) rotateX(16deg) rotateY(-10deg) skewX(-4deg);border-radius:0}}
.hero-art{border:0;box-shadow:none;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;mask-size:100% 100%;mask-repeat:no-repeat}
/* Reserve space for both rails; the hero artwork follows the remaining height. */
@media(min-width:1021px) and (min-height:740px),(min-width:761px) and (min-height:900px){
 .page{height:100svh;min-height:100svh;padding-bottom:14px}
 header{height:72px}
 .hero{container-type:size;flex:1;min-height:0;padding-top:10px;padding-bottom:22px}
 .character-showcase{width:min(100%,150cqh);min-height:0;justify-self:end}
 .hero-art{height:auto;min-height:0}
 .card{height:clamp(125px,16svh,180px)}
 .partners-section{margin-top:16px}
 .partners-heading{margin-bottom:6px}
 .partner-marquee{padding:8px 0}
 .partner-item{height:54px}
 .partner-item img{height:40px;width:40px}
 .partner-growup img{width:80px;height:44px}
 .footer{margin-top:12px;padding-top:10px}
}
@media(min-width:1021px) and (min-height:740px) and (max-height:820px){
 .page{padding-bottom:10px}header{height:64px}
 .hero{padding-top:8px;padding-bottom:14px}
 h1{font-size:clamp(40px,3.4vw,49px);margin-bottom:15px}
 .description{font-size:16px;line-height:1.45}
 .copy>.eyebrow{margin-bottom:12px}
 .buttons{margin-top:18px}
 .cta,.video{min-height:48px;padding:12px 20px}
 .rail-title h2{font-size:27px}.rail-title .eyebrow{margin-bottom:4px}.rail-heading{margin-bottom:9px}
 .partners-section{margin-top:12px}.partners-heading{margin-bottom:4px}.partners-heading h2{font-size:14px}.partner-pause{width:24px;height:24px}
 .partner-marquee{padding:6px 0}.partner-item{height:48px}.partner-item img{width:36px;height:36px}.partner-growup img{width:75px;height:40px}
 .footer{margin-top:10px;padding-top:8px}
}
@media(min-width:761px) and (max-width:1020px) and (min-height:900px){header{height:120px}.card{height:145px}.hero{padding-top:16px;padding-bottom:26px}}
/* Use the available width with only a small gutter at the screen edge. */
.page{padding-left:clamp(20px,2vw,36px);padding-right:clamp(20px,2vw,36px)}
header,.hero,.communities,.partners-section,.footer{max-width:none}
.hero{padding-left:0;padding-right:0}
@media(max-width:760px){.page{padding-left:16px;padding-right:16px}}
/* Keep navigation wide while giving the page content more breathing room. */
.hero,.communities,.partners-section,.footer{width:calc(100% - 2 * clamp(24px,3vw,64px));max-width:1640px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.hero,.communities,.partners-section,.footer{width:calc(100% - 16px);max-width:none}}
.character-link{position:relative}
.image-entry-hint{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:26px 28px 28px;background:rgb(0 0 0 / 18%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#fff;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:600;pointer-events:none;text-shadow:0 1px 6px #0008}
.featured-game{text-transform:uppercase;letter-spacing:.03em}
.image-entry-action{display:flex;align-items:center;gap:10px;text-transform:uppercase;white-space:nowrap}
.image-entry-hint svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.image-entry-hint{min-height:64px;padding:20px 18px 22px;font-size:10px;gap:10px}.image-entry-action{gap:7px}.image-entry-hint svg{width:17px;height:17px}}
.rail-heading{gap:16px}.rail-actions{gap:12px}.game-search{display:flex;align-items:center;gap:9px;width:clamp(190px,19vw,260px);height:42px;padding:0 12px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff03;color:#9baac0;transition:border-color .2s,background .2s}.game-search:focus-within{border-color:#8b94ff;background:#ffffff05}.game-search>svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;flex-shrink:0}.game-search input{min-width:0;flex:1;width:100%;height:100%;border:0;padding:0;background:transparent;color:var(--text);font:inherit;font-size:13px;outline:none}.game-search input::placeholder{color:#8998ae}.game-search input::-webkit-search-cancel-button{display:none}.search-clear{flex-shrink:0;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#b5bfd1;font-size:20px;line-height:1}.search-clear:hover{color:white;background:#ffffff0c}.search-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.empty-games{width:100%;align-self:center;margin:0;padding:20px;text-align:center;color:var(--muted);font-size:15px}.cards{min-height:calc(clamp(160px,20svh,230px) + 7px)}
@media(max-width:1020px){.game-search{width:185px}.rail-title h2{font-size:25px}.cards{min-height:calc(clamp(155px,18svh,195px) + 7px)}}
@media(min-width:761px) and (max-height:820px){.cards{min-height:157px}}
@media(min-width:1021px) and (min-height:740px),(min-width:761px) and (min-height:900px){.cards{min-height:calc(clamp(125px,16svh,180px) + 7px)}}
@media(min-width:761px) and (max-width:1020px) and (min-height:900px){.cards{min-height:152px}}
@media(max-width:760px){.rail-heading{flex-wrap:wrap;gap:12px}.rail-title{width:100%}.rail-title h2{font-size:26px}.rail-actions{width:100%;gap:12px}.game-search{flex:1;width:auto;min-width:0;height:40px}.game-search input{font-size:16px}.carousel-controls{flex-shrink:0}.cards{min-height:172px}}