.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/exo-2-cyrillic-ext-wght-normal.Duf7tWJ7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/exo-2-cyrillic-wght-normal.DINSYtDx.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/exo-2-vietnamese-wght-normal.DlPkZmYr.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/exo-2-latin-ext-wght-normal.B5pmZ151.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/exo-2-latin-wght-normal.CQ1lLIdm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg:#03050b;--bg-2:#060a14;--bg-3:#0a1020;--panel:#0c13229e;--ink:#eaf1ff;--ink-2:#b8c4da;--dim:#7f8ca5;--faint:#4c5872;--line:#96b9eb1f;--line-2:#96b9eb3d;--accent:#5fd0ff;--accent-deep:#1e8fdb;--accent-2:#9b8cff;--rend:#ff2d5f;--ok:#46e0a4;--warn:#ffc24d;--font-display:"Exo 2 Variable", "Bahnschrift", "Segoe UI", system-ui, sans-serif;--font-body:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--max:1240px;--pad:clamp(20px, 5vw, 64px);--notch:14px;--clip:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));--header:72px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px);background:var(--bg)}body{min-height:100svh;color:var(--ink);background:var(--bg);font:400 17px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}img,video,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#5fd0ff59}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.skip{z-index:100;background:var(--accent);color:#02101c;transition:top .2s var(--ease);padding:10px 16px;font-weight:700;position:fixed;top:-60px;left:16px}.skip:focus{top:12px}.container{width:100%;max-width:calc(var(--max) + var(--pad) * 2);padding:0 var(--pad);margin:0 auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.08}.eyebrow{color:var(--accent);font:600 12px/1 var(--font-display);letter-spacing:.32em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:18px;display:inline-flex}.eyebrow:before{content:"";opacity:.7;background:currentColor;width:28px;height:1px}.h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(34px,5.2vw,64px);font-weight:800}.lead{max-width:640px;color:var(--ink-2);text-wrap:pretty;margin:20px 0 0;font-size:clamp(17px,1.6vw,20px)}.muted{color:var(--dim)}.btn{--btn-bg:transparent;background:var(--btn-bg);min-height:52px;color:var(--ink);font:700 14px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;clip-path:var(--clip);cursor:pointer;isolation:isolate;transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease);border:0;justify-content:center;align-items:center;gap:12px;padding:0 28px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;transition:transform .7s var(--ease-out);background:linear-gradient(105deg,#0000 30%,#ffffff59 48%,#0000 66%);position:absolute;inset:0;transform:translate(-110%)}.btn:hover:after{transform:translate(110%)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.99)}.btn svg{flex:none;width:20px;height:20px}.btn-primary{--btn-bg:linear-gradient(180deg, #8fe0ff 0%, var(--accent) 45%, var(--accent-deep) 100%);color:#021120;box-shadow:0 0 #5fd0ff00}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 10px 40px -8px #5fd0ff8c}.btn-ghost{--btn-bg:#0a12228c;box-shadow:inset 0 0 0 1px var(--line-2);backdrop-filter:blur(8px)}.btn-ghost:hover{box-shadow:inset 0 0 0 1px #5fd0ff99}.btn-lg{min-height:60px;padding:0 34px;font-size:15px}.btn[aria-disabled=true],.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-sub{font:500 11px/1 var(--font-body);letter-spacing:.04em;text-transform:none;opacity:.75;margin-top:4px;display:block}.btn-stack{flex-direction:column;align-items:flex-start;gap:0}.link{color:var(--accent);border-bottom:1px solid #5fd0ff59;transition:border-color .2s}.link:hover{border-color:var(--accent)}.announce{z-index:60;padding:9px var(--pad);border-bottom:1px solid var(--line);text-align:center;background:linear-gradient(90deg,#1e8fdb52,#9b8cff4d);justify-content:center;gap:10px;font-size:14px;display:flex;position:relative}.announce-event{background:linear-gradient(90deg,#9b8cff5c,#5fd0ff42)}.announce-alert{background:linear-gradient(90deg,#ff2d5f6b,#ff783c4d)}.announce a{border-bottom:1px solid #fff6;font-weight:600}.header{z-index:50;height:var(--header);transition:background .35s var(--ease), backdrop-filter .35s var(--ease), box-shadow .35s var(--ease);position:sticky;top:0}.header.is-solid,.header.is-open{backdrop-filter:blur(16px)saturate(140%);box-shadow:0 1px 0 var(--line);background:#03050bc7}.header-in{align-items:center;gap:32px;height:100%;display:flex}.logo{font:800 19px/1 var(--font-display);letter-spacing:.34em;align-items:center;gap:12px;display:inline-flex}.logo img{object-fit:contain;filter:drop-shadow(0 0 12px #5fd0ff73);width:34px;height:34px}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink-2);font:600 13px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;padding:10px 14px;transition:color .2s;position:relative}.nav a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .35s var(--ease-out);position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.header .btn{min-height:42px;padding:0 20px;font-size:12px}.langs{gap:2px;display:flex}.langs a{color:var(--dim);font:600 12px/1 var(--font-display);letter-spacing:.18em;padding:8px;transition:color .2s}.langs a:hover,.langs a[aria-current]{color:var(--ink)}.burger{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;margin-left:auto;display:none}.burger span{width:22px;height:2px;transition:transform .3s var(--ease);background:currentColor;margin:5px auto;display:block}.is-open .burger span:first-child{transform:translateY(3.5px)rotate(45deg)}.is-open .burger span:last-child{transform:translateY(-3.5px)rotate(-45deg)}@media (width<=860px){.burger{display:block}.header-cta{display:none}.langs{margin-left:auto}.langs~.burger{margin-left:0}.nav{inset:var(--header) 0 auto 0;padding:12px var(--pad) 28px;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);background:#03050bf5;flex-direction:column;gap:0;position:fixed;transform:translateY(-12px)}.is-open .nav{opacity:1;pointer-events:auto;transform:none}.nav a{border-bottom:1px solid var(--line);padding:16px 0;font-size:15px}.nav a:after{display:none}}.hero{min-height:calc(100svh - var(--header));margin-top:calc(var(--header) * -1);padding:calc(var(--header) + 60px) 0 120px;isolation:isolate;align-items:center;display:flex;position:relative;overflow:hidden}.hero-media,.hero-media video,.hero-media img,.hero-stars{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-media{z-index:-3}.hero-media video,.hero-media img{animation:hero-zoom 26s var(--ease) both}.hero-stars{z-index:-2;opacity:.9;mix-blend-mode:screen;pointer-events:none}.hero:before{content:"";z-index:-1;background:radial-gradient(120% 90% at 78% 40%, transparent 0%, #03050b59 55%, #03050beb 100%), linear-gradient(90deg, #03050beb 0%, #03050b8c 42%, #03050b0d 75%), linear-gradient(180deg, #03050b66 0%, transparent 25%, transparent 70%, var(--bg) 100%);position:absolute;inset:0}.hero:after{content:"";z-index:-1;opacity:.06;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-in{max-width:900px;position:relative}.hero-in>:not(.wordmark){max-width:720px}.wordmark{white-space:nowrap;font:900 clamp(54px, 9.4vw, 138px) / .86 var(--font-display);letter-spacing:.06em;background:linear-gradient(#fff 0%,#d6ecff 45%,#8fbfe8 100%);color:#0000;filter:drop-shadow(0 6px 40px #5fd0ff47);-webkit-background-clip:text;background-clip:text;margin:0 0 22px -.04em;display:flex}.wordmark span{animation:letter-in 1.1s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms + .12s);display:inline-block}.hero-lead{font:700 clamp(22px, 2.6vw, 32px) / 1.2 var(--font-display);letter-spacing:.01em;animation:rise 1s var(--ease-out) .65s both;margin:0}.hero-lead em{color:var(--rend);text-shadow:0 0 28px #ff2d5f8c;font-style:normal}.hero-body{max-width:560px;color:var(--ink-2);animation:rise 1s var(--ease-out) .8s both;margin:18px 0 0;font-size:clamp(16px,1.4vw,19px)}.hero-actions{animation:rise 1s var(--ease-out) .95s both;flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.hero .eyebrow{animation:rise 1s var(--ease-out) .1s both}.scroll-cue{color:var(--dim);font:600 10px/1 var(--font-display);letter-spacing:.4em;text-transform:uppercase;animation:rise 1s var(--ease-out) 1.4s both;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-cue:after{content:"";background:linear-gradient(180deg, var(--accent), transparent);width:1px;height:46px;animation:cue 2.2s var(--ease) infinite}.section{padding:clamp(90px,13vw,170px) 0;position:relative}.section-head{max-width:820px;margin-bottom:clamp(44px,6vw,80px)}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head.center .lead{margin-left:auto;margin-right:auto}.divider{background:linear-gradient(90deg, transparent, var(--line-2), transparent);height:1px}.war{isolation:isolate;overflow:hidden}.war-bg{z-index:-1;background:linear-gradient(180deg, var(--bg) 0%, #03050b8c 30%, #03050b8c 70%, var(--bg) 100%), radial-gradient(60% 60% at 70% 50%, #ff2d5f29, transparent 70%);position:absolute;inset:0}.war-bg img{object-fit:cover;opacity:.32;mix-blend-mode:screen;width:100%;height:100%}.war-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.war-big{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.war-pct{font:900 clamp(88px, 14vw, 180px) / .85 var(--font-display);letter-spacing:-.04em;color:var(--rend);text-shadow:0 0 60px #ff2d5f73;font-variant-numeric:tabular-nums}.war-pct-label{max-width:220px;color:var(--ink-2);font:600 15px/1.35 var(--font-display);letter-spacing:.06em;text-transform:uppercase}.meter{background:#5fd0ff24;height:6px;margin:34px 0 14px;position:relative;overflow:hidden}.meter:before{content:"";width:var(--share,0%);background:linear-gradient(90deg, #ff6a3d, var(--rend));transform-origin:0;transition:transform 1.6s var(--ease-out) .2s;position:absolute;inset:0 auto 0 0;transform:scaleX(0);box-shadow:0 0 22px #ff2d5fbf}.is-in .meter:before,.meter.is-in:before{transform:scaleX(1)}.meter-legend{color:var(--dim);font:600 11px/1 var(--font-display);letter-spacing:.24em;text-transform:uppercase;justify-content:space-between;display:flex}.war-stats{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.war-stat{background:#050912e0;padding:26px 26px 24px}.war-stat strong{font:800 clamp(30px, 3.6vw, 44px) / 1 var(--font-display);font-variant-numeric:tabular-nums;display:block}.war-stat span{color:var(--dim);letter-spacing:.04em;margin-top:10px;font-size:13px;display:block}.war-stat.is-wide{grid-column:1/-1}.war-stat[hidden]{display:none}.war-stat[hidden]+.war-stat{grid-column:1/-1}.live-dot{background:var(--rend);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:10px;animation:1.8s ease-out infinite pulse;display:inline-block;box-shadow:0 0 #ff2d5f99}.pillar{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,100px);display:grid}.pillar+.pillar{margin-top:clamp(80px,10vw,150px)}.pillar:nth-child(2n) .pillar-media{order:2}.pillar-media{clip-path:var(--clip);--notch:22px;aspect-ratio:2;background:var(--bg-3);position:relative;overflow:hidden}.pillar-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.8s var(--ease-out);transform:scale(1.08)}.is-in .pillar-media img,.pillar-media.is-in img{transform:scale(1)}.pillar-media:after{content:"";box-shadow:inset 0 0 0 1px var(--line-2);clip-path:var(--clip);pointer-events:none;position:absolute;inset:0}.pillar-num{color:var(--faint);font:700 13px/1 var(--font-display);letter-spacing:.3em;margin-bottom:18px;display:block}.pillar h3{letter-spacing:-.01em;font-size:clamp(28px,3.4vw,44px);font-weight:800}.pillar p{color:var(--ink-2);margin:18px 0 0;font-size:18px}.races{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.race{--tint:var(--accent);min-height:460px;clip-path:var(--clip);background:var(--bg-2);isolation:isolate;flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.race .race-art{z-index:-1;object-fit:cover;object-position:center 18%;opacity:.62;filter:none;width:100%;height:100%;transition:opacity .6s var(--ease), transform 1.2s var(--ease-out);margin:0;position:absolute;inset:0;transform:scale(1.06)}.race:after{content:"";z-index:-1;box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#03050b59 0%,#03050b0d 28%,#03050b80 52%,#03050bf0 74%);position:absolute;inset:0}.race:hover .race-art{opacity:.92;transform:scale(1)}.race-body img{object-fit:contain;width:64px;height:64px;filter:drop-shadow(0 0 18px var(--tint));transition:transform .6s var(--ease-out);margin-bottom:14px}.race:hover .race-body img{transform:translateY(-4px)scale(1.04)}.race-body{min-height:9.6em;margin-top:auto}.race h3{letter-spacing:.08em;text-transform:uppercase;font-size:26px}.race p{color:var(--ink-2);margin:12px 0 0;font-size:15px}.race-aenli{--tint:#5fd0ffb3}.race-korunni{--tint:#ff6e32b3}.race-doln{--tint:#46e0a499}.race-veltra{--tint:#9b8cffbf}.enemy{clip-path:var(--clip);background:linear-gradient(90deg,#ff2d5f29,#ff2d5f05);align-items:center;gap:28px;margin-top:16px;padding:28px 32px;display:flex;box-shadow:inset 0 0 0 1px #ff2d5f40}.enemy img{filter:drop-shadow(0 0 22px #ff2d5fb3);width:76px;height:76px}.enemy h3{color:var(--rend);letter-spacing:.12em;text-transform:uppercase;font-size:22px}.enemy p{color:var(--ink-2);margin:6px 0 0}.gallery{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.gallery-track{gap:16px;width:max-content;animation:90s linear infinite drift;display:flex}.gallery:hover .gallery-track,.gallery:focus-within .gallery-track{animation-play-state:paused}.gallery figure{aspect-ratio:16/9;width:clamp(290px,36vw,600px);clip-path:var(--clip);background:var(--bg-3);margin:0;overflow:hidden}.gallery a{height:100%;display:block;position:relative}.gallery a:after{content:"";box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--clip);transition:box-shadow .3s;position:absolute;inset:0}.gallery a:hover:after,.gallery a:focus-visible:after{box-shadow:inset 0 0 0 1px #5fd0ff8c}.gallery img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.gallery a:hover img,.gallery a:focus-visible img{transform:scale(1.05)}.gallery-open{width:40px;height:40px;color:var(--ink);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);background:#03050b9e;place-items:center;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}.gallery-open svg{width:18px;height:18px}.gallery a:hover .gallery-open,.gallery a:focus-visible .gallery-open{opacity:1;transform:none}html:has(.viewer[open]){overflow:hidden}.viewer{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:#020409e6;border:0;margin:0;padding:clamp(16px,4vw,56px)}.viewer[open]{place-items:center;display:grid}.viewer::backdrop{backdrop-filter:blur(8px);background:#02040999}.viewer-frame{flex-direction:column;align-items:center;gap:16px;width:100%;margin:0;display:flex}.viewer-frame img{aspect-ratio:16/9;object-fit:contain;width:min(100%,177.778dvh - 284.444px);clip-path:var(--clip);--notch:18px;transition:opacity .3s var(--ease);background:#000}.viewer.is-loading img{opacity:.55}.viewer figcaption{color:var(--ink-2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 18px;font-size:15px;display:flex}.viewer-count{color:var(--dim);font:600 12px/1 var(--font-display);letter-spacing:.24em}.viewer-btn{width:52px;height:52px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);clip-path:var(--clip);--notch:10px;cursor:pointer;background:#0a12229e;border:0;place-items:center;transition:box-shadow .2s,background .2s;display:grid;position:fixed}.viewer-btn:hover{background:#101e36cc;box-shadow:inset 0 0 0 1px #5fd0ff99}.viewer-btn svg{width:24px;height:24px}.viewer-close{top:18px;right:18px}.viewer-prev,.viewer-next{top:50%;transform:translateY(-50%)}.viewer-prev{left:18px}.viewer-next{right:18px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.card{background:var(--bg-2);clip-path:var(--clip);transition:transform .4s var(--ease-out);flex-direction:column;display:flex;position:relative}.card:after{content:"";box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--clip);pointer-events:none;transition:box-shadow .3s;position:absolute;inset:0}.card:hover{transform:translateY(-4px)}.card:hover:after{box-shadow:inset 0 0 0 1px #5fd0ff73}.card-media{aspect-ratio:16/9;background:var(--bg-3);overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out)}.card:hover .card-media img{transform:scale(1.05)}.card-body{flex-direction:column;flex:1;gap:12px;padding:24px 24px 28px;display:flex}.card-meta{color:var(--dim);font:600 11px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;gap:12px;display:flex}.card-meta .tag{color:var(--accent)}.card h3{font-size:22px;line-height:1.2}.card p{color:var(--ink-2);margin:0;font-size:15px}.card-link:before{content:"";z-index:1;position:absolute;inset:0}.row-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px;display:flex}.cta{text-align:center;isolation:isolate;padding:clamp(110px,14vw,200px) 0;position:relative;overflow:hidden}.cta-bg{z-index:-1;position:absolute;inset:0}.cta-bg img{object-fit:cover;opacity:.8;width:100%;height:100%}.cta-bg:after{content:"";background:linear-gradient(180deg, var(--bg) 0%, #03050b00 24%, #03050b00 76%, var(--bg) 100%), radial-gradient(42% 58% at 50% 50%, #03050bd1, #03050b40 100%);position:absolute;inset:0}.cta .h2{font-size:clamp(40px,6vw,80px)}.cta .lead{margin:22px auto 40px}.actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.page-hero{isolation:isolate;padding:clamp(80px,10vw,140px) 0 clamp(40px,6vw,80px);position:relative;overflow:hidden}.page-hero:before{content:"";z-index:-1;background:radial-gradient(60% 80% at 85% 0,#5fd0ff24,#0000 70%),radial-gradient(50% 70% at 0 100%,#9b8cff1a,#0000 70%);position:absolute;inset:0}.page-hero h1{letter-spacing:-.02em;font-size:clamp(44px,7vw,96px);font-weight:900}.download-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(30px,5vw,80px);display:grid}.download-ship{animation:9s ease-in-out infinite float;position:relative}.download-ship img{filter:drop-shadow(0 30px 60px #5fd0ff40)}.dl-main{flex-wrap:wrap;gap:14px;margin:36px 0 18px;display:flex}.dl-meta{color:var(--dim);flex-wrap:wrap;gap:8px 22px;font-size:14px;display:flex}.dl-meta strong{color:var(--ink-2);font-weight:600}.dl-others{color:var(--dim);margin-top:26px;font-size:14px}.dl-others a{margin-right:18px}details.sum{color:var(--dim);margin-top:14px;font-size:13px}details.sum summary{cursor:pointer}details.sum code{word-break:break-all;color:var(--ink-2);margin-top:8px;display:block}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.step{background:var(--bg-2);clip-path:var(--clip);box-shadow:inset 0 0 0 1px var(--line);padding:30px 28px;position:relative}.step:before{counter-increment:step;content:"0" counter(step);color:var(--accent);font:800 34px/1 var(--font-display);margin-bottom:18px;display:block}.step h3{font-size:21px}.step p{color:var(--ink-2);margin:10px 0 0;font-size:15px}.spec{border-collapse:collapse;width:100%;font-size:15px}.spec th,.spec td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:16px 18px}.spec thead th{color:var(--accent);font:700 12px/1 var(--font-display);letter-spacing:.24em;text-transform:uppercase}.spec tbody th{color:var(--dim);width:22%;font-weight:500}.faq details{border-bottom:1px solid var(--line)}.faq summary{font:700 19px/1.35 var(--font-display);cursor:pointer;padding:22px 40px 22px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);transition:transform .3s var(--ease);font-size:26px;position:absolute;top:18px;right:4px}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);margin:0 0 22px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.chip{border:1px solid var(--line-2);color:var(--ink-2);font:600 12px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;padding:9px 16px;transition:border-color .2s,color .2s,background .2s}.chip:hover,.chip[aria-current=page]{border-color:var(--accent);color:var(--ink);background:#5fd0ff14}.pager{justify-content:space-between;margin-top:54px;display:flex}.article-hero{aspect-ratio:21/9;width:100%;max-height:560px;clip-path:var(--clip);--notch:24px;margin-bottom:56px;position:relative;overflow:hidden}.article-hero img{object-fit:cover;width:100%;height:100%}.article{max-width:760px;margin:0 auto}.article h1{letter-spacing:-.015em;margin:14px 0 24px;font-size:clamp(36px,5vw,60px);font-weight:900}.article-meta{color:var(--dim);font:600 12px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;gap:16px;display:flex}.article-meta .tag{color:var(--accent)}.prose{color:var(--ink-2);font-size:18px;line-height:1.75}.prose>*+*{margin-top:1.1em}.prose h2{color:var(--ink);margin-top:2em;font-size:clamp(26px,3vw,34px)}.prose h3{color:var(--ink);margin-top:1.6em;font-size:22px}.prose a{color:var(--accent);border-bottom:1px solid #5fd0ff59}.prose strong{color:var(--ink)}.prose img{width:100%;clip-path:var(--clip);margin:2em 0}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);color:var(--ink);font:600 22px/1.5 var(--font-display);margin:1.6em 0;padding:4px 0 4px 24px}.prose code{background:#5fd0ff14;padding:2px 6px;font-size:.88em}.prose hr{background:var(--line-2);border:0;height:1px;margin:2.4em 0}.share{border-top:1px solid var(--line);color:var(--dim);align-items:center;gap:10px;margin-top:56px;padding-top:26px;font-size:14px;display:flex}.share a,.share button{border:1px solid var(--line-2);width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;place-items:center;transition:border-color .2s,color .2s;display:inline-grid}.share a:hover,.share button:hover{border-color:var(--accent);color:var(--ink)}.share svg{width:17px;height:17px}.products{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:stretch;gap:20px;display:grid}.product{background:var(--bg-2);clip-path:var(--clip);--notch:20px;flex-direction:column;padding:34px 32px 32px;display:flex;position:relative}.product:after{content:"";box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--clip);pointer-events:none;position:absolute;inset:0}.product.is-hl{background:linear-gradient(180deg, #5fd0ff1f, var(--bg-2) 45%)}.product.is-hl:after{box-shadow:inset 0 0 0 1px #5fd0ff8c}.product img{aspect-ratio:2;object-fit:cover;width:calc(100% + 64px);max-width:none;height:auto;margin:-34px -32px 26px}.badge{background:var(--accent);color:#021120;font:800 11px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;align-self:flex-start;margin-bottom:16px;padding:6px 10px}.product h3{font-size:28px}.product .tagline{color:var(--dim);margin:8px 0 0}.price{align-items:baseline;gap:12px;margin:26px 0 6px;display:flex}.price strong{font:800 44px/1 var(--font-display)}.price s{color:var(--dim);font-size:18px}.price .save{color:#ff8aa6;font:700 12px/1 var(--font-display);letter-spacing:.08em;background:#ff2d5f2e;padding:4px 8px}.features{color:var(--ink-2);flex-direction:column;gap:10px;margin:22px 0 30px;padding:0;font-size:15px;list-style:none;display:flex}.features li{padding-left:26px;position:relative}.features li:before{content:"";border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);width:10px;height:6px;position:absolute;top:.55em;left:2px;transform:rotate(-45deg)}.product .btn{width:100%;margin-top:auto}.panel{background:var(--bg-2);clip-path:var(--clip);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(32px,5vw,64px)}.footer{border-top:1px solid var(--line);background:linear-gradient(180deg, var(--bg) 0%, #02040a 100%);color:var(--dim);padding:80px 0 40px;font-size:15px}.footer-grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px;display:grid}.footer h4{color:var(--ink);font:700 12px/1 var(--font-display);letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px}.footer ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer a:hover{color:var(--ink)}.footer-brand p{max-width:320px;margin:18px 0 24px}.socials{flex-wrap:wrap;gap:8px;display:flex}.socials a{border:1px solid var(--line-2);width:42px;height:42px;color:var(--ink-2);place-items:center;transition:border-color .2s,color .2s,transform .2s;display:inline-grid}.socials a:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}.socials svg{width:18px;height:18px}.footer-base{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:64px;padding-top:26px;font-size:13px;display:flex}.footer-base .studio{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.footer-base .studio:hover{text-decoration-color:currentColor}[data-reveal]{opacity:0;transition:opacity 1s var(--ease-out), transform 1.1s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(28px)}[data-reveal].is-in,.no-js [data-reveal]{opacity:1;transform:none}@keyframes letter-in{0%{opacity:0;filter:blur(10px);transform:translateY(.35em)scale(.96)}to{opacity:1;filter:blur();transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-zoom{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes cue{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@keyframes pulse{0%{box-shadow:0 0 #ff2d5f99}to{box-shadow:0 0 0 12px #ff2d5f00}}@keyframes drift{to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(.5deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}html{scroll-behavior:auto}.gallery{overflow-x:auto}}@media (width<=1080px){.races,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media (width<=860px){.war-grid,.pillar,.download-grid{grid-template-columns:1fr}.pillar:nth-child(2n) .pillar-media{order:0}.steps{grid-template-columns:1fr}.download-ship{order:-1;max-width:520px}}@media (width<=640px){body{font-size:16px}.races,.cards{grid-template-columns:1fr}.race{min-height:380px}.footer-grid{grid-template-columns:1fr 1fr}.footer-base{flex-direction:column}.hero-actions .btn{flex:100%}.enemy{flex-direction:column;align-items:flex-start}.viewer-prev,.viewer-next{top:auto;bottom:18px;transform:none}.row-head{flex-direction:column;align-items:flex-start}}