:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;--surface:#070d14b8;--surface-strong:#090f18db;--line:#a8d2ff1f;--line-strong:#7ef6e72e;--shadow:0 18px 70px #00000057, 0 2px 0 #ffffff05;--shadow-strong:0 28px 96px #0000007a, 0 6px 24px #0000003d;--accent:#7af6e8;--accent-warm:#f0c36f;background:#02070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#02070d;min-width:320px;margin:0}button,input,textarea,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}#root{min-height:100svh}.earth23-app{isolation:isolate;background:linear-gradient(#02070d2e,#02070d8f 28%,#02070de6 100%),linear-gradient(90deg,#080c13ad,#080c1333 50%,#080c13ad),url(/assets/earth23-background-QoOhFT3M.png) 50%/cover no-repeat;min-height:100svh;position:relative;overflow:hidden}.earth23-app:before,.earth23-app:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.earth23-app:before{background:radial-gradient(circle at 50% 45%,#80eedc24 0%,#80eedc0d 14%,#80eedc00 36%),radial-gradient(circle at 50% 52%,#ffffff0d 0%,#fff0 22%),radial-gradient(#02070d00 32%,#02070d66 68%,#02070dd6 100%)}.earth23-app:after{opacity:.9;background:linear-gradient(#03080d1f,#03080d85),radial-gradient(circle at 50% 0,#ffffff0d,#0000 32%)}.aurora,.grid-overlay,.site-header,.earth23-layout,.site-footer,.hero-panel,.section-panel,.hero-board,.hero-copy,.hero-visual,.earth23-stage,.earth23-stage:before,.earth23-stage:after,.earth23-orb,.earth23-ring,.earth23-pulse{z-index:1;position:relative}.skip-link{z-index:20;background:#101926;border:1px solid #7ef6e747;border-radius:999px;padding:10px 14px;transition:transform .15s;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.aurora{filter:blur(30px);opacity:.8;border-radius:999px;animation:18s ease-in-out infinite float;position:absolute}.aurora-a{background:radial-gradient(circle,#42f5be47,#0000 66%);width:42rem;height:42rem;top:-12rem;left:-10rem}.aurora-b{background:radial-gradient(circle,#4884ff3d,#0000 66%);width:36rem;height:36rem;animation-delay:-6s;top:4rem;right:-8rem}.grid-overlay{opacity:.18;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:100% 4rem,4rem 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 28%,#0000 92%);mask-image:radial-gradient(circle,#000 28%,#0000 92%)}.site-header,.earth23-layout,.site-footer{width:min(1200px,100% - 2rem);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0 .75rem;display:flex}.brand-lockup{align-items:center;gap:.9rem;display:inline-flex}.brand-mark{width:3rem;height:3rem;box-shadow:var(--shadow);color:var(--accent);letter-spacing:.12em;background:linear-gradient(#1c2b3ce0,#0a111cf5),#080d15b8;border:1px solid #7ef6e738;border-radius:14px;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:inline-flex}.brand-lockup p,.brand-lockup strong{margin:0}.brand-lockup p{color:#8fa2b5;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.brand-lockup strong{letter-spacing:.02em;margin-top:.15rem;font-size:1.18rem;display:block}.site-nav{-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#090f1899;border:1px solid #9bbedc24;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem;display:inline-flex}.site-nav a{color:#c8d4df;border-radius:999px;padding:.68rem .9rem;transition:background .16s,color .16s,transform .16s}.site-nav a:hover{color:#f6fbff;background:#7ef6e71a;transform:translateY(-1px)}.earth23-layout{gap:1.2rem;padding:1rem 0 1.5rem;display:grid}.hero-panel{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:1.2rem;display:grid}.hero-copy,.hero-board,.section-panel,.site-footer{box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);background:linear-gradient(145deg,#ffffff12,#0000 42%),linear-gradient(#0a1018db,#080b10f2);border:1px solid #a8d2ff1f;border-radius:24px}.hero-copy{align-content:center;gap:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;overflow:hidden}.hero-copy:before{content:"";opacity:.8;background:linear-gradient(90deg,#ffffff2e,#7ef6e78f,#ffffff1f);height:1px;position:absolute;inset:1rem 1rem auto}.eyebrow{color:#9db3c4;text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.74rem;font-weight:700}.eyebrow.compact{font-size:.68rem}.hero-copy h1{letter-spacing:-.05em;text-wrap:balance;text-shadow:0 16px 40px #00000059;max-width:11ch;margin:0;font-size:clamp(3rem,8vw,6.4rem);line-height:.94}.hero-intro{color:#d3dde7;max-width:64ch;margin:0;font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.7}.hero-actions,.buy-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.primary-action,.secondary-action,.ghost-action{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.82rem 1.1rem;transition:transform .16s,background .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.primary-action{color:#061115;background:linear-gradient(#4dc8a8fa,#1d7f6efa);border-color:#b1ffee47;font-weight:800;box-shadow:0 12px 30px #00000038,inset 0 1px #ffffff29}.primary-action:hover{transform:translateY(-1px);box-shadow:0 16px 36px #00000047,inset 0 1px #ffffff29}.secondary-action{color:#edf5fb;background:#101923b8;border-color:#88a0b42e}.secondary-action:hover,.ghost-action:hover{color:#fff;border-color:#7ef6e742;transform:translateY(-1px)}.ghost-action{color:#a9becd;background:0 0;border-color:#0000;padding-inline:.2rem}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.stat-card{background:#070e16c2;border:1px solid #a8d2ff1f;border-radius:18px;padding:1rem 1rem .95rem}.stat-card strong,.stat-card span{display:block}.stat-card strong{color:#f6fbff;font-size:1.04rem}.stat-card span{color:#97a9ba;margin-top:.28rem;font-size:.86rem}.hero-visual{min-height:100%}.hero-board{align-content:space-between;gap:1rem;min-height:100%;padding:1.25rem;display:grid;overflow:hidden}.hero-board:before{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:20px;position:absolute;inset:1rem}.hero-board-copy{gap:.75rem;display:grid}.hero-board-copy h2,.section-heading h2,.buy-copy h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.05}.hero-board-copy ul,.era-card ul{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.hero-board-copy li,.era-card li{color:#c6d4e1;padding-left:1rem;line-height:1.55;position:relative}.hero-board-copy li:before,.era-card li:before{content:"";background:linear-gradient(#7ef6e7fa,#7ef6e78a);border-radius:999px;width:.4rem;height:.4rem;position:absolute;top:.68rem;left:0;box-shadow:0 0 0 4px #7ef6e714}.earth23-stage{background:radial-gradient(circle at 50% 46%,#ffffff14 0%,#fff0 34%),radial-gradient(circle at 50% 52%,#58b8ff14,#0000 48%),linear-gradient(#050b122e,#050b129e);border:1px solid #a8d2ff1c;border-radius:20px;min-height:20rem;overflow:hidden}.earth23-stage:before,.earth23-stage:after{content:"";border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.earth23-stage:before{filter:blur(10px);background:radial-gradient(circle,#82dcff1f,#0000 68%);width:min(58vw,28rem);height:min(58vw,28rem)}.earth23-stage:after{filter:blur(18px);background:radial-gradient(circle,#78ffd80f,#0000 72%);width:min(70vw,34rem);height:min(70vw,34rem)}.earth23-orb{background:radial-gradient(circle at 30% 30%,#ffffffeb,#ffffff29 22%,#ffffff0a 44%,#0000 72%),radial-gradient(circle at 60% 40%,#78ffdc80,#4884ff33 58%,#02070d00 74%);border-radius:999px;width:min(18vw,8rem);height:min(18vw,8rem);animation:6.5s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #bef0ff2e,0 0 48px #78ffdc3d,0 0 120px #4884ff24}.earth23-ring,.earth23-pulse{border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.earth23-ring{border:1px solid #b4e6ff24}.earth23-ring-a{width:min(34vw,18rem);height:min(34vw,18rem);animation:28s linear infinite spin;box-shadow:inset 0 0 0 1px #ffffff08}.earth23-ring-b{opacity:.55;border-style:dashed;border-color:#a0d2ff2e;width:min(44vw,24rem);height:min(44vw,24rem);animation:38s linear infinite spinReverse}.earth23-pulse{border:1px solid #8cd2ff1a}.earth23-pulse-a{width:min(52vw,26rem);height:min(52vw,26rem);animation:7.5s ease-out infinite ripple}.earth23-pulse-b{width:min(62vw,32rem);height:min(62vw,32rem);animation:7.5s ease-out -3.75s infinite ripple}.section-panel{gap:1rem;padding:clamp(1.2rem,2vw,1.6rem);display:grid}.section-heading{gap:.45rem;display:grid}.section-heading p,.section-heading h2,.buy-copy p{margin:0}.section-heading h2{max-width:18ch}.feature-grid,.era-grid,.battle-grid,.devlog-list{gap:.9rem;display:grid}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.era-card,.battle-card,.devlog-card{background:#070e16b8;border:1px solid #a8d2ff1f;border-radius:18px;padding:1rem;box-shadow:0 12px 28px #0003}.feature-card h3,.era-card h3,.battle-card h3,.devlog-card h3{margin:0;font-size:1.08rem}.feature-card p,.era-card p,.battle-card p,.devlog-card p,.buy-copy p{color:#c7d4e0;line-height:1.65}.feature-card p{margin:.65rem 0 0}.era-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.era-label,.devlog-tag{color:#99f4e7;letter-spacing:.12em;text-transform:uppercase;background:#7ef6e714;border:1px solid #7ef6e724;border-radius:999px;align-items:center;width:fit-content;margin:0 0 .75rem;padding:.35rem .6rem;font-size:.72rem;display:inline-flex}.era-card h3{margin:0}.era-card ul{margin-top:.8rem}.battle-grid,.devlog-list{grid-template-columns:repeat(3,minmax(0,1fr))}.devlog-card{align-content:start;display:grid}.buy-panel{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center}.buy-copy{gap:.8rem;display:grid}.buy-copy p{max-width:62ch}.buy-actions{justify-content:flex-start}.site-footer{color:#8fa2b5;border-radius:18px;justify-content:space-between;gap:.75rem;margin:0 auto 1.5rem;padding:1rem 1.1rem;font-size:.9rem;display:flex}@keyframes float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(1rem)scale(1.05)}}@keyframes pulse{0%,to{opacity:.95;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes spinReverse{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}@keyframes ripple{0%{opacity:.82;transform:translate(-50%,-50%)scale(.82)}70%{opacity:.18}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}@media (width<=1120px){.hero-panel,.buy-panel{grid-template-columns:1fr}.era-grid,.battle-grid,.devlog-list,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-header,.site-footer,.earth23-layout{width:min(100%,100% - 1rem)}.site-header,.site-footer{flex-direction:column;align-items:stretch}.site-nav{justify-content:space-between;width:100%;overflow-x:auto}.hero-copy h1{max-width:none;font-size:clamp(2.7rem,14vw,4.4rem)}.hero-stats,.feature-grid,.era-grid,.battle-grid,.devlog-list{grid-template-columns:1fr}.hero-actions,.buy-actions{flex-direction:column;align-items:stretch}.primary-action,.secondary-action,.ghost-action{width:100%}.earth23-stage{min-height:16rem}.buy-panel{gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora,.earth23-orb,.earth23-ring-a,.earth23-ring-b,.earth23-pulse-a,.earth23-pulse-b{animation:none!important}}