:root{--bg:#0c120d;--panel:#121b14;--line:#27352a;--text:#f1f3ec;--muted:#9fac9e;--green:#bfe58f;--gold:#e5c373;--blue:#7bb8d4;--red:#e68b79;--violet:#b8a7e7;--mono:"IBM Plex Mono",monospace;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#0a100b,#0e150f);color:var(--text);font-family:var(--sans)}button{font:inherit}.topbar{height:72px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:rgba(12,18,13,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-seed{width:36px;height:36px;border:1px solid #567249;display:grid;place-items:center;border-radius:50%;color:var(--green)}.brand b{font-size:18px}.brand small{display:block;font:10px var(--mono);color:var(--muted);margin-top:2px}.save-state{font:10px var(--mono);color:#7ebc78}main{width:min(1500px,94vw);margin:auto}.hero{display:flex;justify-content:space-between;gap:40px;padding:58px 0 30px}.kicker{font:11px var(--mono);letter-spacing:.14em;color:var(--green)}h1{font-size:clamp(42px,5.5vw,76px);line-height:.96;letter-spacing:-.055em;margin:14px 0 18px;max-width:900px}h1 em{font-style:normal;color:var(--green)}.hero p{max-width:760px;color:#b7c1b4;font-size:18px;line-height:1.6}.world-clock{min-width:250px;align-self:end;border-left:1px solid var(--line);padding-left:24px}.world-clock span,.world-clock small{font:10px var(--mono);color:var(--muted);display:block}.world-clock strong{font-size:25px;display:block;margin:8px 0}.world-status{display:grid;grid-template-columns:2fr repeat(3,1fr);border:1px solid var(--line);border-radius:12px;margin-bottom:18px;background:#111a13;overflow:hidden}.world-status>div{padding:14px 16px;border-right:1px solid var(--line)}.world-status>div:last-child{border-right:0}.world-status b{display:block;font-size:14px}.world-status small{color:var(--muted);font:10px var(--mono)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7bc16a;margin-right:8px;box-shadow:0 0 0 4px #7bc16a18;animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #7bc16a00}}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.78fr);gap:18px}.world-column,.side-column,.agent-cards{display:flex;flex-direction:column;gap:18px}.panel{background:linear-gradient(180deg,rgba(24,34,26,.96),rgba(15,24,17,.96));border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);gap:12px}.panel-title.compact{padding:16px 18px}.panel-title small,.agent-head small,.inventory small,.dna-action small,.cf-box>small{font:10px var(--mono);color:var(--muted)}.panel-title h2,.agent-head h2{font-size:18px;margin:3px 0 0}.chip{font:10px var(--mono);padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted);white-space:nowrap}.world{height:560px;position:relative;overflow:hidden;background:linear-gradient(#a8c9c1 0 36%,#9aac76 36% 100%);isolation:isolate;transition:filter .6s}.sky{position:absolute;inset:0 0 64% 0;background:linear-gradient(#668894,#adc3bd);z-index:-3}.sun{position:absolute;width:54px;height:54px;background:#eed593;border-radius:50%;right:10%;top:10%;box-shadow:0 0 40px #f3d68b55}.cloud{position:absolute;width:100px;height:22px;background:#d8e0d9aa;border-radius:30px}.cloud-a{top:16%;left:18%}.cloud-b{top:8%;left:57%;transform:scale(.65)}.ridge{position:absolute;bottom:58%;width:60%;height:150px;background:#627d63;clip-path:polygon(0 100%,20% 50%,34% 72%,55% 20%,78% 68%,100% 46%,100% 100%);z-index:-1}.ridge-a{left:-7%}.ridge-b{right:-7%;background:#6e8769}.creek{position:absolute;width:125%;height:90px;left:-10%;bottom:15%;background:linear-gradient(#7da8aa,#648f98);transform:rotate(-6deg);border-top:3px solid #b8d0bd88}.forest{position:absolute;width:27%;height:235px;bottom:31%;background:repeating-linear-gradient(73deg,transparent 0 18px,#36553b 19px 33px,transparent 34px 48px)}.forest:after{content:"▲ ▲ ▲ ▲ ▲\A ▲ ▲ ▲ ▲\A ▲ ▲ ▲ ▲ ▲";white-space:pre;position:absolute;color:#26462d;font-size:46px;line-height:.8;bottom:0}.forest-a{left:2%}.forest-b{right:0%;transform:scale(.8)}.berry-patch{position:absolute;left:29%;bottom:33%;width:62px;height:36px;border-radius:50%;background:#416841;color:#b84b54;display:grid;place-items:center;font-size:12px}.fallen-log{position:absolute;left:56%;bottom:28%;width:110px;height:18px;background:#69503a;border-radius:20px;transform:rotate(8deg)}.stone-field{position:absolute;right:21%;bottom:23%;width:100px;height:50px;background:radial-gradient(circle at 20% 50%,#758079 0 8px,transparent 9px),radial-gradient(circle at 55% 40%,#69746d 0 10px,transparent 11px),radial-gradient(circle at 80% 70%,#87908a 0 7px,transparent 8px)}.agent{position:absolute;width:28px;height:58px;transition:left .8s ease,bottom .8s ease;z-index:5;filter:drop-shadow(0 5px 4px #0004)}.agent .head{width:18px;height:18px;background:#d8b58e;border-radius:50%;margin:auto}.agent .body{width:25px;height:36px;border-radius:12px 12px 7px 7px;margin:-1px auto 0}.agent.mara .body{background:#415b48}.agent.ivo .body{background:#48516c}.agent .name-tag{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);font:9px var(--mono);background:#101810dd;border:1px solid #3d4d40;border-radius:5px;padding:2px 5px;white-space:nowrap}.shelter{position:absolute;left:68%;bottom:36%;font-size:88px;color:#6c5237;z-index:3}.fire{position:absolute;left:62%;bottom:31%;font-size:36px;color:#ed9e52}.cache{position:absolute;left:71%;bottom:28%;font-size:27px;color:#b69356}.hidden{display:none!important}.fog{position:absolute;top:0;bottom:0;width:11%;background:linear-gradient(90deg,#ced5ca88,#ced5ca22);backdrop-filter:blur(5px);z-index:8}.fog-1{left:0}.fog-2{right:0;transform:scaleX(-1)}.world-caption{position:absolute;left:16px;bottom:14px;background:#101810df;border:1px solid #3a493b;border-radius:9px;padding:10px 12px;font-size:13px;max-width:67%;z-index:10}.legend{display:flex;gap:18px;padding:11px 18px;border-top:1px solid var(--line);font:10px var(--mono);color:var(--muted);flex-wrap:wrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.water{background:var(--blue)}.dot.food{background:#be6264}.dot.wood{background:#8f6b47}.dot.unknown{background:#798078}.timeline{max-height:420px;overflow:auto;padding:8px 18px 18px}.event{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #223026}.event time{font:10px var(--mono);color:#7f8f80}.event b{font-size:13px}.event p{font-size:12px;color:#9eaa9d;margin:4px 0 0;line-height:1.45}.event .learn{color:var(--green)}.social-event{background:linear-gradient(90deg,#261f3422,transparent)}.social-title{color:var(--violet)}.agent-head{display:flex;gap:13px;align-items:center;padding:18px}.portrait{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#25362a;border:1px solid #49604d;color:var(--green);font-size:23px}.agent-panel-1 .portrait{background:#252b3b;border-color:#4d5772;color:#c9c1f2}.agent-head p{margin:4px 0 0;color:#aeb9ac;font-size:12px}.needs{border-top:1px solid var(--line);padding:14px 18px}.need{margin-bottom:11px}.need:last-child{margin-bottom:0}.need label{display:flex;justify-content:space-between;font:10px var(--mono);color:#a8b2a6;margin-bottom:5px}.need-track,.rel-track{height:6px;background:#263329;border-radius:10px;overflow:hidden}.need-track i,.rel-track i{display:block;height:100%;background:#8fbd71}.need.warning .need-track i{background:#d0ad65}.need.danger .need-track i{background:#d77d6e}.inventory{padding:14px 18px;border-top:1px solid var(--line)}.inventory>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.inv{font:10px var(--mono);padding:5px 7px;border-radius:6px;background:#1f2b22;border:1px solid #314136}.empty{color:#758176;font-size:11px}.relationship-body{padding:16px 18px}.rel-row{margin-bottom:12px}.rel-row label{display:flex;justify-content:space-between;font:10px var(--mono);color:#a8b2a6;margin-bottom:5px}.rel-track i{background:#9f91cf}.shared-knowledge{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:baseline;gap:8px}.shared-knowledge b{font-size:24px;color:var(--violet)}.shared-knowledge span{font-size:11px;color:var(--muted)}.memory-tabs{display:flex;gap:5px}.memory-tab{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;padding:6px 8px;font:10px var(--mono);cursor:pointer}.memory-tab.active{background:#213025;color:#dcead8;border-color:#455d48}.memory-list{max-height:320px;overflow:auto;padding:8px 16px 16px}.memory{padding:11px 0;border-bottom:1px solid #233027}.memory b{font-size:11px}.memory p{font-size:11px;color:#98a497;margin:4px 0;line-height:1.45}.memory footer{display:flex;justify-content:space-between;gap:8px;font:9px var(--mono);color:#748276}.memory .confidence{color:#a9c78c}.dna-live{font:9px var(--mono);color:#b7df8a;border:1px solid #48613f;border-radius:99px;padding:5px 7px}.dna-empty{padding:26px 18px;color:#7e8b7e;font-size:12px}.dna-inspector{padding:15px 18px 18px}.dna-action{display:grid;grid-template-columns:1fr auto;gap:4px}.dna-action small{grid-column:1/-1}.dna-action strong{font-size:18px}.dna-action code{font:9px var(--mono);color:#8da18d}.dna-factors{margin:14px 0}.factor{margin:9px 0}.factor-head{display:flex;justify-content:space-between;font:10px var(--mono)}.factor-track{height:5px;background:#273129;margin-top:4px;border-radius:9px;overflow:hidden}.factor-track i{height:100%;display:block;background:#9bc779}.cf-box{border-top:1px solid var(--line);padding-top:13px}.cf{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:10px;border-bottom:1px solid #243026}.cf code{font:9px var(--mono);color:#95a492}.cf .flip{color:var(--gold)}.guardian{margin:28px 0 70px;border:1px solid #324535;border-radius:14px;padding:30px;background:radial-gradient(circle at 80% 20%,#283d2a55,transparent 35%),#121b14;display:flex;justify-content:space-between;gap:30px;align-items:end}.guardian h2{font-size:36px;margin:8px 0}.guardian p{color:#a7b2a4;max-width:800px;line-height:1.6}.guardian-flow{display:flex;align-items:center;gap:8px;font:10px var(--mono);white-space:nowrap}.guardian-flow span{border:1px solid #3d533f;padding:8px;border-radius:6px;color:#bdd5b5}.world-updated .world-panel{animation:worldUpdate .9s ease}@keyframes worldUpdate{50%{border-color:#6b8d68;box-shadow:0 0 0 3px #7fb87918}}footer{border-top:1px solid var(--line);padding:20px 4vw 36px;display:flex;justify-content:space-between;color:#7f8b7f;font:10px var(--mono)}@media(max-width:980px){.workspace{grid-template-columns:1fr}.hero{flex-direction:column}.world-clock{align-self:start}.world{height:500px}.guardian{flex-direction:column;align-items:start}.world-status{grid-template-columns:1fr 1fr}.world-status>div:nth-child(2){border-right:0}.world-status>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:650px){.topbar{height:auto;padding:12px 4vw}.brand small{display:none}.hero{padding-top:38px}.world{height:410px}.world-caption{max-width:82%}.panel-title{align-items:flex-start}.guardian h2{font-size:28px}.guardian-flow{flex-wrap:wrap}footer{flex-direction:column;gap:8px}.shelter{font-size:65px}.world-status{grid-template-columns:1fr}.world-status>div{border-right:0;border-bottom:1px solid var(--line)}.world-status>div:last-child{border-bottom:0}.agent{transform:scale(.9)}}