@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--bg:#080f1c;--panel:#101c2e;--ink:#f0f1e7;--muted:#a5b4c8;--line:#26374f;--lime:#8dcbff;--mx:65%;--my:45%;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 'Be Vietnam Pro',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}[hidden]{display:none!important}::selection{background:var(--lime);color:var(--bg)}.skip{position:fixed;top:-70px;background:var(--lime);color:#080f1c;padding:10px;z-index:99}.skip:focus{top:5px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080f1cee;position:relative;z-index:3}.brand{display:flex;flex-direction:column;line-height:1}.brand-mark{font:900 35px/.95 'Barlow Condensed',sans-serif;letter-spacing:-1px}.brand-dot{color:var(--lime)}.brand-sub{font-size:8px;letter-spacing:1.8px;margin-top:8px}.header nav{display:flex;gap:36px;color:#c0cddd;font-size:12px}.header nav a:hover,footer a:hover{color:var(--lime)}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;border:1px solid #405b78;padding:16px 24px;background:transparent;color:var(--ink);font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s}.button span{font-size:20px;line-height:1}.button:hover{transform:translateY(-3px);border-color:var(--lime);box-shadow:0 0 24px #8dcbff18}.button:active{transform:translateY(1px)}.primary{background:var(--lime);color:#081525;border-color:var(--lime)}.small{padding:11px 18px}.hero{position:relative;min-height:690px;display:grid;grid-template-columns:1fr 1fr;padding:70px 5% 86px;isolation:isolate;overflow:hidden}.grid-bg,.mouse-light{position:absolute;inset:0;z-index:-2;pointer-events:none}.grid-bg{background-image:linear-gradient(#8dcbff0b 1px,transparent 1px),linear-gradient(90deg,#8dcbff0b 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,transparent,#000)}.mouse-light{background:radial-gradient(340px circle at var(--mx) var(--my),#72b8ef14,transparent 80%);z-index:-1}.hero-copy{align-self:center;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--lime);margin:0 0 26px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 14px #8dcbff88}h1,h2,h3,p{margin-top:0}.hero h1{font:900 clamp(70px,8.8vw,148px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-3px;margin:0 0 26px;white-space:nowrap}.hero h1>span:not(.title-period){color:var(--lime)}.title-period{color:var(--ink)}.hero-line{font-size:25px;font-weight:600;letter-spacing:-1px;margin-bottom:18px}.lead{color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.micro{font-size:10px;color:var(--muted);margin:18px 0 0;line-height:1.8}.hero-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.hero-art img{width:115%;max-width:700px;height:auto;position:relative;filter:drop-shadow(0 32px 40px #0007);transform:translate(var(--tx,0px),var(--ty,0px)) rotate(-7deg);transition:transform .18s ease-out;z-index:1}.orbit{position:absolute;width:87%;aspect-ratio:1;border:1px solid #8dcbff25;border-radius:50%;transform:rotateX(40deg) rotate(-25deg)}.orbit-two{width:72%;border-style:dashed}.coordinate{position:absolute;top:0;right:0;font-size:8px;color:#91abc5;letter-spacing:2px}.art-caption{position:absolute;bottom:0;left:12%;right:0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#a8bdd4}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:66px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:var(--muted)}#motion-toggle{border:0;background:none;color:var(--muted);font-size:10px;padding:10px}.section{padding:90px 5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:30px}.section-head h2,.install h2{font-size:clamp(30px,3.5vw,48px);line-height:1.22;letter-spacing:-2px;margin-bottom:0}.section-head>p{max-width:410px;color:var(--muted);font-size:12px;margin-bottom:3px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tank-card{margin:0;position:relative;background:radial-gradient(ellipse at 50% 35%,#25405c 0%,#122236 65%);border:1px solid var(--line);padding:22px;transition:transform .18s,border-color .2s;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}.tank-card:nth-child(2){background:radial-gradient(ellipse at 50% 35%,#4e4026,#241f17 65%)}.tank-card:nth-child(3){background:radial-gradient(ellipse at 50% 35%,#373047,#1f1c26 65%)}.tank-card:hover{border-color:#8dcbff}.card-index{font-size:9px;letter-spacing:1.5px;color:#b1c4db}.tank-card img{width:100%;height:280px;object-fit:contain;filter:drop-shadow(0 15px 10px #0005)}figcaption{border-top:1px solid #ffffff1a;padding-top:20px}figcaption h3{font-size:16px;margin-bottom:7px}figcaption span{font-size:8px;color:var(--muted);letter-spacing:1.8px}.platform-section{background:#0d1728;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.platform{padding:36px;border:1px solid var(--line)}.platform-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.platform-symbol{font-size:40px;color:var(--lime);line-height:1}.tag{font-size:8px;letter-spacing:1.5px;border:1px solid #405570;padding:5px 10px;color:var(--muted)}.tag.lime{color:var(--lime)}.platform h3{font-size:24px;letter-spacing:-1px;margin-bottom:15px}.platform p{color:var(--muted);font-size:12px;max-width:420px}.text-link{display:inline-flex;justify-content:space-between;gap:35px;padding:12px 0;border-bottom:1px solid #54769e;color:var(--lime);font-size:12px}.text-link:hover{border-color:var(--lime)}.studio{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;align-items:center}.studio>.eyebrow{grid-column:1/-1}.studio h2{font:800 clamp(70px,9vw,130px)/.9 'Barlow Condensed',sans-serif;margin:0;letter-spacing:-2px}.studio h2 span{color:var(--lime)}.studio-note{font-size:24px;font-weight:600;letter-spacing:-1px}.studio div>p:not(.studio-note){color:var(--muted);max-width:430px;font-size:13px}footer{border-top:1px solid var(--line);padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer div{font-size:10px;color:var(--muted);margin:0}footer div{display:flex;gap:24px}.page-title{font-size:clamp(38px,5vw,70px);letter-spacing:-3px;line-height:1.17;margin-bottom:30px}.inner-page{max-width:1500px;margin:auto;min-height:75vh}.game-shell{background:radial-gradient(ellipse,#172e49,#0c1524);border:1px solid var(--line);aspect-ratio:16/8;display:flex;justify-content:center;align-items:center;text-align:center;margin-top:45px;position:relative}.game-shell iframe{width:100%;height:100%;border:0;background:#111}.game-shell:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}.game-shell h2{font-size:26px;margin:20px 0 10px}.game-shell p{color:var(--muted);font-size:12px}.radar{width:90px;height:90px;margin:auto;border:1px solid #83b4d9;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 20px,#8dcbff22 21px 22px);position:relative}.radar:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 65%,#8dcbff55);animation:radar 5s linear infinite}@keyframes radar{to{transform:rotate(360deg)}}.game-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:var(--muted);font-size:11px}details{border-top:1px solid var(--line);padding:20px 0;font-size:13px}summary{cursor:pointer}details p{color:var(--muted);max-width:850px;margin:15px 0 0}details a{text-decoration:underline}.download-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.download-art img{width:100%;height:auto;filter:drop-shadow(0 20px 40px #bfe45112)}.download-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}.download-info span{color:var(--muted)}.download-info strong{font-weight:500}.install{grid-column:1/-1;max-width:100%;border-top:1px solid var(--line);padding-top:50px}.install ol{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-left:22px;margin:35px 0}.install li::marker{color:var(--lime)}.install li p{font-size:12px;color:var(--muted);margin-top:10px}.reveal.visible{animation:reveal .65s both}@keyframes reveal{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}.motion-off *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.motion-off .hero-art img,.motion-off .tank-card{transform:none!important}.motion-off .mouse-light{opacity:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1600px){.hero,.section,.header,footer{padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2))}}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:55px}.hero h1{font-size:100px}.hero-art{min-height:360px;max-width:520px;justify-self:center;width:100%;margin-top:35px}.hero-art img{max-width:420px}.hero-bottom>span{display:none}.hero-bottom{position:relative;grid-column:1;left:auto;right:auto;bottom:-65px}.section{padding-top:60px;padding-bottom:60px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.tank-card img{height:190px}.header nav{gap:18px}.download-layout{gap:25px}.page-title{letter-spacing:-1.5px}.studio-note{font-size:20px}}@media(max-width:600px){.header{height:82px}.header nav{display:none}.brand-mark{font-size:30px}.brand-sub{font-size:7px}.small{font-size:10px;padding:10px 12px}.hero{padding-top:42px}.hero h1{font-size:82px;letter-spacing:-2px}.hero-line{font-size:21px}.hero .lead{font-size:12px}.actions{gap:8px}.actions .button{font-size:11px;padding:14px 16px;gap:12px}.micro{font-size:9px}.hero-art{min-height:310px}.hero-art img{width:100%;max-width:360px}.coordinate{font-size:7px}.gallery{grid-template-columns:1fr}.tank-card img{height:290px}.platform-grid,.studio,.download-layout{grid-template-columns:1fr}.platform{padding:26px}.studio{gap:30px}.studio>.eyebrow{margin:0}.studio h2{font-size:95px}.studio div{max-width:400px}.section-head h2{letter-spacing:-1px}.section-head>p{font-size:11px}footer{flex-wrap:wrap}footer div{width:100%;justify-content:space-between}.download-art{display:none}.install ol{grid-template-columns:1fr;gap:20px}.game-shell{aspect-ratio:auto;min-height:400px;padding:18px}.game-shell:has(iframe){padding:0;height:65vh}.game-shell h2{font-size:20px}.game-shell .button{margin-top:10px}.page-title{font-size:40px}}

.ngu-slogan{line-height:1.7;letter-spacing:-.6px}.slogan-line{display:block}.slogan-initial{color:var(--lime)}.u-base{position:relative;color:var(--ink);display:inline-block}.u-base::after{content:"U" / "";position:absolute;left:0;top:0;color:var(--lime)}