/* Public showcase: independent of the game frame and its navigation. */
.landing-next { background:radial-gradient(ellipse at 75% 12%,var(--theme-soft,#bde8e9) 0,transparent 35%),var(--theme-surface,#f6faf8); }
.landing-next .sky-header { background:linear-gradient(180deg,#c2e9f6, #def2f480 57%, transparent); }
.landing-next .wrap { width:min(1380px,92%); }
.landing-next .hero { grid-template-columns:.95fr 1.05fr; padding-block:65px 100px; min-height:740px; gap:12px; }
.landing-next h1 { font-size:clamp(48px,5.2vw,78px); letter-spacing:-3.6px; }
.landing-next .hero-copy>p { max-width:410px; }
.landing-next .hero-art { margin:0 -25px 0 0; isolation:isolate; }
.living-world { width:100%; height:auto; display:block; overflow:visible; }
.scene-depth { transform:translate(var(--scene-x,0px),var(--scene-y,0px)); transition:transform .7s ease-out; }
.scene-orbit { position:absolute; inset:3%; border:1px solid #66afb54d; border-radius:50%; transform:rotate(-25deg) scaleX(1.12); pointer-events:none; }
.scene-orbit::before { content:""; position:absolute; width:9px; height:9px; background:#eea53d; border-radius:50%; left:19%; top:8%; box-shadow:0 0 0 8px #eea53d16; }
.scene-orbit.orbit-two { inset:10% -1%; transform:rotate(35deg) scaleX(.95); border-style:dashed; opacity:.45; }
.scene-label { position:absolute; left:4%; top:5%; font-size:8px; letter-spacing:1.6px; display:flex; gap:8px; align-items:center; }
.landing-next .art-coordinate { top:12%; right:7%; font-size:8px; }
.landing-next .world-card { bottom:0; left:12%; right:3%; padding:22px; border-radius:16px; transition:transform .2s,box-shadow .2s; }
.landing-next .world-card:hover { transform:translateY(-4px); box-shadow:0 22px 45px #28566a24; }
.scene-clouds { animation:cloud-travel 18s ease-in-out infinite alternate; }
.capsule-drift { animation:capsule-hover 4.5s ease-in-out infinite; }
.scene-buildings circle { animation:beacon 4s ease-in-out infinite; }
.landing-next .hero-copy { animation:copy-arrive .7s both; }
.scene-landscape { animation:world-arrive 1s .05s both; }
.scene-buildings { animation:world-arrive 1.1s .18s both; }
.scene-palms { animation:world-arrive 1.15s .3s both; }
.scene-capsule { animation:capsule-arrive 1.4s .3s both; }
.landing-next .world-card { animation:copy-arrive .8s .5s both; }
@keyframes world-arrive { from { opacity:0; transform:translateY(65px); } to { opacity:1; transform:translateY(0); } }
@keyframes copy-arrive { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes capsule-arrive { from { opacity:0; transform:translate(190px,-85px); } to { opacity:1; transform:translate(0,0); } }
@keyframes capsule-hover { 50% { transform:translate(-9px,-12px); } }
@keyframes cloud-travel { to { transform:translateX(24px); } }
@keyframes beacon { 50% { opacity:.65; } }
.landing-showcase { padding-block:45px 90px; }
.showcase-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:35px; }
.showcase-heading h2 { font-size:clamp(30px,3.2vw,46px); line-height:1.15; letter-spacing:-1.6px; margin-top:15px; }
.showcase-heading h2 em { color:var(--teal); font-style:normal; }
.showcase-heading>p { max-width:430px; color:var(--muted); line-height:1.85; font-size:14px; }
.showcase-grid,.landing-next .news-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:24px; }
.showcase-grid,.landing-next .news-grid { align-items:stretch; }
/* The invitation sets the shared row height. News text cannot size that row. */
.landing-next .news-reader { position:relative;min-width:0;min-height:480px; }
.landing-next .news-reader .news-body { position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:22px 24px 16px; }
.landing-next .news-reader .news-meta { flex-wrap:nowrap;justify-content:space-between;gap:12px; }
.landing-next .news-reader .news-meta>span { display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;letter-spacing:.025em; }
.landing-next .news-meta img { display:block; }
.landing-next .news-meta time { color:var(--theme-muted,var(--muted));font-size:11px;letter-spacing:.02em;white-space:nowrap; }
.landing-next .news-scroll { min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--theme-accent,var(--teal)) 65%,transparent) transparent;padding-right:10px;border-radius:3px; }
/* WebKit/Blink otherwise retain the native arrow buttons even with thin sizing. */
@supports selector(::-webkit-scrollbar) {
    .landing-next .news-scroll { scrollbar-width:auto;scrollbar-color:auto; }
    .landing-next .news-scroll::-webkit-scrollbar { width:5px;height:5px; }
    .landing-next .news-scroll::-webkit-scrollbar-track { background:transparent; }
    .landing-next .news-scroll::-webkit-scrollbar-thumb { border-radius:999px;background:color-mix(in srgb,var(--theme-accent,var(--teal)) 65%,transparent); }
    .landing-next .news-scroll::-webkit-scrollbar-thumb:hover { background:var(--theme-accent,var(--teal)); }
    .landing-next .news-scroll::-webkit-scrollbar-button { display:none;width:0;height:0; }
    .landing-next .news-scroll::-webkit-scrollbar-corner { background:transparent; }
}
.landing-next .news-scroll h3 { margin:0 0 14px; }
.landing-next .news-scroll p { margin:0;white-space:pre-wrap;overflow-wrap:anywhere; }
.landing-next .news-scroll:focus-visible { outline:2px solid var(--theme-accent,var(--teal));outline-offset:-2px; }
.landing-next .news-pagination { display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:10px;border-top:1px solid var(--theme-line,var(--line)); }
.landing-next .news-pagination :is(a,button) { width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--theme-line,var(--line));border-radius:50%;padding:0;background:var(--theme-soft,#e7f5f0);color:var(--theme-ink,var(--ink));font:inherit;font-size:19px;line-height:1;text-decoration:none;transition:background .15s,border-color .15s; }
.landing-next .news-pagination a:hover { background:var(--theme-surface,#fff);border-color:var(--theme-accent,var(--teal)); }
.landing-next .news-pagination a:focus-visible { outline:3px solid var(--theme-accent,var(--teal));outline-offset:3px; }
.landing-next .news-pagination button:disabled { opacity:.35;cursor:default; }
.landing-next .news-position { min-width:80px;display:grid;gap:2px;text-align:center;font-variant-numeric:tabular-nums; }
.landing-next .news-position small { font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--theme-muted,var(--muted)); }
.landing-next .news-position strong { font-size:15px;line-height:1.2; }
.landing-next .news-position strong span { color:var(--theme-muted,var(--muted));font-size:12px;font-weight:400; }
@media(max-width:600px) {
    .landing-next .news-reader .news-body { padding:18px 18px 14px;gap:12px; }
    .landing-next .news-reader .news-meta>span { font-size:9px;gap:6px;padding:6px; }
    .landing-next .news-meta time { font-size:10px; }
    .landing-next .news-scroll { padding-right:8px; }
    .landing-next .news-pagination { justify-content:center;gap:24px; }
}
.landing-next :is(.news-body,.development-card) { min-width:0;overflow-wrap:anywhere; }
.style-lab,.combat-teaser { border:1px solid var(--theme-line,#bcdfe1); border-radius:26px; padding:30px; background:linear-gradient(130deg,var(--theme-surface,#fff),var(--theme-soft,#eff9f6)); position:relative; overflow:hidden; }
.showcase-caption { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.lab-tag { font-size:11px; color:var(--theme-muted,#658993); }
.style-lab-body { display:grid; grid-template-columns:1.15fr 1fr; gap:20px; align-items:center; padding-block:22px; }
.demo-radar svg { display:block; width:100%; overflow:visible; }
.demo-grid { stroke:#bcdddf; stroke-width:1; }
.demo-shape { fill:#26a5ac2b; stroke:#1596a1; stroke-width:2.5; stroke-linejoin:round; }
.demo-labels { fill:var(--theme-muted,#497582); font-size:10px; }
.style-copy h3,.combat-teaser h3 { font-size:24px; letter-spacing:-.5px; margin-bottom:12px; }
.style-copy p,.combat-teaser p { color:var(--muted); font-size:14px; line-height:1.8; }
.style-copy p { min-height:102px; }
.style-copy small { display:block; color:var(--theme-muted,#789199); font-size:10px; line-height:1.6; margin-top:15px; }
.style-options { display:flex; gap:8px; border-top:1px solid var(--theme-line,#d9e9e7); padding-top:18px; }
.style-options button { flex:1; min-width:0; border:1px solid var(--theme-line,#c3dddd); background:var(--theme-surface,#fff9); border-radius:10px; padding:13px 8px; color:var(--ink); cursor:pointer; font-family:inherit; font-weight:600; font-size:12px; transition:background .18s,color .18s; }
.style-options button[aria-pressed=true] { background:var(--theme-button,var(--ink)); color:white; border-color:var(--ink); }
.style-options button:hover { border-color:var(--teal); }
.style-options button:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
.combat-teaser { grid-column:1/-1; display:grid; grid-template-columns:180px 1fr auto; align-items:center; gap:35px; background:#163e4b; color:#fff; border-color:#163e4b; }
.combat-teaser .eyebrow { color:var(--theme-accent,#79cfce); margin-bottom:14px; }
.combat-teaser p { color:#b2cdd1; max-width:620px; }
.combat-teaser .text-link { color:#e7f7f2; max-width:150px; line-height:1.7; }
.energy-visual { position:relative; height:160px; display:grid; place-items:center; }
.energy-core { width:70px; height:70px; border-radius:50%; display:grid; place-items:center; font-size:42px; color:#eaffed; background:radial-gradient(circle,#68dcdf,#228b9c 65%,#256879); box-shadow:0 0 40px #4cdbd449,inset 0 0 18px #bdfaff66; animation:energy-breathe 4s ease-in-out infinite; }
.energy-orbit { position:absolute; width:138px; height:138px; border:1px solid #7bcecb55; border-radius:50%; transform:rotate(-30deg) scaleY(.6); }
.energy-orbit.second { transform:rotate(55deg) scaleY(.8); border-color:#e1aa4566; }
.energy-streak { position:absolute; width:160px; height:160px; border:1px solid transparent; border-top-color:var(--theme-line,#8dded399); border-radius:50%; animation:energy-spin 12s linear infinite; }
@keyframes energy-spin { to { transform:rotate(360deg); } }
@keyframes energy-breathe { 50% { transform:scale(.94); box-shadow:0 0 55px #4cdbd46b,inset 0 0 18px #bdfaff66; } }
.landing-next .news-section { padding-block:clamp(30px,4vw,56px) 75px; }
.landing-invitation { position:relative; border-block:1px solid var(--theme-line,#cce3e1); padding:65px 35px; margin-bottom:35px; overflow:hidden; }
.landing-invitation h2 { font-size:clamp(32px,4vw,54px); letter-spacing:-1.5px; line-height:1.15; margin-block:17px 25px; }
.invitation-orbit { position:absolute; right:10%; top:50%; transform:translateY(-50%); width:240px; height:240px; border:1px solid #a6d5d4; border-radius:50%; display:grid; place-items:center; font-size:65px; color:#279aa1; box-shadow:0 0 0 28px #9edbd212,0 0 0 60px #9edbd20d; }
.reveal-ready { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }
.reveal-ready.is-revealed { opacity:1; transform:none; }
.landing-next.motion-paused *, .landing-next .offscreen * { animation-play-state:paused!important; }
.motion-stopped :is(.scene-clouds,.capsule-drift,.scene-buildings circle,.journey-signal,.energy-core,.energy-streak) { animation-play-state:paused!important; }
.motion-stopped .demo-shape { animation:none!important; }
.motion-toggle { background:none; border:0; border-bottom:1px solid var(--theme-line,#aac8cb); padding:4px 0; margin-top:15px; font:inherit; font-size:10px; color:var(--theme-muted,#577982); cursor:pointer; }
.motion-toggle:focus-visible { outline:2px solid var(--teal); outline-offset:4px; }
.motion-stopped .scene-depth { transform:none; }
.style-lab.is-revealed .demo-shape { stroke-dasharray:1000; animation:radar-trace 1.1s ease-out both; }
@keyframes radar-trace { from { stroke-dashoffset:1000; fill:#26a5ac00; } to { stroke-dashoffset:0; fill:#26a5ac2b; } }
/* A brief forward flight: the aperture reveals the real destination underneath. */
.game-entry { --portal-x:50%; --portal-y:50%; position:fixed; inset:0; z-index:10000; pointer-events:none; overflow:hidden; isolation:isolate; animation:portal-finish .68s linear both; }
.game-exit .portal-space{inset:auto;left:var(--portal-x);top:var(--portal-y);width:var(--portal-diameter);height:var(--portal-diameter);margin:calc(var(--portal-diameter) / -2);border-radius:50%;transform-origin:50% 50%;background:radial-gradient(circle closest-side,transparent 0 38%,#c4fff255 42%,#5be2de88 46%,#198698b3 54%,#133d52bf 65%,#102a3d66 78%,transparent 100%);animation:portal-close .68s cubic-bezier(.2,.7,.3,1) both}
.game-exit .portal-ray,.game-exit .portal-rim{animation-direction:reverse}
@keyframes portal-close{0%{transform:scale(1.1);opacity:.75}65%{opacity:.7}100%{transform:scale(.02);opacity:0}}
.portal-space { position:absolute; inset:0; transform-origin:var(--portal-x) var(--portal-y); background:radial-gradient(circle at var(--portal-x) var(--portal-y),transparent 0 5%,#c4fff280 7%,#5be2de 9%,#198698 15%,#133d52 30%,#102a3d 55%); animation:portal-open .68s cubic-bezier(.55,.05,.55,1) both; }
.portal-flight { position:absolute; inset:0; perspective:350px; perspective-origin:var(--portal-x) var(--portal-y); }
.portal-ray { position:absolute; left:var(--portal-x); top:var(--portal-y); width:clamp(90px,23vmin,340px); height:2px; transform-origin:0 50%; background:linear-gradient(90deg,transparent,#9ae9eacc,#fff4c7); box-shadow:0 0 10px #87f5ed88; animation:portal-rush .68s cubic-bezier(.3,0,.8,.7) both; }
.portal-ray:nth-child(3n) { height:1px; opacity:.65; }
.portal-rim { position:absolute; left:var(--portal-x); top:var(--portal-y); width:42vmin; height:42vmin; margin:-21vmin; border:1px solid #a9fff4a6; border-radius:50%; box-shadow:0 0 20px #59d9d566,inset 0 0 16px #59d9d533; animation:portal-depth .68s cubic-bezier(.45,0,.8,.55) both; }
@keyframes portal-open { 0% { transform:scale(1); opacity:.92; } 12% { opacity:1; } 85% { opacity:1; } 100% { transform:scale(19); opacity:0; } }
@keyframes portal-rush { 0% { transform:rotate(var(--angle)) translateX(var(--distance)) scaleX(.15); opacity:0; } 20% { opacity:.8; } 100% { transform:rotate(var(--angle)) translateX(110vmax) scaleX(3); opacity:0; } }
@keyframes portal-depth { 0% { transform:translateZ(calc(var(--depth)*-180px - 100px)) rotate(-18deg); opacity:0; } 18% { opacity:.7; } 100% { transform:translateZ(345px) rotate(12deg); opacity:0; } }
@keyframes portal-finish { 0%,78% { opacity:1; } 100% { opacity:0; } }
.news-spotlight { display:flex; align-items:center; gap:28px; padding:22px 28px; border:1px solid var(--theme-line,#aed7d9); border-left:4px solid var(--orange); border-radius:16px; background:linear-gradient(110deg,var(--theme-surface,#fffdf6),var(--theme-surface,#f0faf7)); box-shadow:0 12px 35px #1a53630a; margin-bottom:45px; transition:border-color .2s,box-shadow .2s; }
.news-spotlight:hover { border-color:var(--theme-line,#60afb4); box-shadow:0 12px 35px #1a536314; }
.spotlight-label { display:flex; align-items:center; gap:14px; flex-shrink:0; font-size:9px; font-weight:700; letter-spacing:1.8px; line-height:1.65; color:var(--teal); }
.spotlight-label>span:first-child { font-size:27px; color:var(--theme-gold,#d89729); }
.spotlight-story { display:grid; grid-template-columns:auto 1fr; gap:6px 14px; min-width:0; flex:1; }
.spotlight-story time { font-size:11px; color:var(--theme-muted,#66828b); align-self:center; }
.spotlight-story strong { font-size:17px; overflow-wrap:anywhere; }
.spotlight-story>span { grid-column:1/-1; color:var(--muted); font-size:12px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.spotlight-action { flex-shrink:0; font-size:12px; font-weight:600; }
.spotlight-action>span { margin-left:14px; color:var(--teal); font-size:22px; }
.landing-next .hero { padding-bottom:60px; }

@media(max-width:700px) { .news-spotlight { gap:14px; padding:20px; flex-wrap:wrap; margin-bottom:30px; } .spotlight-label { width:100%; } .spotlight-label br { display:none; } .spotlight-story { flex-basis:100%; grid-template-columns:1fr; } .spotlight-story strong { font-size:16px; } .spotlight-action { margin-left:auto; } .portal-ray { height:1px; } }
@media(min-width:1800px) { .landing-next .hero { min-height:860px; } }
@media(min-width:1001px) and (max-height:850px) { .landing-next .hero { min-height:520px; padding-block:20px 30px; } .landing-next h1 { font-size:60px; margin-block:17px; } .landing-next .hero-art { width:min(100%,470px); justify-self:center; } .landing-next .hero-copy>p { line-height:1.65; } .landing-next .hero-actions { margin-top:22px; } .landing-next .hero-note { margin-top:18px; } }
@media(max-width:1000px) { .landing-next .hero { min-height:650px; padding-block:45px 75px; } .landing-next h1 { font-size:clamp(44px,5.4vw,64px); } .showcase-grid { grid-template-columns:1.3fr 1fr; } .style-lab-body { grid-template-columns:1fr; } .demo-radar { max-width:260px; margin:auto; } .style-copy p { min-height:0; } .combat-teaser { grid-template-columns:130px 1fr; gap:25px; } .combat-teaser .text-link { grid-column:2; max-width:none; } .showcase-heading { align-items:start; } }
@media(max-width:700px) { .landing-next .hero { grid-template-columns:1fr; padding-top:35px; padding-bottom:65px; } .landing-next h1 { font-size:clamp(44px,10vw,65px); letter-spacing:-2px; } .landing-next .hero-art { width:100%; max-width:520px; margin:25px 0 0; } .scene-label { font-size:7px; } .landing-next .world-card { padding:14px; left:8%; right:0; } .landing-next .world-card strong { font-size:11px; } .landing-next .art-coordinate { font-size:6px; } .landing-showcase { padding-top:15px; padding-bottom:55px; } .showcase-heading { flex-direction:column; gap:20px; } .showcase-grid { grid-template-columns:1fr; gap:18px; } .style-lab,.journey-card,.combat-teaser { padding:24px; border-radius:20px; } .style-lab-body { grid-template-columns:1fr; gap:10px; } .style-copy p { min-height:76px; } .style-options button { font-size:11px; padding:13px 5px; } .combat-teaser { grid-template-columns:1fr; gap:18px; } .combat-teaser .text-link { grid-column:1; } .energy-visual { width:180px; justify-self:center; } .journey-visual { margin-block:8px; } .landing-invitation { padding:40px 5px; } .invitation-orbit { right:-95px; opacity:.18; z-index:-1; } .landing-next .hero-copy>p { max-width:100%; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .landing-next *, .game-entry, .game-entry * { animation:none!important; transition:none!important; } .scene-depth { transform:none; } .reveal-ready { opacity:1; transform:none; } .game-entry { display:none; } }

@media(min-width:1001px) and (max-height:850px) { .landing-next .news-spotlight { padding-block:16px; } }
/* Horizon: an original, full-width opening scene. Typography stays out of motion. */
.landing-next .sky-header{display:none}
.landing-next .site-header{position:relative;z-index:5;height:96px;border-color:#d0e8ed26;color:#edf5f4}
.landing-next .site-header .brand,.landing-next .site-header nav a{color:#edf5f4}
.landing-next .site-header .brand-tagline{color:#a4bcc6}
.landing-next .site-header nav a{font-size:12px;letter-spacing:.03em;white-space:nowrap}
.landing-next .site-header .account-navigation{flex-wrap:nowrap;flex-shrink:0}
.landing-next .site-header nav a:hover{color:#f4d397}
.landing-next .site-header .theme-toggle{color:#f4d397;border-color:#aec6d333;background:#18334580}
.landing-next .horizon-hero{position:relative;isolation:isolate;margin-top:-96px;min-height:min(900px,100svh);min-height:clamp(680px,100svh,980px);background:#091d2b;color:#f4f7f4;overflow:hidden}
.horizon-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.horizon-landscape{position:absolute;inset:-2%;display:block;transform:translate(var(--scene-x,0px),var(--scene-y,0px)) scale(1.015);transition:transform 1.5s cubic-bezier(.16,1,.3,1);animation:horizon-open 2.4s cubic-bezier(.2,.6,.2,1) both}
.horizon-landscape img{width:100%;height:100%;display:block;object-fit:cover;object-position:70% 48%}
.horizon-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#071b2de6 0%,#0a2034ab 28%,#0a20343b 52%,transparent 75%),linear-gradient(180deg,#0a1e30ad,transparent 25%,transparent 66%,#0b2031 100%)}
.horizon-light{position:absolute;inset:-15%;background:conic-gradient(from 200deg at 85% 10%,transparent 0deg,#fff0be10 12deg,transparent 23deg,#d4fafa09 29deg,transparent 40deg);mix-blend-mode:screen;animation:horizon-light 13s ease-in-out infinite alternate}
.horizon-mist{position:absolute;left:25%;width:90%;height:35%;bottom:10%;background:radial-gradient(ellipse at 60% 50%,#c7f5f626,transparent 64%);filter:blur(25px);animation:horizon-mist 24s ease-in-out infinite alternate;transform:translateX(-4%)}
.horizon-mist.mist-far{bottom:36%;left:42%;opacity:.5;animation-duration:31s;animation-delay:-12s}
.horizon-motes{position:absolute;inset:0}
.horizon-motes i{position:absolute;left:var(--mote-x);top:var(--mote-y);height:var(--mote-size);width:var(--mote-size);border-radius:50%;background:#ffdf9e;box-shadow:0 0 9px #ffe5acb3;animation:horizon-mote var(--mote-time) var(--mote-delay) ease-in-out infinite;opacity:0}
/* Narrow heroes keep the centered demo invitation in a separate, collision-free row. */
.landing-next .horizon-inner{position:relative;min-height:inherit;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:24px;padding-block:150px 110px;box-sizing:border-box}
.horizon-copy{position:relative;max-width:740px;justify-self:start;z-index:2}
.horizon-eyebrow{display:flex;align-items:center;gap:12px;color:#9bcfce;font-size:10px;font-weight:700;letter-spacing:.23em;margin-bottom:27px;animation:copy-arrive .9s .1s both}
.horizon-eyebrow i{width:23px;height:1px;background:#d6b270}
.landing-next .horizon-copy h1{font-size:clamp(66px,6.8vw,104px);line-height:1.02;font-weight:750;letter-spacing:-.058em;margin:0;color:#f5f6f1;text-shadow:0 3px 35px #08203355;animation:copy-arrive 1s .2s both}
.landing-next .horizon-copy h1 em{font-style:normal;color:#f0d49a;background:linear-gradient(115deg,#fae9c7,#e9b963);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
:root[data-theme="dark"] .landing-next .horizon-copy h1 em{color:#a0dce7;background-image:linear-gradient(115deg,#c4e8fa,#62d5d0)}
:root[data-theme="obsidian"] .landing-next .horizon-copy h1 em{color:#eda9bc;background-image:linear-gradient(115deg,#f6d4dc,#e57696)}
.landing-next .horizon-copy>p{max-width:410px;font-size:16px;line-height:1.85;color:#c0d1d7;margin:28px 0 31px;animation:copy-arrive 1s .32s both}
.horizon-actions{display:flex;align-items:center;gap:26px;animation:copy-arrive 1s .44s both}
.horizon-enter{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 23px;color:#203642!important;background:linear-gradient(115deg,#fbe9bf,#eac174);border:1px solid #f6dfa9;border-radius:10px;box-shadow:0 8px 35px #ecc27518,inset 0 1px #ffffff70;font-size:13px;font-weight:750;text-decoration:none;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}
.horizon-enter>span:last-child{font-size:21px;font-weight:400}
.horizon-enter:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#fff7e45c 50%,transparent 70%);transform:translateX(-110%);transition:transform .7s}
.horizon-enter:hover{transform:translateY(-2px);box-shadow:0 12px 38px #ebc67a30}
.horizon-enter:hover:after{transform:translateX(110%)}
.horizon-discover{display:flex;gap:14px;color:#d7e6e8!important;font-size:12px;text-decoration:none;padding-block:14px;border-bottom:1px solid #c7dfe83b}
.horizon-discover:hover{border-color:#ead093}
.horizon-note{display:block;color:#99b0ba;font-size:10px;margin-top:18px;letter-spacing:.02em;animation:copy-arrive 1s .55s both}
.horizon-caption{position:absolute;right:0;bottom:160px;display:grid;justify-items:end;gap:13px;text-shadow:0 2px 8px #071d2a}
.horizon-caption>span{font-size:9px;letter-spacing:.2em;color:#ead8b6;font-weight:700}
.horizon-caption i{height:1px;width:52px;background:#e6ca8599}
.horizon-caption small{font-size:12px;color:#c3d5d9}
.horizon-footer{position:absolute;bottom:30px;left:0;right:0;border-top:1px solid #c9e4e62b;padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#afc7ce;font-size:10px}
.horizon-live{display:flex;align-items:center;gap:16px}.horizon-live .online-count{color:#afc7ce;font-size:10px}.horizon-live .online-count a{color:inherit}.horizon-day{padding-left:16px;border-left:1px solid #acc9d23d;white-space:nowrap}
.horizon-scroll{display:flex;align-items:center;gap:13px;text-decoration:none;color:#c9dce0!important;font-size:11px}.horizon-scroll>span{font-size:20px;color:#e5c486}
.horizon-footer .motion-toggle{margin:0;font-size:10px;color:#adc6cb;border-color:#a7c3ce40;padding:7px 0}
.horizon-hero a:focus-visible,.horizon-hero button:focus-visible{outline:2px solid #f0d49a;outline-offset:5px}
@keyframes horizon-open{from{opacity:.3;scale:1.09}to{opacity:1;scale:1}}
@keyframes horizon-mist{to{transform:translateX(8%);opacity:.55}}
@keyframes horizon-light{to{opacity:.4;transform:rotate(3deg)}}
@keyframes horizon-mote{0%,100%{opacity:0;transform:translate(0,20px)}25%{opacity:.65}75%{opacity:.25}90%{opacity:0;transform:translate(-22px,-65px)}}
/* News is still editorial content: quiet entrance, fine edges, no automatic slides. */
.landing-next .news-spotlight{margin-block:24px 54px;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.landing-next .news-spotlight:hover{border-color:var(--theme-accent,#2b9c9c);box-shadow:0 8px 28px #23576a12}
.landing-next .news-grid :is(.featured-news,.development-card){transition:border-color .35s,box-shadow .35s}
.landing-next .news-grid :is(.featured-news,.development-card):hover{border-color:var(--theme-accent,#369ba4);box-shadow:0 16px 40px #092c4212}
.landing-next.motion-stopped *,.landing-next.motion-stopped *:before,.landing-next.motion-stopped *:after{animation-play-state:paused!important}
.landing-next.motion-paused *:before,.landing-next.motion-paused *:after,.landing-next .offscreen *:before,.landing-next .offscreen *:after{animation-play-state:paused!important}
.landing-next.motion-stopped .horizon-landscape{animation:none!important;transform:none;transition:none}
.landing-next.motion-stopped .horizon-copy>*{animation:none!important}
.landing-next.motion-stopped .reveal-ready{transition:none}
@media(min-width:1800px){.landing-next .horizon-inner,.landing-next .site-header{width:min(1660px,88%)}.landing-next .horizon-copy h1{font-size:118px}.horizon-copy{max-width:840px}.horizon-landscape img{object-position:70% 53%}}
@media(min-width:701px) and (max-height:800px){.landing-next .horizon-hero{min-height:660px}.landing-next .horizon-inner{padding-block:140px 100px;gap:18px}.landing-next .horizon-copy h1{font-size:76px}.horizon-caption{bottom:132px}}
/* Wide heroes retain their original height; the centered seal fits beside the
   lower copy without reserving another row or narrowing the headline. */
@media(min-width:1200px){.landing-next .horizon-inner{display:flex;align-items:center;padding-block:150px}}
@media(min-width:1200px) and (max-height:800px){.landing-next .horizon-inner{padding-block:155px 130px}}
@media(max-width:1000px){.landing-next .horizon-copy h1{font-size:clamp(60px,8vw,80px)}.horizon-vignette{background:linear-gradient(90deg,#071b2de6,#071b2d99 48%,#071b2d18),linear-gradient(0deg,#0b2031,transparent 50%)}.horizon-caption{display:none}.horizon-scroll{display:none}}
/* Tablet widths get deliberate rows instead of individually wrapped header items. */
@media(min-width:701px) and (max-width:900px) {
 .landing-next .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;height:126px;padding-block:16px 12px}
 .landing-next .site-header .brand{grid-column:1;grid-row:1}
 .landing-next .site-header .account-navigation{grid-column:2;grid-row:1;gap:12px}
 .landing-next .site-header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:32px;padding:0;border:0}
 .landing-next .site-header nav a{display:flex;align-items:center;min-height:36px}
 .landing-next .horizon-hero{margin-top:-126px}
}
@media(max-width:700px){
 .landing-next .site-header{position:absolute;top:0;left:5%;height:auto;padding-block:16px;gap:12px;width:90%;margin:0;border-color:#cce8e426}
 .landing-next .site-header nav{border:0;padding-top:4px}
 .landing-next .site-header .account-navigation{flex-wrap:nowrap;margin-left:auto;gap:10px}
 .landing-next .site-header .account-navigation>a[href="/account/register"]{display:none}
 .landing-next .site-header .account-navigation>.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding-inline:10px;border:1px solid #cce8e426;border-radius:10px;background:#183f50;white-space:nowrap;text-decoration:none}
 .landing-next .horizon-hero{margin-top:0;min-height:820px;min-height:max(790px,100svh)}
 .landing-next .horizon-inner{width:88%;display:block;padding-block:135px 125px}
 .horizon-landscape{inset:0;transform:none;animation:horizon-open 2s ease-out both}
 .horizon-landscape img{object-position:calc(100% + 28px) 0%;height:65%;object-fit:cover;mask-image:linear-gradient(#000 65%,transparent 100%)}
 .horizon-vignette{background:linear-gradient(180deg,#091d2be6 0%,#091d2b85 16%,#091d2b10 28%,#091d2bc9 43%,#091d2b 64%)}
 .horizon-copy{padding-top:260px}
 .horizon-eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:18px;gap:8px}
 .landing-next .horizon-copy h1{font-size:clamp(45px,10.7vw,70px);letter-spacing:-.055em;line-height:1.03}
 .landing-next .horizon-copy>p{font-size:13px;line-height:1.8;margin:19px 0 23px;max-width:370px}
 .horizon-actions{gap:16px;flex-wrap:wrap}.horizon-enter{padding:13px 16px;font-size:12px;gap:15px}.horizon-discover{font-size:11px;gap:8px}
 .horizon-note{font-size:9px;margin-top:14px}.horizon-footer{bottom:21px;padding-top:15px;gap:10px;align-items:flex-end}.horizon-live{gap:8px;flex-wrap:wrap;max-width:185px}.horizon-live .online-count{font-size:9px}.horizon-day{font-size:9px;padding-left:8px}.horizon-footer .motion-toggle{font-size:9px;white-space:nowrap}
 .horizon-mist{left:0;bottom:50%;height:20%}.horizon-mist.mist-far{bottom:65%}.horizon-motes{bottom:45%}.horizon-motes i:nth-child(n+12){display:none}
 .landing-next .news-spotlight{margin-block:20px 38px}
}
@media(max-width:370px){.horizon-copy{padding-top:215px}.landing-next .horizon-inner{padding-top:128px}.landing-next .horizon-copy h1{font-size:43px}.horizon-actions{gap:8px 16px}}
@media(max-width:400px){.landing-next .site-header{column-gap:8px}.landing-next .site-header .brand{gap:8px}.landing-next .site-header .brand b{font-size:18px}.landing-next .site-header .dragonball{width:34px;height:34px;font-size:23px}.landing-next .site-header .account-navigation{gap:6px}.landing-next .site-header .account-navigation>.text-link{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.horizon-landscape{transform:none!important}.landing-next .horizon-scene *{animation:none!important;transition:none!important}.horizon-motes{display:none}.landing-next .news-grid>*{transition:none!important;transform:none!important}}

.landing-next .site-header .account-navigation>.text-link{color:#d7e6e8}

/* Ultrawide: preserve the panorama's layout width; srcset supplies dense displays. */
@media(min-width:2000px){
 .horizon-landscape{inset:0 0 0 auto;width:min(100%,2172px);transform:translate(var(--scene-x,0px),var(--scene-y,0px));animation:none}
 .horizon-landscape img{position:absolute;top:50%;height:auto;max-height:100%;transform:translateY(-50%);object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,transparent,#000 9%,#000 82%,transparent);mask-composite:intersect}
}

/* News and the fight invitation share the first row; radar and development follow. */
.landing-next .landing-showcase { padding-top:20px; }
.landing-next .combat-teaser {
    grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;
    border-color:#769d9d55;background:radial-gradient(ellipse at 65% 10%,#376d7140,transparent 68%),linear-gradient(145deg,#183d4c,#112937);
    color:#edf5ef;isolation:isolate;
}
.landing-next .combat-teaser>.eyebrow { color:#a0dcd7;font-size:9px;letter-spacing:.19em;margin:0; }
.combat-glimpse { position:relative;display:grid;place-items:center;min-height:183px;margin:4px 0 8px;isolation:isolate; }
.combat-glimpse::before { content:"";position:absolute;inset:0 -20%;background:radial-gradient(ellipse,#71cfbd1f,transparent 60%);z-index:-1; }
.combat-glimpse-orbit { width:136px;height:136px;border:1px solid #b3ddd43b;border-radius:50%;box-shadow:0 0 0 12px #8fbcbd05,0 0 0 27px #8fbcbd05; }
.combat-glimpse-path { position:absolute;width:174px;height:116px;border:1px solid #d4c28d4a;border-top-color:#f9d692a6;border-radius:50%;transform:rotate(-35deg); }
.combat-glimpse-center { position:absolute;color:#d9efe2;font-size:45px;text-shadow:0 0 24px #7be6d59c; }
.combat-glimpse-spark { position:absolute;width:137px;height:137px;border:1px solid transparent;border-left-color:#a6eee5bb;border-radius:50%;animation:energy-spin 18s linear infinite; }
.combat-glimpse-spark::after { content:"";position:absolute;left:17px;top:14px;width:3px;height:3px;background:#d5fff0;border-radius:50%;box-shadow:0 0 11px #a6f7d8; }
.combat-glimpse i { position:absolute;left:16%;top:41%;height:1px;width:16%;background:linear-gradient(90deg,transparent,#aecfbc55); }
.combat-glimpse i:nth-last-child(2) { left:auto;right:16%;top:59%;transform:rotate(180deg); }
.combat-glimpse i:last-child { left:auto;right:12%;top:41%;width:4px;height:4px;border-radius:50%;background:#e9cd8866; }
.landing-next .combat-teaser h3 { max-width:350px;font-size:clamp(23px,2vw,29px);line-height:1.2;letter-spacing:-.035em;margin:0 0 14px;color:#f0f4e9; }
.landing-next .combat-teaser p { color:#bbd4d6;font-size:14px;line-height:1.85;margin:0 0 24px; }
.combat-demo-link { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding:17px 0 0;min-height:48px;background:transparent;border:0;border-top:1px solid #b2d8d229;color:#f2dbac;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer; }
.combat-demo-link>span:last-child { font-size:22px;font-weight:400;transition:transform .25s; }
.combat-demo-link:hover>span:last-child { transform:translate(3px,-3px); }
.combat-demo-link:focus-visible { outline:2px solid #f0d49a;outline-offset:5px;border-radius:4px; }
.invitation-entry-note { display:block;font-size:11px;color:var(--theme-muted,#526f78);line-height:1.6;margin-top:13px; }

/* A small light-theme correction for reading text, not a new palette. */
:root:not([data-theme="dark"]):not([data-theme="aura"]):not([data-theme="obsidian"]) .landing-next :is(.news-body p,.development-card>p,.launch-note,.showcase-heading>p,.style-copy p,.spotlight-story>span) { color:#526f78; }
:root:not([data-theme="dark"]):not([data-theme="aura"]):not([data-theme="obsidian"]) .landing-next .roadmap li:not(.current) { color:#567268; }
:root:not([data-theme="dark"]):not([data-theme="aura"]):not([data-theme="obsidian"]) .landing-next :is(.style-copy small,.lab-tag,.spotlight-story time) { color:#526f78; }
:root:not([data-theme="dark"]):not([data-theme="aura"]):not([data-theme="obsidian"]) .landing-next .demo-labels { fill:#526f78; }

@media(max-width:1000px) {
    .landing-next :is(.showcase-grid,.news-grid) { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
    .landing-next .combat-teaser { padding:27px; }
    .combat-glimpse { min-height:200px;margin-block:20px; }
    .landing-next .combat-teaser h3 { font-size:27px; }
}
@media(max-width:700px) {
    .landing-next :is(.showcase-grid,.news-grid) { grid-template-columns:minmax(0,1fr);gap:18px; }
    .landing-next .landing-showcase { padding-top:10px; }
    .landing-next .news-spotlight { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;padding:15px 18px;margin-block:18px 34px;border-left-width:3px;border-radius:13px; }
    .landing-next .spotlight-label { grid-column:1;gap:7px;font-size:7px;letter-spacing:.12em;line-height:1.5; }
    .landing-next .spotlight-label>span:first-child { font-size:16px; }
    .landing-next .spotlight-story { grid-column:1;display:block; }
    .landing-next .spotlight-story strong { display:block;font-size:13px;line-height:1.4; }
    .landing-next .spotlight-story time,.landing-next .spotlight-story>span { display:none; }
    .landing-next .spotlight-action { grid-column:2;grid-row:1/3;align-self:center;font-size:0;margin:0; }
    .landing-next .spotlight-action>span { font-size:22px;margin:0; }
    .landing-next .showcase-grid { gap:18px; }
    .landing-next .combat-teaser { padding:24px; }
    .combat-glimpse { min-height:175px;margin-block:4px 12px; }
    .landing-next .combat-teaser h3 { max-width:300px;font-size:27px; }
    .landing-next .combat-teaser p { margin-bottom:22px; }
    .invitation-entry-note { max-width:230px; }
}