@font-face{font-family:SC2Latin;src:url('assets/source-sans-pro.woff2') format('woff2');font-display:swap}
.portal{background:#050c15}.portal .site-header{background:#060d17ed;border-bottom-color:#38516a}.portal .site-header nav a[aria-current]{color:#c6ecff}.portal .eyebrow{font-family:SC2Latin,Arial,sans-serif;letter-spacing:3px}.portal h3{font-family:SC2Heading,sans-serif;font-weight:400}.home-masthead{position:relative;isolation:isolate;min-height:900px;min-height:max(880px,calc(100svh - 88px));display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #415569}.masthead-art{position:absolute;inset:0;z-index:-2;background:url('assets/hero.webp') 65% 45%/cover no-repeat}.masthead-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#040b14f5 0%,#040b14bf 32%,#040b1433 68%,#040b1400),linear-gradient(0deg,#050c15 0%,transparent 32%,#040a1230 100%)}.masthead-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent calc(100% - 1px),#b1deff05 1px);background-size:140px 100%;pointer-events:none}.masthead-content{width:min(1440px,88%);margin:0 auto;padding:65px 0 145px}.masthead-content>.eyebrow{font-size:.72rem;color:#a0c4db}.masthead-logo{width:340px;height:auto;margin:32px 0 25px;filter:drop-shadow(0 8px 25px #0009)}.masthead-en{font:400 clamp(1rem,1.5vw,1.5rem) SC2Latin,Arial,sans-serif;letter-spacing:.3em;color:#91c9e7;margin-bottom:8px}.masthead-content h1{font-size:clamp(3rem,6.4vw,6.1rem);letter-spacing:-2px;line-height:1.18;color:#edf8ff;text-shadow:0 2px 5px #050a12,0 0 42px #227cab55}.masthead-sub{font-family:SC2Heading,sans-serif;font-size:clamp(1.5rem,2.4vw,2.3rem);color:#bad8ed;line-height:1.5;margin-top:26px}.masthead-sub br{display:none}.masthead-lead{font-size:1.05rem;line-height:1.95;color:#a8becd;margin-top:18px;max-width:570px}.home-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.portal .primary-button{background:linear-gradient(180deg,#226c9a,#15446a);border:1px solid #65b4e6;box-shadow:inset 0 0 18px #43acdf18,0 6px 20px #0004;font-size:.95rem;min-height:56px;gap:30px;padding:14px 26px}.portal .primary-button:hover{background:linear-gradient(180deg,#2a83b4,#1c5b83);box-shadow:0 0 30px #4bb6ee33}.home-quiet-link{font-size:.9rem;color:#c1d4e2}.home-quiet-link span{margin-left:18px}.home-quiet-link:hover,.home-text-link:hover{color:#fff}.scroll-cue{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#9ab8cd;gap:8px}.scroll-cue span{font:12px SC2Latin,sans-serif;letter-spacing:3px}.scroll-cue i{font-style:normal;font-size:24px;color:#90d3fb}.masthead-coordinate{position:absolute;right:6%;bottom:39px;font:11px/1.8 SC2Latin,sans-serif;letter-spacing:2px;color:#7c9aae;text-align:right}.home-strip{display:flex;justify-content:center;gap:70px;padding:22px 5%;border-bottom:1px solid #1f3445;background:#081421;font:12px SC2Latin,sans-serif;letter-spacing:3px;color:#809bb0}.home-strip span:first-child{color:#c3daea}.home-section{width:min(1440px,88%);margin:auto;padding:105px 0}.home-intro{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:7%;padding-top:120px;padding-bottom:110px}.home-intro h2,.home-section-heading h2,.launch-heading h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.45;margin-top:20px;letter-spacing:-.8px}.home-description{color:#94abbe;font-size:1rem;line-height:2.05;margin-top:24px;word-break:keep-all}.home-text-link{display:inline-flex;align-items:center;gap:30px;font-size:.9rem;color:#a4dfff;line-height:1.6}.intro-copy>.home-text-link{margin-top:32px;padding-bottom:8px;border-bottom:1px solid #42647d}.intro-visual{margin:0;position:relative;border:1px solid #345069;background:#0d1e2f;box-shadow:20px 20px 0 #0c1b28}.intro-visual img{width:100%;height:390px;object-fit:cover;object-position:55% center}.intro-visual figcaption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #304757;padding:14px 20px;font-size:.75rem;color:#8da9bb}.intro-visual figcaption span:first-child{font-family:SC2Latin,sans-serif;letter-spacing:2px;color:#b2d7ef}.home-paths{border-top:1px solid #253c50}.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.home-section-heading h2{margin-top:14px}.section-code{font:12px SC2Latin,sans-serif;letter-spacing:2px;color:#617f97;padding-bottom:13px}.home-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-path{min-height:375px;display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px 20px;border:1px solid #35546d;position:relative;isolation:isolate;overflow:hidden;transition:border-color .2s,transform .2s}.home-path:before{content:'';position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;opacity:.38;transition:opacity .3s,transform .5s}.home-path:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07122080 0%,#07122070 22%,#071220f5 76%)}.path-gallery:before{background-image:url('assets/portal-terran.webp');background-position:64% center}.path-rogue:before{background-image:url('assets/portal-zerg.webp');background-position:38% center}.path-translated:before{background-image:url('assets/portal-protoss.webp');background-position:36% center}.path-original:before{background-image:url('assets/hero.webp');background-position:76% center}.home-path:hover{transform:translateY(-5px);border-color:#87cdf3}.home-path:hover:before{opacity:.65;transform:scale(1.04)}.home-path .category-index{color:#b0cfe4;font:11px SC2Latin,sans-serif;letter-spacing:2px}.home-path h3{font-size:1.65rem;line-height:1.35;margin:80px 0 15px}.home-path p{font-size:.875rem;line-height:1.9;color:#a2b9ca;min-height:55px;word-break:keep-all}.path-action{border-top:1px solid #355269;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#9dcee9;margin-top:25px}.path-action b{font-weight:400;font-size:1.3rem}.home-featured{padding-top:25px;padding-bottom:110px}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.home-feature{border:1px solid #294458;background:#091522;transition:border-color .2s}.home-feature:hover{border-color:#81c6f0}.feature-image{position:relative;overflow:hidden;aspect-ratio:16/10}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.home-feature:hover img{transform:scale(1.045)}.feature-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050b15a0,transparent 55%);pointer-events:none}.feature-genre{position:absolute;bottom:17px;left:18px;background:#091422dc;border:1px solid #617888;padding:3px 9px;font-size:.75rem;z-index:1;color:#d0e5f2}.feature-arrow{position:absolute;right:18px;bottom:12px;font-size:1.5rem;z-index:1;color:#e1effa}.feature-copy{padding:26px 25px 30px}.feature-copy .eyebrow{font-size:.65rem}.feature-copy h3{font-size:1.45rem;line-height:1.4;margin:12px 0 14px}.feature-summary{color:#91aabd;font-size:.875rem;line-height:1.9;word-break:keep-all}.home-universe{min-height:680px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;border-top:1px solid #314761;border-bottom:1px solid #314761;background:#101a28}.home-universe>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% center;z-index:-2}.home-universe:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#040b1500 0%,#040b1545 40%,#040b15ed 70%),linear-gradient(0deg,#050c1570,transparent 35%);z-index:-1}.universe-copy{width:44%;margin:85px 6% 90px auto;max-width:650px}.universe-copy h2{font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:1.4;margin-top:25px}.universe-copy>p:not(.eyebrow){color:#aec4d7;font-size:1rem;line-height:1.95;margin-top:25px}.universe-bases{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 32px}.universe-bases span{font-size:.75rem;border:1px solid #53718a;padding:5px 10px;background:#09172960;color:#b3cee2}.universe-mark{position:absolute;left:6%;bottom:35px;font:11px SC2Latin,sans-serif;color:#8daac0;letter-spacing:3px}.home-launch{padding-top:105px;padding-bottom:100px}.launch-heading{text-align:center}.launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:50px}.launch-card{display:flex;gap:28px;padding:42px;border:1px solid #284258;background:linear-gradient(120deg,#102238,#0a1623)}.launch-card:hover{border-color:#75b7dc}.launch-number{font:50px/1 SC2Latin,sans-serif;color:#416482;letter-spacing:-2px}.launch-card h3{font-size:1.6rem;margin-top:10px}.launch-card div>p:not(.eyebrow){color:#93acbf;font-size:.9rem;line-height:1.9;margin:16px 0 25px;word-break:keep-all}.home-final{padding:80px 6% 100px;text-align:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#15375188,#07121d 65%);border-top:1px solid #253a4b}.home-final>img{margin:0 auto 30px;width:240px;height:auto}.home-final h2{font-size:clamp(2rem,3.5vw,3rem);margin:20px 0 30px}.portal .footer{background:#040a11;border-top:1px solid #25394c}
@media(min-width:1800px){.masthead-content{padding-left:30px}.universe-copy{margin-right:max(6%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.home-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-path{min-height:330px}.home-path h3{margin-top:55px}.home-strip{gap:25px;font-size:10px}.home-intro{gap:5%;grid-template-columns:1fr 1fr}.intro-visual img{height:360px}.feature-copy{padding:22px 18px}.feature-copy h3{font-size:1.25rem}.launch-card{padding:30px;gap:20px}.home-masthead{min-height:820px}.masthead-content h1{font-size:5rem}.masthead-sub{max-width:560px}.masthead-sub br{display:block}.universe-copy{width:48%}}
@media(max-width:750px){.home-section{width:88%;padding:75px 0}.home-masthead{min-height:850px;min-height:max(800px,calc(100svh - 76px))}.masthead-content{padding:65px 0 125px}.masthead-logo{width:275px}.masthead-content h1{font-size:clamp(2.8rem,8.5vw,4.2rem);letter-spacing:-1px}.masthead-en{font-size:1.1rem;letter-spacing:4px}.masthead-sub{font-size:1.75rem}.masthead-art{background-position:62% center}.masthead-art:after{background:linear-gradient(90deg,#040b14d9,#040b1465),linear-gradient(0deg,#050c15 0%,#050c1599 22%,#040b1410 65%)}.masthead-coordinate{display:none}.home-strip{gap:15px;flex-wrap:wrap;padding:18px 5%;letter-spacing:1.7px}.home-strip span{font-size:10px}.home-intro{grid-template-columns:1fr;gap:35px}.intro-copy{max-width:560px}.intro-visual img{height:360px}.intro-visual{box-shadow:12px 12px 0 #0c1b28}.home-section-heading{display:block;margin-bottom:30px}.section-code{display:none}.home-section-heading>.home-text-link{margin-top:20px}.home-feature-grid{grid-template-columns:1fr;gap:22px}.home-feature{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.feature-image{aspect-ratio:auto;min-height:210px}.feature-copy{padding:25px 20px}.home-featured{padding-top:0}.home-universe{min-height:660px}.home-universe>img{object-position:30% center;opacity:.8}.home-universe:after{background:linear-gradient(0deg,#040b15fa 0%,#040b15cb 40%,#040b1500 100%)}.universe-copy{width:88%;max-width:none;margin:280px auto 65px}.universe-copy h2{font-size:2.65rem}.universe-copy h2 br{display:none}.universe-mark{display:none}.launch-grid{grid-template-columns:1fr;margin-top:35px}.launch-heading{text-align:left}.home-final{padding:65px 6% 75px}.home-final h2{font-size:2rem}}
@media(max-width:480px){.masthead-content>.eyebrow{font-size:10px;letter-spacing:1.8px}.masthead-logo{width:235px;margin-top:34px}.masthead-en{font-size:.92rem;letter-spacing:3px}.masthead-content h1{font-size:clamp(2.5rem,10.8vw,3.8rem);white-space:normal;overflow-wrap:anywhere}.masthead-sub{font-size:1.6rem;margin-top:25px}.masthead-lead{font-size:.9rem}.home-actions{gap:22px;align-items:flex-start;flex-direction:column}.portal .primary-button{font-size:.875rem;padding:13px 20px;gap:20px}.home-quiet-link{font-size:.82rem}.scroll-cue{bottom:25px}.scroll-cue span{font-size:10px}.home-intro h2,.home-section-heading h2,.launch-heading h2{font-size:1.85rem}.home-description{font-size:.9rem}.intro-visual img{height:260px}.intro-visual figcaption{font-size:.65rem;padding:12px}.home-path-grid{gap:12px}.home-path{padding:20px 15px 16px;min-height:335px}.home-path .category-index{font-size:9px;letter-spacing:1px}.home-path h3{font-size:1.4rem;line-height:1.4;margin-top:45px}.home-path p{font-size:.8rem;min-height:70px}.home-path p br{display:none}.path-action{font-size:.72rem;margin-top:20px}.home-feature{display:block}.feature-image{aspect-ratio:16/10;min-height:0}.feature-copy{padding:24px}.feature-copy h3{font-size:1.5rem}.universe-copy{margin-top:260px}.universe-copy .eyebrow{font-size:10px;letter-spacing:1.4px}.universe-copy h2{font-size:2.3rem}.universe-copy h2 br{display:block}.universe-copy>p:not(.eyebrow){font-size:.9rem}.launch-card{padding:26px 22px;gap:18px}.launch-number{font-size:36px}.launch-card h3{font-size:1.5rem}.launch-card div>p:not(.eyebrow){font-size:.85rem}.home-final .eyebrow{font-size:10px;letter-spacing:2px}.home-final>img{width:210px}.home-final h2{font-size:1.8rem}.portal .site-header{padding-left:5%;padding-right:5%}}
@media(prefers-reduced-motion:reduce){.home-path,.home-path:before,.feature-image img{transition:none}}
.portal .primary-button{color:#e7f5ff}.masthead-sub br{display:block}.home-path:before{opacity:.52}.home-universe>img{transform:scaleX(-1)}