:root{font-family:Segoe UI,Arial,sans-serif;color:#172536;background:#eef0ef;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #62a4ef;outline-offset:5px}
::selection{background:#9cc5f8;color:#102238}
.skip-link{position:absolute;z-index:20;top:-70px;left:15px;padding:12px 18px;background:#102238;color:#fff}
.skip-link:focus{top:12px}
.announcement{display:flex;align-items:center;justify-content:center;gap:13px;min-height:36px;padding:6px 18px;background:#172b43;color:#e2ebf3;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.announcement-dot,.game-status span{width:7px;height:7px;flex:none;border-radius:50%;background:#9bd8b6;box-shadow:0 0 0 4px #9bd8b622}
.announcement a{color:#9fc6fa;border-bottom:1px solid #9fc6fa88;padding-bottom:2px;white-space:nowrap}
.announcement a span,.header-cta span,.button span,.text-link span,.contact-row a span,.site-footer>a:last-child span{display:inline-block;transition:transform .25s ease}
.announcement a:hover span,.header-cta:hover span,.button:hover span,.text-link:hover span,.contact-row a:hover span,.site-footer>a:last-child:hover span{transform:translate(3px,-3px)}
.site-header{position:relative;z-index:5;display:flex;align-items:center;gap:42px;width:min(100% - 88px,1440px);min-height:88px;margin:auto;border-bottom:1px solid #1c38521b}
.brand{display:inline-flex;align-items:center;gap:9px;flex:none;min-width:183px}
.brand-symbol{position:relative;display:block;width:54px;height:30px;overflow:hidden;flex:none}
.brand-symbol img{position:absolute;left:-17px;top:-21px;width:88px;height:88px;max-width:none}
.brand-name{display:flex;flex-direction:column;font-size:22px;line-height:.86;font-weight:900;letter-spacing:-.07em}
.brand-name small{margin-top:7px;font-size:7px;font-weight:800;letter-spacing:.46em}
.site-header nav{display:flex;align-items:center;gap:38px;margin:auto;font-size:13px;font-weight:700;color:#415064}
.site-header nav a{padding:12px 0;transition:color .2s}
.site-header nav a:hover{color:#1863ae}
.header-cta{display:inline-flex;align-items:center;gap:20px;flex:none;padding:12px 0;border-bottom:1px solid #243c56;color:#162b43;font-size:12px;font-weight:800}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;isolation:isolate;overflow:hidden;min-height:690px;padding:60px max(44px,calc((100vw - 1352px)/2)) 76px}
.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.45;background-image:linear-gradient(#7190aa17 1px,transparent 1px),linear-gradient(90deg,#7190aa17 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent 4%,#000 58%,#000)}
.hero:before{content:"";position:absolute;inset:-10% -5% auto auto;z-index:-1;width:65%;height:120%;background:radial-gradient(ellipse at center,#cbdced80 0%,#dfe8ee55 32%,transparent 72%)}
.hero-content{position:relative;z-index:2;max-width:800px;padding-bottom:10px}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 34px;color:#346a9f;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.22em}
.eyebrow-line{display:inline-block;width:33px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}
.hero h1{margin-bottom:31px;color:#14263a;font-size:clamp(53px,5.3vw,86px);line-height:1.055;font-weight:800;letter-spacing:-.075em}
.hero h1 em,.section-heading h2 em,.studio-copy h2 em,.contact-row h2 em,.error-content h1 em{color:#2770b9;font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}
.hero-period{color:#2672bc}
.hero-intro{max-width:545px;margin-bottom:34px;color:#58697a;font-size:17px;line-height:1.75}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:14px 21px;font-size:13px;font-weight:800;transition:background .25s,transform .25s,box-shadow .25s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:#226fb9;color:#fff;box-shadow:0 12px 25px #226fb925}
.button-primary:hover{background:#155c9f;box-shadow:0 16px 27px #226fb930}
.text-link{display:inline-flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #4760787c;color:#263e55;font-size:13px;font-weight:800}
.hero-index{display:flex;align-items:center;gap:21px;margin-top:83px;color:#667f94;font-size:10px;font-weight:800;letter-spacing:.18em}
.hero-index>span:first-child{display:flex;align-items:center;gap:12px;font-size:13px;color:#236cae}
.hero-index i{width:37px;height:1px;background:#82a0ba}
.hero-art{position:relative;display:grid;place-items:center;align-self:stretch;min-height:500px;margin-right:-6vw}
.orbit{position:absolute;width:600px;height:300px;border:1px solid #3371aa44;border-radius:50%;transform:rotate(-26deg)}
.orbit-one{width:620px;height:260px}
.orbit-two{width:470px;height:530px;transform:rotate(36deg);border-color:#3371aa25}
.planet{position:relative;z-index:1;width:min(31vw,450px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 28%,#bbdaf2 0%,#78acd7 8%,transparent 25%),radial-gradient(ellipse at 30% 25%,#95c8e8 0%,transparent 55%),radial-gradient(ellipse at 75% 64%,#285985 0%,transparent 38%),conic-gradient(from 105deg,#153b68,#346b9f,#a7cbe4,#6099c5,#1c4b7c,#163a62);box-shadow:inset -38px -32px 80px #071c3cbd,inset 16px 12px 40px #d0eaff88,0 40px 75px #163c643b,0 0 0 1px #e7f5ff77}
.planet:before{content:"";position:absolute;inset:-5%;border-radius:50%;background:repeating-radial-gradient(ellipse at 26% 35%,transparent 0 15px,#e5f2ff12 17px 19px,transparent 21px 34px);transform:rotate(-25deg)}
.planet:after{content:"";position:absolute;inset:16% -12% 9% -18%;border-radius:50%;background:linear-gradient(140deg,transparent 35%,#e9f7fd2b 47%,transparent 56%),repeating-linear-gradient(152deg,transparent 0 26px,#d8efff16 31px 37px,transparent 42px 68px);filter:blur(6px);transform:rotate(-18deg)}
.planet-shine{position:absolute;z-index:1;inset:0;border-radius:50%;background:radial-gradient(circle at 74% 8%,#fff9 0%,transparent 6%)}
.star{position:absolute;color:#3477b5;font-family:Georgia,serif;font-size:22px}
.star-one{top:10%;left:28%}.star-two{top:26%;right:8%;font-size:15px}.star-three{bottom:18%;left:15%;font-size:12px}
.hero-art-label{position:absolute;right:12%;bottom:7%;left:12%;display:flex;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid #7995ac77;color:#4b7194;font-size:9px;font-weight:800;letter-spacing:.24em}
.games-section{padding:110px max(44px,calc((100vw - 1352px)/2)) 120px;background:#0d1928;color:#fff}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}
.eyebrow-light{color:#8fbcf0}
.section-heading h2,.studio-copy h2,.contact-row h2{margin-bottom:0;font-size:clamp(41px,4.3vw,69px);line-height:1.08;font-weight:750;letter-spacing:-.065em}
.section-heading h2 em,.contact-row h2 em{color:#a8c9ef}
.section-heading>p{max-width:245px;margin:0 0 7px;color:#95a7bb;font-size:13px;line-height:1.65}
.game-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);min-height:510px;border:1px solid #7895af48;background:#17283a;box-shadow:0 28px 50px #040b1399}
.game-art{position:relative;overflow:hidden;min-height:420px;background:#142638}
.game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0917284d,transparent 62%),linear-gradient(0deg,#09172870,transparent 32%);pointer-events:none}
.game-art img{width:100%;height:100%;object-fit:cover;object-position:62% center;transition:transform .7s ease}
.game-card:hover .game-art img{transform:scale(1.035)}
.game-art-index{position:absolute;z-index:1;left:30px;bottom:25px;color:#eff6fd;font-size:10px;font-weight:800;letter-spacing:.2em}
.game-info{display:flex;flex-direction:column;align-items:flex-start;padding:49px clamp(30px,3.5vw,64px) 40px}
.game-status{display:flex;align-items:center;gap:10px;margin-bottom:auto;color:#c4e8d1;font-size:10px;font-weight:800;letter-spacing:.2em}
.game-status span{width:6px;height:6px}
.game-category{margin:39px 0 14px;color:#8ea8bf;font-size:10px;font-weight:800;letter-spacing:.2em}
.game-info h3{margin-bottom:8px;font-size:clamp(57px,5vw,83px);line-height:1;font-weight:780;letter-spacing:-.075em}
.game-info h3 span{color:#7fb5ee}
.game-lead{margin-bottom:21px;color:#c8d7e6;font-family:Georgia,serif;font-size:20px;font-style:italic}
.game-description{max-width:345px;margin-bottom:31px;color:#aab9ca;font-size:14px;line-height:1.8}
.button-light{background:#e9f2f9;color:#142d48}
.button-light:hover{background:#fff}
.game-platform{margin-top:21px;color:#7890a8;font-size:9px;font-weight:800;letter-spacing:.14em}
.next-world{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:27px;margin-top:28px;padding:30px 40px;border:1px dashed #607b985c;background:#132238}
.next-world-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid #7895b255;border-radius:50%;color:#94bde9;font-size:34px}
.next-world div:nth-child(2)>span{display:block;margin-bottom:7px;color:#88a8c9;font-size:9px;font-weight:800;letter-spacing:.22em}
.next-world h3{margin-bottom:5px;font-size:24px;font-weight:650;letter-spacing:-.035em}
.next-world p{margin:0;color:#8ea3b7;font-size:13px;line-height:1.5}
.next-world-number{color:#7898b8;font-family:Georgia,serif;font-size:26px;white-space:nowrap}
.studio-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:11%;padding:130px max(44px,calc((100vw - 1352px)/2));background:#eef0ef}
.studio-mark{position:relative;display:grid;place-items:center;min-height:405px;overflow:hidden;border:1px solid #b8cbdc;background:radial-gradient(circle at 50% 40%,#dae7f2,#d0e1ee 58%,#bbcfe1);color:#3178bc;font-size:clamp(110px,17vw,235px);font-weight:900;letter-spacing:-.19em;text-indent:-.19em;box-shadow:inset 0 0 0 20px #eef0ef77}
.studio-mark:before,.studio-mark:after{content:"";position:absolute;width:90%;height:1px;background:#8faec888;transform:rotate(-29deg)}
.studio-mark:after{transform:rotate(29deg)}
.studio-mark span{color:#183b5f}
.studio-copy{max-width:650px}
.studio-copy h2{margin-bottom:24px;color:#172b40}
.studio-copy>p:not(.eyebrow){max-width:530px;margin-bottom:30px;color:#586c7c;font-size:16px;line-height:1.85}
.contact-section{padding:86px max(44px,calc((100vw - 1352px)/2)) 105px;background:linear-gradient(115deg,#164777,#123456 48%,#0f273f);color:#fff}
.contact-section .eyebrow{margin-bottom:30px}
.contact-row{display:flex;align-items:end;justify-content:space-between;gap:35px}
.contact-row a{display:inline-flex;align-items:center;gap:19px;padding-bottom:10px;border-bottom:1px solid #a8c9ef8c;color:#e9f4ff;font-size:clamp(17px,1.8vw,25px);font-weight:650;letter-spacing:-.04em;white-space:nowrap}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:118px;padding:25px max(44px,calc((100vw - 1352px)/2));background:#eef0ef;color:#53697d}
.site-footer p{margin:0;font-size:12px}
.site-footer>a:last-child{font-size:12px;font-weight:800}
.site-footer .brand{min-width:0;color:#172536}
.error-page{display:grid;place-items:center;min-height:100vh;padding:35px;background:radial-gradient(circle at 75% 20%,#d8e7f3,#eef0ef 55%)}
.error-content{width:min(100%,720px)}
.error-content h1{margin-bottom:20px;font-size:clamp(48px,7vw,86px);line-height:1.05;letter-spacing:-.07em}
.error-content>p:not(.eyebrow){margin-bottom:28px;color:#576d80;font-size:17px;line-height:1.6}
@media(max-width:1100px){.site-header{width:calc(100% - 56px)}.hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);min-height:600px;padding-right:28px;padding-left:28px}.hero h1{font-size:clamp(52px,5.2vw,70px)}.hero-art{margin-right:-60px}.planet{width:min(36vw,400px)}.orbit-one{width:500px}.orbit-two{width:390px}.games-section,.studio-section,.contact-section{padding-right:28px;padding-left:28px}.game-card{grid-template-columns:1.1fr .9fr}.game-info{padding:38px 30px}.game-category{margin-top:25px}.studio-section{gap:7%}.site-footer{padding-right:28px;padding-left:28px}}
@media(max-width:760px){.announcement{font-size:9px;gap:8px}.site-header{width:calc(100% - 36px);min-height:72px;gap:12px}.brand{min-width:0}.brand-symbol{width:44px}.brand-name{font-size:19px}.brand-name small{font-size:6px}.site-header nav{gap:16px;margin-left:auto;font-size:12px}.header-cta{display:none}.hero{display:block;min-height:0;padding:80px 24px 48px}.hero-grid{background-size:60px 60px}.hero h1{max-width:680px;font-size:clamp(50px,8.5vw,76px)}.hero-intro{font-size:15px}.hero-index{margin-top:50px}.hero-art{min-height:430px;margin:15px -24px -20px}.planet{width:min(62vw,340px)}.orbit-one{width:min(95vw,520px)}.orbit-two{width:min(85vw,400px);height:400px}.hero-art-label{bottom:4%}.games-section{padding:85px 24px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p{max-width:none}.game-card{display:flex;flex-direction:column}.game-art{min-height:360px;aspect-ratio:1.45}.game-info{min-height:430px;padding:36px}.game-status{margin-bottom:0}.game-category{margin-top:37px}.game-info h3{font-size:72px}.next-world{grid-template-columns:58px 1fr;padding:25px 23px;gap:17px}.next-world-icon{width:52px;height:52px}.next-world-number{display:none}.studio-section{grid-template-columns:1fr;gap:48px;padding:85px 24px}.studio-mark{min-height:300px;font-size:165px}.contact-section{padding:80px 24px}.contact-row{align-items:start;flex-direction:column}.site-footer{padding:25px 24px}}
@media(max-width:520px){.announcement{min-height:34px}.announcement span:nth-child(2){white-space:nowrap}.site-header nav{gap:12px;font-size:11px}.site-header nav a:last-child{display:none}.brand{gap:5px}.brand-symbol{width:38px}.brand-name{font-size:17px}.brand-name small{font-size:5px}.hero{padding:65px 20px 35px}.hero h1{font-size:clamp(47px,12.3vw,65px)}.eyebrow{font-size:10px;margin-bottom:26px}.hero-actions{align-items:stretch;flex-direction:column;gap:15px}.hero-actions .button{width:max-content}.text-link{width:max-content}.hero-index{font-size:9px;gap:12px}.hero-index i{width:22px}.hero-art{min-height:345px;margin:4px -20px 0}.planet{width:min(68vw,300px)}.orbit-one{height:180px}.orbit-two{height:300px}.hero-art-label{right:8%;left:8%;font-size:8px}.games-section{padding:70px 18px}.section-heading h2,.studio-copy h2,.contact-row h2{font-size:clamp(43px,10vw,55px)}.game-art{min-height:270px}.game-info{min-height:0;padding:31px 25px 35px}.game-info h3{font-size:62px}.game-category{margin-top:31px}.game-lead{font-size:19px}.game-description{font-size:13px}.game-platform{font-size:8px}.next-world{grid-template-columns:1fr;padding:23px}.next-world-icon{width:44px;height:44px;font-size:27px}.next-world h3{font-size:21px}.studio-section{padding:75px 20px}.studio-mark{min-height:230px;font-size:130px}.studio-copy>p:not(.eyebrow){font-size:14px}.contact-section{padding:70px 20px}.contact-row a{font-size:18px;white-space:normal;overflow-wrap:anywhere}.site-footer{align-items:start;flex-direction:column;gap:18px;padding:30px 20px}.site-footer .brand{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}