:root{color-scheme:dark;--bg:#11130f;--surface:#181b15;--text:#f0f0e9;--muted:#a6ada0;--accent:#d7e8ac;--line:#33392d;--radius:4px;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:90px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button{border:0;background:none}img{display:block;max-width:100%}canvas{display:block}h1,h2,h3,p,figure{margin:0}button,a,summary{touch-action:manipulation}::selection{color:var(--bg);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:96px;max-height:80px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:650;letter-spacing:.12em;white-space:nowrap}.brand span{display:block;font:9px/1.8 ui-monospace,monospace;letter-spacing:.24em;color:var(--muted)}nav{display:flex;gap:38px;font-size:13px}nav a{padding:12px 0}nav a:hover,.text-link:hover,.footer>a:last-child:hover{color:var(--accent)}.motion-toggle{font-size:12px;color:var(--muted);padding:10px 0 10px 20px;border-left:1px solid var(--line)}.motion-toggle:hover{color:var(--text)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:15px}
.hero{position:relative;isolation:isolate;min-height:660px;height:min(760px,calc(100dvh - 80px));display:flex;align-items:center}.hero-image{position:absolute;z-index:-2;right:-56px;top:0;width:85%;height:100%;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,#11130fa3 25%,transparent 54%),linear-gradient(0deg,var(--bg),transparent 18%,transparent 88%,#11130f66)}#wanderers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.hero-copy{position:relative;padding:30px 0 60px}.eyebrow{font-size:12px;color:var(--accent);letter-spacing:.14em;margin-bottom:30px}h1{font-size:clamp(56px,6vw,84px);letter-spacing:-.06em;font-weight:600;line-height:1.17}h1 span{color:var(--accent)}.hero-desc{font-size:16px;line-height:1.9;color:#c4c9bd;margin-top:28px}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 24px;font-size:14px;border-radius:var(--radius);white-space:nowrap;transition:background .2s,transform .2s}.primary{background:var(--accent);color:#182015;font-weight:600}.primary:hover{background:#e6f2c9;transform:translateY(-2px)}.text-link{font-size:13px;color:#c4c9bd;display:flex;gap:16px;align-items:center}.section{padding:116px 0;border-top:1px solid var(--line)}.section-heading{margin-bottom:48px}.section-heading h2,h2{font-weight:500;font-size:clamp(34px,3.8vw,52px);line-height:1.25;letter-spacing:-.045em}.section-heading p{font-size:15px;line-height:1.85;color:var(--muted);margin-top:23px}.ecology .section-heading{padding-left:10%}
.habitat{position:relative;overflow:hidden;background:#1b2118;box-shadow:inset 0 0 100px #0d120d70;border:1px solid #343d2b;border-radius:var(--radius);height:480px}.habitat-top,.habitat-bottom{position:absolute;z-index:1;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:12px;color:#bbc5ac}.habitat-top{top:22px}.habitat-bottom{bottom:20px}.habitat-top>span{color:var(--text)}#population{font:12px ui-monospace,monospace}.scene-tag{opacity:.7}#colony{width:100%;height:100%;cursor:crosshair;touch-action:pan-y}.play-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{padding:11px 17px;border:1px solid var(--line);border-radius:var(--radius);font-size:12px;display:flex;align-items:center;gap:18px;transition:border-color .2s,background .2s}.tools button:hover{border-color:var(--accent);background:#242b1c}.tools button span{color:var(--accent);font-size:16px}.play-controls>p{font-size:12px;color:var(--muted)}.power-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;padding:70px 0 0}.number{display:block;font-size:72px;font-weight:400;line-height:1.2;letter-spacing:-.07em;font-family:Arial,sans-serif;color:var(--accent)}.number>span{font-size:17px;letter-spacing:0;margin-left:12px;color:var(--muted)}.power-grid h3{font-size:22px;font-weight:500;margin:20px 0 12px;letter-spacing:-.025em}.power-grid p{max-width:390px;font-size:14px;line-height:1.85;color:var(--muted)}
.specimens{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.specimens figure{min-width:0}.specimens canvas{width:100%;height:auto;aspect-ratio:420/540;filter:drop-shadow(0 14px 10px #080b0777)}figcaption{padding-top:16px}figcaption h3{font-size:19px;font-weight:500}.latin{display:block;font:11px/1.8 ui-monospace,monospace;color:var(--muted);margin:8px 0 14px}figcaption p{font-size:12px;color:#b9bfaf}.species-note{font-size:12px;color:var(--muted);margin-top:48px}.download{display:grid;grid-template-columns:.9fr 1.2fr;column-gap:10%;row-gap:60px}.download-intro .eyebrow{margin-bottom:24px}.download-intro h2{font-size:48px}.download-intro>p:last-child{font-size:14px;color:var(--muted);margin-top:25px}.download-list{padding-top:10px}.download-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.download-row:first-child{padding-top:0}.platform h3{font-size:23px;font-weight:450;letter-spacing:-.035em}.platform h3 span{font-size:12px;color:var(--muted);margin-left:8px;letter-spacing:0}.platform p{font-size:12px;color:var(--muted);margin-top:10px}.platform p span{margin-left:16px}.download-button{border:1px solid #566144;color:var(--accent);font-size:12px;padding:13px 17px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:20px;white-space:nowrap;transition:color .2s,background .2s}.download-button:hover{background:var(--accent);color:var(--bg)}.release-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px}.faq{grid-column:2}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:19px;color:var(--muted)}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);line-height:1.9;padding:16px 25px 0 0}.footer{border-top:1px solid var(--line);padding:38px 0 50px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand{font-size:20px}.footer p,.footer>a:last-child{font-size:12px;color:var(--muted)}dialog{width:min(460px,calc(100vw - 40px));padding:45px 32px 32px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius)}dialog::backdrop{background:#050703c9;backdrop-filter:blur(5px)}dialog .eyebrow{margin-bottom:18px}dialog h2{font-size:27px}dialog>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;margin:20px 0 30px}.dialog-close{position:absolute;right:15px;top:8px;font-size:26px;padding:8px}.dialog-confirm{width:100%;justify-content:center}.noscript{padding:20px;color:var(--muted)}
@media(min-width:1440px){.hero-image{right:calc((1280px - 100vw)/2);width:100%}}
@media(max-width:1023px){.wrap{width:calc(100% - 64px)}nav{gap:22px}.hero{min-height:610px}.hero-image{right:-32px;width:100%}.hero-image:after{background:linear-gradient(90deg,var(--bg),#11130fcc 25%,#11130f33 80%),linear-gradient(0deg,var(--bg),transparent 20%)}h1{font-size:68px}.section{padding:85px 0}.play-controls{align-items:flex-start}.play-controls>p{max-width:110px;line-height:1.7}.specimens{gap:16px}.latin{font-size:9px}.download{column-gap:6%}.download-intro h2{font-size:40px}.download-row{gap:14px}.platform h3 span{display:block;margin:5px 0 0}.platform p span{display:none}.download-button{padding:12px;gap:12px}}
@media(max-width:767px){:root{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header{height:76px}.brand{font-size:20px}nav{gap:0}nav a{display:none}nav a:last-child{display:block;font-size:12px}.motion-toggle{font-size:11px;padding-left:12px}.hero{height:auto;min-height:720px;align-items:flex-start;padding-top:52px}.hero-copy{padding:0;max-width:100%}.eyebrow{font-size:11px;margin-bottom:24px}h1{font-size:clamp(47px,12vw,70px)}.hero-desc{font-size:13px;margin-top:24px}.hero-actions{gap:24px;margin-top:28px;flex-wrap:wrap}.button{padding:15px 19px;font-size:13px;gap:24px}.text-link{font-size:11px;gap:8px}.hero-image{right:-20px;top:280px;width:calc(100% + 40px);height:440px}.hero-image img{object-position:70% center}.hero-image:after{background:linear-gradient(180deg,var(--bg),#11130f22 35%,#11130f00 70%,var(--bg)),linear-gradient(90deg,#11130f66,transparent 30%)}.section{padding:70px 0}.section-heading{margin-bottom:32px}.ecology .section-heading{padding-left:0}.section-heading h2,h2{font-size:35px}.section-heading p{font-size:13px;margin-top:19px}.habitat{height:370px}.habitat-top,.habitat-bottom{left:14px;right:14px;font-size:10px}.habitat-bottom .scene-tag{display:none}#population{font-size:10px}.play-controls{display:block}.tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tools button{justify-content:space-between;font-size:12px;padding:12px 14px}.play-controls>p{max-width:none;margin-top:14px;font-size:11px}.power-grid{grid-template-columns:1fr 1fr;gap:24px;padding-top:48px}.number{font-size:50px}.number>span{font-size:13px;margin-left:5px}.power-grid h3{font-size:17px;line-height:1.5;margin-top:18px}.power-grid p{font-size:12px;line-height:1.9}.specimens{grid-template-columns:1fr 1fr;gap:36px 20px}.specimens canvas{aspect-ratio:420/520}figcaption{padding-top:8px}figcaption h3{font-size:17px}.latin{font-size:9px;letter-spacing:-.02em;white-space:nowrap}figcaption p{font-size:11px;line-height:1.8}.species-note{font-size:11px;line-height:1.8;margin-top:35px}.download{grid-template-columns:1fr;gap:32px}.download-intro h2{font-size:42px}.download-intro>p:last-child{font-size:13px;margin-top:20px}.download-list{padding-top:12px}.download-row{padding:24px 0}.platform h3{font-size:23px}.platform h3 span{display:inline;font-size:11px;margin-left:8px}.platform p{font-size:11px}.download-button{font-size:11px;padding:13px;gap:14px}.faq{grid-column:auto}.footer{display:grid;grid-template-columns:1fr auto;padding:30px 0}.footer p{grid-row:2;grid-column:1/-1;font-size:11px}.footer>a:last-child{font-size:10px}.footer .brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
html.motion-paused{scroll-behavior:auto}html.motion-paused *{animation:none!important;transition:none!important}