:root{font-family:Arial,Helvetica,sans-serif;color:#d9dfd4;background:#0b1110;font-synthesis:none;--green: #c2ee91;--muted: #87958a;--line: #2a352e;--ui-scale: 1;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{border:0;background:none}html{scroll-behavior:smooth;scroll-padding-top:85px}::selection{background:#9fc770;color:#0b1110}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #ffffff13;position:absolute;top:0;z-index:3;width:100%;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-size:22px;letter-spacing:3px;font-weight:800}.site-header nav{display:flex;gap:34px;font-size:12px;color:#acb6a9}.site-header nav a:hover{color:var(--green)}.header-play{border:1px solid #8baf6c;padding:13px 18px;font:11px monospace;letter-spacing:2px;display:flex;gap:35px;color:var(--green)}.hero{position:relative;min-height:850px;height:100vh;max-height:1100px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;background:url(/art/hero.svg) center right/cover no-repeat;opacity:.93}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b1110 0%,transparent 28%),linear-gradient(90deg,#0b111055,transparent 70%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#c2ee9108 1px,transparent 1px),linear-gradient(90deg,#c2ee9108 1px,transparent 1px);background-size:110px 110px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}.hero-content{position:relative;z-index:1;padding:177px 0 120px 9%;max-width:820px}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--green);line-height:1.8;margin:0 0 24px;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 9px #c2ee9155;flex-shrink:0}h1{font-size:clamp(56px,6.1vw,96px);letter-spacing:-5px;line-height:.99;font-weight:500;margin:0}em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--green)}h1 span{display:block;font-size:25px;letter-spacing:-.4px;margin-top:20px;color:#a7b3a2}.hero-copy{color:#a1afa0;font-size:15px;line-height:1.8;margin:30px 0}.hero-actions{display:flex;gap:28px;align-items:center}.primary{background:var(--green);color:#142014;min-height:48px;padding:17px 23px;font:11px monospace;font-weight:700;letter-spacing:1.3px;display:inline-flex;align-items:center;justify-content:center;gap:30px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.primary:hover{background:#daffb0}.text-button{font-size:12px;padding:13px 0;color:#bbc8b7}.text-button:hover{color:var(--green)}.text-button span{margin-left:16px}.micro{font:9px monospace;letter-spacing:1px;color:#7c8c7e;line-height:1.8}.micro span{padding:0 10px}.hero-content .micro{margin-top:24px}.hero-coordinate{position:absolute;right:6%;bottom:165px;z-index:1;border-right:1px solid #8aab73;padding-right:17px;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.hero-coordinate span{font:11px monospace;letter-spacing:4px}.hero-coordinate b{font:8px monospace;color:#94a58b;letter-spacing:1px}.hero-bottom{z-index:1;position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.5px;color:#6c806c}.hero-bottom a{color:#b5c2a9}.section{padding:95px 9%}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.intro h2,h2{font-size:clamp(32px,3.5vw,51px);line-height:1.15;font-weight:400;letter-spacing:-1.8px;margin:0 0 20px}.intro>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:450px}.pillars{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.pillars article{padding:30px 30px 35px;background:#101813;position:relative;border:1px solid #263426}.index{font:9px monospace;letter-spacing:1px;color:#6d806d}.pillar-symbol{font:80px Georgia;color:#8fae75;height:100px;line-height:100px;margin:5px 0}.genome-symbol{font-size:90px}h3{font-size:18px;font-weight:500;letter-spacing:-.3px}.pillars p{font-size:13px;line-height:1.8;color:#889886;margin-bottom:25px}.tag{display:inline-block;font:8px monospace;letter-spacing:1.5px;border:1px solid #46543b;color:#a2b68e;padding:7px 9px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-top p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}.creatures-section{border-top:1px solid var(--line);background:#0d1510}.creature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.creature-card{text-align:left;background:radial-gradient(ellipse at 50% 55%,#34412a66,transparent 70%),#121b14;padding:20px 20px 23px;border:1px solid #2b3929;transition:background .2s,transform .2s;position:relative;overflow:hidden}.creature-card:hover{transform:translateY(-4px);border-color:#789362;background-color:#1b2518}.specimen{font:8px monospace;letter-spacing:1.2px;color:#71836b}.creature-card img{display:block;width:100%;height:190px;object-fit:contain;margin:10px 0}.creature-name{display:flex;justify-content:space-between;font-size:18px;margin-bottom:7px}.creature-name span{color:#9dbd7b;font-size:14px}.creature-role{font-size:10px;color:#7e9076;display:block;min-height:25px}.element{font:8px monospace;letter-spacing:1.4px;color:#bad198;display:block;margin-top:12px}.world-section{display:grid;grid-template-columns:1.1fr 1fr;min-height:490px;border-block:1px solid var(--line)}.world-image{background:linear-gradient(90deg,transparent 70%,#0b1110),url(/art/ebon-wild.svg) 70% 40%/150%;min-height:420px}.world-copy{padding:80px 14% 75px 12%;align-self:center}.world-copy p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:30px}.news{border-block:1px solid var(--line);padding:30px 0;display:flex;align-items:center;gap:35px}.news h3{margin:0 0 10px;font-size:22px}.news p{font-size:12px;color:var(--muted)}.news>.micro{margin-left:auto}.cta{text-align:center;background:radial-gradient(ellipse at bottom,#293c2040,transparent 70%);border-block:1px solid var(--line);padding-block:85px 100px}.cta .eyebrow{justify-content:center}.cta h2{font-size:64px;line-height:1.05;margin-bottom:32px}.site-footer{padding:45px 5.5% 25px}.site-footer>.brand{font-size:18px}.footer-links{display:flex;gap:23px;justify-content:flex-end;margin-top:-25px;flex-wrap:wrap}.footer-links button{color:#9ba793;font-size:10px;padding:5px 0}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:40px;padding-top:23px;font:9px monospace;color:#6d7d69;gap:20px}.status-inline{color:#a2c47f}.overlay{position:fixed;inset:0;background:#040a08bb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}.panel{background:linear-gradient(145deg,#19231b,#101812);border:1px solid #44523b;box-shadow:0 30px 100px #0009;width:min(850px,100%);max-height:90vh;overflow:auto;padding:48px;position:relative;font-size:calc(14px * var(--ui-scale));line-height:1.7}.panel .eyebrow{margin-bottom:12px}.panel h2{font-size:38px}.panel h3{margin-bottom:8px}.close{position:absolute;right:17px;top:12px;font-size:28px;color:#a3b295;width:35px;height:35px}.muted{color:var(--muted);font-size:13px;line-height:1.8}.panel form label{display:block;margin:20px 0 12px;font-size:12px;color:#afbea3}.panel label span{font-size:10px;color:#7e8f76;margin-left:10px}input:not([type=range]):not([type=checkbox]),select{width:100%;margin-top:8px;padding:13px;background:#0a130d;border:1px solid #3b4d34;border-radius:0;color:#d6e4ca}input::placeholder{color:#63735e}.form-actions{display:flex;gap:20px;margin:25px 0}.secondary{border:1px solid #5d704b;padding:13px 22px;font:11px monospace;color:#becfad}.specimen-detail{display:flex;align-items:center;gap:30px}.specimen-detail img{width:45%}.specimen-detail p{font-size:13px;color:var(--muted)}#auth-status{color:#dcba8b;font-size:12px}.in-game{overflow:hidden}.game-shell{position:relative;height:100dvh;background:#12211d;overflow:hidden}#game-canvas{position:absolute;inset:0}#game-canvas canvas{display:block}.game-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:23px 30px;background:linear-gradient(#07110ddf,transparent);pointer-events:none}.game-header>*{pointer-events:auto}.game-header .brand{font-size:15px;letter-spacing:3px}.game-header .brand img{width:23px;height:23px}.location{display:flex;align-items:center;gap:12px;font:9px monospace;letter-spacing:1.5px;color:#b2c5a6}.location>span:last-child{color:#6c8065;padding-left:20px}.icon-button{font-size:23px;color:#c0d1ad;width:40px;height:40px}.player-hud{position:absolute;top:100px;left:34px;width:230px;background:#09140bb0;padding:16px 20px;border-left:2px solid #95b26d}.player-title{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.5px;color:#c7d9b4;margin-bottom:12px}.health-track,.shield-track{height:7px;background:#303d2b;overflow:hidden}.health-track>div{height:100%;background:#bddc8c;transition:width .15s}.shield-track{height:3px;margin-top:5px;background:#243c37}.shield-track>div{height:100%;background:#88b8b2;transition:width .15s}.vitals{display:flex;justify-content:space-between;font:10px monospace;color:#b4c9a0;margin-top:10px}.objective{position:absolute;top:105px;right:34px;width:250px;border-top:1px solid #6a8054;padding-top:13px;text-shadow:0 2px 3px #07110b}.objective .eyebrow{font-size:8px;margin-bottom:9px}.objective h3{font-size:15px;line-height:1.4;margin:0 0 9px}.objective p:not(.eyebrow){font-size:12px;color:#a4b493;line-height:1.6}.objective>span{font:8px monospace;letter-spacing:1px;color:#a3c97e}.control-hint{position:absolute;bottom:130px;left:32px;display:flex;align-items:center;gap:5px;font:9px monospace;color:#b0c19b;text-shadow:0 1px 3px black}.control-hint i{width:14px}kbd{font:9px monospace;border:1px solid #657953;padding:4px 5px;background:#142015b0;color:#c4d7b1;white-space:nowrap}.weapon-hud{position:absolute;bottom:34px;left:34px;min-width:190px;background:#0a150ccf;padding:18px;border-left:2px solid #b4d888}.weapon-hud .eyebrow{font-size:7px;margin:0 0 8px;color:#95ab83}.weapon-hud h3{margin:0 0 8px;font-size:20px}.weapon-hud>div{font:8px monospace;color:#92a880;letter-spacing:1px}.game-dock{display:flex;gap:1px;position:absolute;bottom:27px;left:50%;transform:translate(-50%);background:#0a160dd9;border:1px solid #4b6040;box-shadow:0 8px 25px #0005;padding:5px}.game-dock button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:77px;padding:10px 5px;font-size:9px;color:#a8bc96;position:relative}.game-dock button:hover{background:#37492c}.game-dock button>span{font-size:24px;height:25px;color:#b4cf97}.game-dock kbd{position:absolute;top:1px;right:3px;border:0;font-size:7px;background:none;color:#789064}.panel-tabs{display:flex;gap:25px;font-size:12px;border-bottom:1px solid var(--line);padding:15px 0 20px;margin-bottom:25px;color:#839776}.panel-tabs b{color:var(--green);font-weight:400}.panel-foot{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font:10px monospace;color:#9cb487;flex-wrap:wrap}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:160px}.inventory-grid>p{grid-column:1/-1}.inventory-item{padding:20px;background:#1d2d1b;border:1px solid #3a5030}.inventory-item h3{font-size:13px}.inventory-item>span:last-child{color:#b8d38e;font:12px monospace}.item-sigil{font-size:30px;color:#c0dc98}.facility-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.facility-grid article{background:#1b291a;border:1px solid #374930;padding:20px}.facility-grid h3{font-size:18px}.facility-grid p{font-size:12px;color:#9aad8c}.ora{padding:18px;border-left:1px solid #96b773;background:#c0ee9107;font-size:12px;color:#a7bb95;margin:25px 0}.ora span{color:var(--green);margin-right:15px}.research-list article,.gene-list article{display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0}.research-list h3,.gene-list h3{font-size:14px;margin:0}.research-list p,.gene-list p{font-size:11px;color:#8fa37f;margin:7px 0}.research-list .tag{white-space:nowrap;font-size:7px}.empty-state{text-align:center;padding:30px;color:#93a780;font-size:13px;line-height:1.9}.codex-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.codex-grid article{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:10px}.codex-grid h3{font-size:13px;margin:0}.codex-grid p{font:8px monospace;color:#7d936e}.key-list>div{display:flex;align-items:center;gap:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.key-list kbd{min-width:125px;text-align:center}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.settings-form label{margin:5px 0!important}.settings-form input[type=range]{display:block;width:100%;margin-top:18px;accent-color:#badc90}.settings-form .muted,.settings-form .primary,.remap-grid{grid-column:1/-1}.remap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.checkbox{display:flex!important;align-items:center;gap:10px}input[type=checkbox]{accent-color:#badc90}.run-summary{display:flex;gap:50px;margin:30px 0}.run-summary div{display:flex;flex-direction:column}.run-summary b{font:45px Georgia;color:var(--green)}.run-summary span{font-size:11px;color:#90a47f}#toast{position:fixed;bottom:150px;left:50%;transform:translate(-50%) translateY(15px);max-width:90vw;background:#1d2e18f0;border:1px solid #657e4a;padding:15px 25px;color:#d4edbb;z-index:150;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#reconnect{position:absolute;inset:0;background:#08100de8;z-index:40;text-align:center;padding:25vh 30px}#reconnect[hidden]{display:none}#reconnect p{color:var(--muted)}@media(min-width:1600px){.hero-content{padding-top:210px}.hero{min-height:950px}.hero-content h1{font-size:110px}}@media(max-width:1050px){.site-header nav{gap:20px}.hero-content{padding-left:6%}.section{padding-inline:6%}.intro{gap:35px}.creature-grid{grid-template-columns:repeat(4,1fr);gap:8px}.creature-card{padding:15px 12px}.creature-card img{height:145px}.creature-name{font-size:15px}.game-dock{left:auto;right:25px;transform:none}.game-dock button{min-width:62px}.footer-links{margin-top:25px;justify-content:flex-start}.hero{min-height:800px}.weapon-hud{min-width:150px}.control-hint{font-size:8px}}@media(max-width:700px){.site-header{height:75px;padding-inline:6%;gap:15px}.site-header nav{display:none}.brand{font-size:18px}.header-play{gap:15px}.hero{min-height:830px;height:auto}.hero-content{padding:145px 6% 160px}.hero-content h1{font-size:64px;letter-spacing:-3px}.hero-art{background-position:60% center;opacity:.5}.hero-copy{font-size:13px}.hero-actions{gap:18px}.primary{font-size:10px;gap:15px}.hero-coordinate{bottom:85px;right:7%}.hero-bottom{font-size:7px}.hero-bottom span{display:none}.section{padding:65px 6%}.intro{grid-template-columns:1fr;gap:10px}.intro>p{max-width:100%}.pillars{grid-template-columns:1fr;padding-top:0;gap:12px}.pillars article{padding:25px}.pillar-symbol{float:right;font-size:60px;height:60px;line-height:60px}.section-top{display:block;margin-bottom:25px}.section-top h2{margin-bottom:15px}.creature-grid{grid-template-columns:1fr 1fr;gap:10px}.creature-card img{height:150px}.world-section{grid-template-columns:1fr}.world-image{min-height:280px;background-size:cover}.world-copy{padding:35px 6% 55px}.news{align-items:flex-start;gap:20px;flex-wrap:wrap}.news h3{font-size:20px}.news>.micro{margin-left:0}.cta h2{font-size:50px}.footer-links{gap:15px}.footer-bottom{flex-wrap:wrap;font-size:8px}.overlay{padding:15px}.panel{padding:40px 25px;max-height:92dvh}.panel h2{font-size:29px}.specimen-detail{display:block}.specimen-detail img{width:70%;display:block;margin:auto}.game-header{padding:15px}.game-header .brand{font-size:11px;letter-spacing:1px}.location{font-size:7px;gap:7px}.location>span:last-child{display:none}.player-hud{top:80px;left:16px;width:180px;padding:12px 15px}.objective{right:16px;top:85px;width:150px}.objective h3{font-size:12px}.objective p:not(.eyebrow){font-size:10px}.objective>span{font-size:6px}.game-dock{right:12px;left:12px;bottom:15px;justify-content:space-around}.game-dock button{min-width:0;flex:1;font-size:8px}.weapon-hud{bottom:110px;left:16px;padding:12px;min-width:140px}.weapon-hud h3{font-size:15px}.control-hint{display:none}.facility-grid,.codex-grid,.settings-form{grid-template-columns:1fr}.remap-grid{grid-template-columns:1fr 1fr}.research-list .tag{font-size:6px;padding:5px}.research-list h3{font-size:12px}.inventory-grid{grid-template-columns:1fr 1fr}.key-list>div{gap:12px}.key-list kbd{min-width:100px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}