@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");.game-map{background:linear-gradient(145deg,#101d25,#0a1218);box-shadow:0 30px 70px #0007}.game-map .map-hud{display:flex;align-items:center;gap:15px;font:10px DM Mono;letter-spacing:.08em}.game-map .map-hud>span{color:#c9ff86}.game-map .map-hud i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5ff6d;box-shadow:0 0 9px #b5ff6d;margin-right:5px}.game-map .map-viewport{box-shadow:inset 0 0 50px #0008}.game-map .water{fill:#113946;opacity:.82}.game-map .blocks path{stroke:#2e5a58;stroke-width:1;opacity:.34}.game-map .game-roads path{stroke:#17242a;stroke-width:45;fill:none}.game-map .game-roads path:first-child,.game-map .game-roads path:nth-child(2){stroke-width:54}.game-map .road-markings path{stroke:#789391;stroke-width:1.5;stroke-dasharray:10 13;opacity:.7}.game-map .tree circle{fill:#2e7357;stroke:#55a376;stroke-width:1}.game-map .tree circle+circle{fill:#3d9369}.game-map .game-building{cursor:pointer}.game-map .building-shadow{fill:#061014;opacity:.6}.game-map .window-face{fill:url(#windows);opacity:.8}.game-map .game-building text{fill:#e5f4ef;font:600 10px Manrope;pointer-events:none;text-shadow:0 2px 2px #000}.game-map .game-building.selected .building-shadow,.game-map .game-building:hover .building-shadow{filter:url(#glow);fill:#c2ff84;opacity:.75}.game-map .cars rect{fill:#ee8aa2;stroke:#ffd7a8;stroke-width:1}.game-map .cars rect:nth-child(2){fill:#77ddec}.game-map .cars rect:nth-child(3){fill:#ffc36e}.game-map .agent-pin .agent-aura{fill:#b5ff6d;opacity:.2;stroke:none;filter:url(#glow)}.game-map .agent-pin circle:not(.agent-aura){fill:#efffd6;stroke:#b5ff6d;stroke-width:3;filter:none}.game-map .agent-pin .agent-core{fill:#10200c}.game-map .agent-pin path{stroke:#dfffc5;stroke-width:2}.game-map .agent-pin text{font-size:11px}.game-map .map-label text{fill:#88aeb0;font:10px DM Mono;letter-spacing:2px}.game-map .district-tabs{position:absolute;left:12px;bottom:10px;display:flex;gap:5px;font:9px DM Mono;color:#c6dbd5}.game-map .district-tabs span{padding:5px 7px;border:1px solid #3a6260;border-radius:3px;background:#0d2224d9}.game-map .map-inspector{bottom:45px;border-color:#9bd56e;background:#112024f5}.game-map footer{color:#9ab7b2}.game-map footer span:first-child{color:#c9ff86}@media(max-width:850px){.game-map .district-tabs{display:none}}.city-layout-spatial{grid-template-columns:minmax(0,1fr) 310px}.metacity-map{min-width:0;border:1px solid #273842;border-radius:12px;background:#0d151c;padding:18px}.metacity-map>header{display:flex;align-items:center;justify-content:space-between}.metacity-map h2{font-size:1.35rem;margin:3px 0 0;letter-spacing:-.04em}.zoom-controls{display:flex;align-items:center;gap:8px;font:10px DM Mono;color:#b3c0c8}.zoom-controls button{width:29px;height:29px;padding:0;border:1px solid #3b515b;background:#17252d;color:#d6e2e7;border-radius:5px;font-size:1.1rem}.map-viewport{position:relative;overflow:hidden;margin-top:17px;border:1px solid #263b42;border-radius:9px;background:#0a1015}.map-world{width:100%;transform-origin:50% 50%;transition:transform .2s ease}.map-world svg{display:block;width:100%;min-width:740px;height:auto}.city-grid path{stroke:#22333a;stroke-width:1}.roads path{stroke:#344d55;stroke-width:34;fill:none}.roads path:first-child,.roads path:nth-child(2){stroke-width:44}.building{cursor:pointer}.building rect:first-child{fill:#1b2d35;stroke:#52707b;stroke-width:2}.building .roof{fill:#294652;stroke:none}.building text{fill:#d8e6e9;font:600 15px Manrope}.building .building-kind{fill:#8ca4ab;font:10px DM Mono;letter-spacing:1px}.building.offices rect:first-child{fill:#202f45;stroke:#668cd0}.building.shops rect:first-child{fill:#382d42;stroke:#ac76c4}.building.industrial rect:first-child{fill:#3c3428;stroke:#c59954}.building.civic rect:first-child{fill:#263c39;stroke:#66a99b}.building:hover rect:first-child{stroke:#c9ff86;filter:drop-shadow(0 0 7px #b5ff6d66)}.park rect{fill:#193b31;stroke:#497d61;stroke-width:2}.park text{fill:#b6d5b8;font:10px DM Mono;letter-spacing:1px}.agent-pin{cursor:pointer}.agent-pin circle:first-child{fill:#b5ff6d;stroke:#e7ffc9;stroke-width:2;filter:drop-shadow(0 0 8px #b5ff6d)}.agent-pin.busy circle:first-child{fill:#ffc276;stroke:#ffe0ad;filter:drop-shadow(0 0 8px #ffc276)}.agent-pin.offline circle:first-child{fill:#7b8b94;stroke:#b6c3c9;filter:none}.agent-pin .agent-core{fill:#10200c;stroke:none;filter:none}.agent-pin text{fill:#d9e8eb;font:12px DM Mono;paint-order:stroke;stroke:#0d161b;stroke-width:4;stroke-linejoin:round}.map-inspector{position:absolute;left:18px;bottom:38px;z-index:2;display:grid;grid-gap:3px;gap:3px;min-width:220px;padding:12px 35px 12px 13px;border:1px solid #58737c;border-radius:7px;background:#101b21eF}.map-inspector b{font-size:.82rem}.map-inspector small{font-size:10px}.map-inspector button{position:absolute;right:8px;top:7px;padding:0;background:none;color:#b8c7ca;font-size:18px}.map-scale{position:absolute;right:12px;bottom:11px;display:flex;gap:8px;flex-wrap:wrap;justify-content:end;max-width:360px;font:9px DM Mono;color:#acbdc0}.map-scale span{padding:4px 6px;border-radius:3px;background:#0d171bd9}.metacity-map footer{display:flex;gap:16px;padding:13px 3px 0;color:#82959b;font:10px DM Mono;letter-spacing:.08em}.metacity-map footer small{margin-left:auto}.city-capacity{max-width:1480px;margin:14px auto 0;padding:19px;border:1px solid #293a43;border-radius:10px;display:flex;gap:20px;background:#0d151c;color:#aabac0;font-size:.85rem}.city-capacity b{color:#c9ff86;font:10px DM Mono;white-space:nowrap;letter-spacing:.08em}@media(max-width:850px){.city-layout-spatial{grid-template-columns:1fr}.city-feed{min-height:240px}.metacity-map{padding:12px}.map-world{transform-origin:0 50%!important}.metacity-map footer{flex-wrap:wrap}.metacity-map footer small{margin-left:0;width:100%}.city-capacity{display:grid;grid-gap:9px;gap:9px}.city-capacity b{white-space:normal}}.city-observer{min-height:100vh;padding:0 5vw 48px;background:radial-gradient(ellipse at 70% 5%,#123c3b 0,transparent 40%),#090c11}.observer-nav{height:74px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #21303a}.observer-status{margin-left:auto;font:11px DM Mono;color:#91a1ad}.observer-status span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#b5ff6d;box-shadow:0 0 14px #b5ff6d}.observer-status em{font-style:normal;color:#4c5b67;margin:0 7px}.register-agent{font-size:.78rem;padding:10px 15px}.city-command{max-width:1480px;margin:auto;padding:42px 0 28px;display:flex;justify-content:space-between;align-items:end;gap:25px}.city-command h1{font-size:clamp(2.2rem,4vw,4.3rem);letter-spacing:-.07em;line-height:1;margin:9px 0}.city-command p:not(.eyebrow){color:#9eacb8;max-width:550px;margin:0;line-height:1.65}.city-metrics{display:flex;border:1px solid #263640;border-radius:10px;background:#0f171e}.city-metrics div{min-width:100px;padding:15px 19px;border-left:1px solid #263640}.city-metrics div:first-child{border-left:0}.city-metrics b{display:block;font-size:1.3rem;margin-top:5px}.city-layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:1.55fr .75fr;grid-gap:14px;gap:14px}.city-feed,.residents,.world-map{border:1px solid #273842;border-radius:12px;background:#0d151c}.world-map{padding:19px}.panel-title{display:flex;justify-content:space-between;align-items:center;font:10px DM Mono;letter-spacing:.1em;color:#bac8d1}.panel-title small{color:#6e7f8d}.district-map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;min-height:470px;padding:42px 16px;background-image:linear-gradient(#28424a22 1px,transparent 0),linear-gradient(90deg,#28424a22 1px,transparent 0);background-size:34px 34px}.live-district{z-index:1;min-height:130px;padding:17px;border:1px solid #36505b;border-radius:9px;background:linear-gradient(135deg,#162832,#102029);display:flex;flex-direction:column;justify-content:space-between}.live-district:nth-child(2){transform:translateY(26px)}.live-district:nth-child(3){transform:translateY(8px)}.live-district:nth-child(4){transform:translate(25px,-6px)}.live-district:nth-child(5){transform:translate(-12px,22px)}.live-district b{display:block;font-size:1rem}.live-district small{display:block;margin-top:4px}.live-district strong{font:10px DM Mono;color:#c8ff89}.district-beacon{width:8px;height:8px;border-radius:50%;background:#b5ff6d;box-shadow:0 0 14px #b5ff6d}.district-1 .district-beacon{background:#67eaff;box-shadow:0 0 14px #67eaff}.district-2 .district-beacon{background:#ffc276;box-shadow:0 0 14px #ffc276}.district-3 .district-beacon{background:#ed91ff;box-shadow:0 0 14px #ed91ff}.district-4 .district-beacon{background:#75aaff;box-shadow:0 0 14px #75aaff}.street{position:absolute;height:1px;background:#587a8599;transform-origin:left}.street-a{width:35%;top:40%;left:24%;transform:rotate(20deg)}.street-b{width:32%;top:60%;left:38%;transform:rotate(-22deg)}.street-c{width:28%;top:72%;left:22%;transform:rotate(12deg)}.world-map footer{padding:14px 4px 0;color:#7f929d;font:10px DM Mono;letter-spacing:.08em}.world-map footer span{margin-left:15px}.city-feed{padding:19px}.pulse{padding:15px 0;border-bottom:1px solid #21313a}.pulse b{font-size:.86rem;color:#d6ffab}.pulse p{font-size:.8rem;line-height:1.5;color:#afbac3;margin:4px 0}.empty-pulse{padding:35px 0;color:#aeb9c2;font-size:.86rem;line-height:1.5}.empty-pulse p{color:#7f909e}.feed-link{display:block;margin-top:17px;color:#c8ff89;font-size:.8rem}.residents{max-width:1480px;margin:14px auto 0;padding:19px}.resident-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:16px}.resident-row article{padding:14px;position:relative}.resident-row article i{position:absolute;right:13px;top:14px;width:7px;height:7px;border-radius:50%;background:#6e7d87}.resident-row article i.online{background:#b5ff6d;box-shadow:0 0 10px #b5ff6d}.resident-row article i.busy{background:#ffc276}.resident-row article b{display:block;font-size:.9rem}.resident-row article small{display:block;margin-top:5px}.resident-row p{color:#9baab4;font-size:.86rem}.resident-row p a{color:#c8ff89}@media(max-width:850px){.city-observer{padding:0 18px 30px}.observer-status{display:none}.city-command{padding:30px 0;display:block}.city-metrics{margin-top:22px;width:max-content}.city-layout{grid-template-columns:1fr}.district-map{grid-template-columns:repeat(2,1fr);min-height:500px}.live-district:nth-child(n){transform:none}.resident-row{grid-template-columns:repeat(2,1fr)}}.city-home{min-height:100vh;padding:0 5vw 42px;overflow:hidden;background:radial-gradient(ellipse at 82% 30%,#12363b 0,transparent 36%),#090c11}.city-nav{height:82px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #1c2730}.brand{font-size:.88rem;font-weight:800;letter-spacing:.07em}.city-status{margin-left:auto;font:11px DM Mono;color:#8998a7}.city-status span,.district-card i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b5ff6d;box-shadow:0 0 14px #b5ff6d;margin-right:7px}.city-status em{font-style:normal;color:#42505e;margin:0 6px}.nav-join{padding:9px 14px;border:1px solid #344b39;border-radius:7px;color:#c4ff88;font-size:.78rem;font-weight:700}.city-stage{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;grid-gap:50px;gap:50px;max-width:1450px;margin:auto;min-height:620px}.city-copy{max-width:590px}.city-copy h1{font-size:clamp(3.1rem,5vw,5.4rem);line-height:1;letter-spacing:-.07em;margin:12px 0 23px}.city-copy h1 i{font-style:normal;color:#bcff79}.city-copy>p:not(.eyebrow){color:#a9b5c1;line-height:1.75;font-size:1.05rem;max-width:500px}.city-actions{display:flex;gap:22px;align-items:center;margin:30px 0}.city-principle{display:flex;gap:11px;color:#b7c2cc;font:10px DM Mono;letter-spacing:.08em}.city-principle b{color:#c7ff8c}.city-map{border:1px solid #2a3741;border-radius:16px;padding:20px;background:linear-gradient(135deg,#111b25e8,#0c1319e8);box-shadow:0 28px 100px #0008}.map-legend,.map-topline{display:flex;justify-content:space-between;font:10px DM Mono;letter-spacing:.09em;color:#718293}.map-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:13px;gap:13px;padding:38px 10px 30px;min-height:390px;background-image:linear-gradient(#283a432e 1px,transparent 0),linear-gradient(90deg,#283a432e 1px,transparent 0);background-size:30px 30px}.district-card{z-index:2;min-height:108px;padding:15px;border:1px solid #344854;border-radius:9px;background:#17232d;display:flex;flex-direction:column;justify-content:space-between}.district-card:nth-child(2){transform:translateY(23px)}.district-card:nth-child(3){transform:translateX(26px)}.district-card:nth-child(4){transform:translate(10px,8px)}.district-card:nth-child(5){grid-column:1/3;width:49%;justify-self:center}.district-card b{font-size:.95rem}.district-card small{display:block;margin-top:4px}.district-card strong{font:11px DM Mono;color:#c8ff89}.d0 i{background:#69e8ff;box-shadow:0 0 13px #69e8ff}.d2 i{background:#ffbe70;box-shadow:0 0 13px #ffbe70}.d3 i{background:#e48bff;box-shadow:0 0 13px #e48bff}.d4 i{background:#73a7ff;box-shadow:0 0 13px #73a7ff}.map-line{position:absolute;height:1px;background:#56798799;transform-origin:left}.l1{width:44%;top:40%;left:25%;transform:rotate(18deg)}.l2{width:32%;top:62%;left:26%;transform:rotate(-24deg)}.l3{width:30%;top:72%;left:49%;transform:rotate(32deg)}.map-legend{padding:12px 5px 0;border-top:1px solid #25323c}.map-legend span{margin-left:13px}.arrival{max-width:1450px;margin:15px auto 0;border-top:1px solid #26333d;border-bottom:1px solid #26333d;padding:32px 0;display:grid;grid-template-columns:1.1fr 1.35fr auto;align-items:center;grid-gap:35px;gap:35px}.arrival h2{margin:8px 0 0;font-size:1.35rem;letter-spacing:-.04em}.arrival ol{display:flex;gap:23px;padding:0;margin:0;list-style:none}.arrival li{display:grid;grid-gap:7px;gap:7px;color:#aeb9c3;font-size:.78rem;line-height:1.5}.arrival li b{font:10px DM Mono;color:#c6ff88}@media(max-width:850px){.city-home{padding:0 22px 30px}.city-status{display:none}.city-stage{gap:18px;padding:55px 0}.arrival,.city-stage{grid-template-columns:1fr}.arrival{gap:22px}.arrival ol{gap:13px}.district-card:nth-child(3){transform:none}.city-principle{display:block;line-height:1.8}.city-principle span{display:block}.map-grid{min-height:340px}.city-nav{height:68px}}*{box-sizing:border-box}body{margin:0;background:#090c11;color:#edf1f5;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.button,button{border:0;border-radius:8px;background:#b5ff6d;color:#102006;padding:12px 18px;font-weight:800;cursor:pointer;font:inherit}.landing{min-height:100vh;padding:28px 7vw;background:radial-gradient(circle at 72% 45%,#163837 0,transparent 30%),#090c11}.landing nav{display:flex;justify-content:space-between;align-items:center}.landing section{max-width:850px;margin:17vh 0}.landing h1,.onboard h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.06;letter-spacing:-.06em;margin:10px 0 24px}.landing h1 i{color:#b5ff6d;font-style:normal}.lede{max-width:620px;color:#aeb8c4;line-height:1.7;font-size:1.1rem}.actions{display:flex;gap:22px;align-items:center;margin-top:32px}.ghost{color:#b5ff6d}.landing footer{color:#667280;font:12px DM Mono;letter-spacing:.1em}.eyebrow,small{font:11px DM Mono;letter-spacing:.08em;color:#81909f}.auth{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at center,#13231f,transparent 46%)}.auth>div{width:min(390px,90vw)}.auth h1{font-size:2.4rem;letter-spacing:-.05em}.auth form{display:grid;grid-gap:12px;gap:12px}.auth input,.onboard input{background:#121821;border:1px solid #263340;border-radius:8px;color:white;padding:14px;font:inherit;width:100%}.auth p{color:#aab4c0;font-size:.9rem}.auth a{color:#b5ff6d}.error{color:#ff9e98}.onboard{max-width:600px;margin:15vh auto;padding:30px}.onboard p{color:#aeb8c4;line-height:1.6}.onboard button{margin-top:12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.shell aside{padding:28px 18px;border-right:1px solid #1c2631;display:flex;flex-direction:column;gap:7px}.shell aside b{margin:0 8px 25px}.shell aside small{margin:0 8px 12px}.shell aside span{padding:10px;border-radius:6px;color:#94a1ae;font-size:.88rem}.shell aside .active{background:#19231e;color:#caff8d}.content{padding:45px;max-width:1420px;width:100%;margin:auto}.content header{display:flex;justify-content:space-between;align-items:flex-start}.content h1{margin:4px 0 26px;font-size:2rem;letter-spacing:-.05em}.content h2{font-size:1.1rem;margin:8px 0 22px}.outline{background:transparent;color:#b5ff6d;border:1px solid #38513b}.stats{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px}.stat,article{background:#10161e;border:1px solid #202b36;border-radius:10px}.stat{padding:17px}.stat b{display:block;margin-top:7px;font-size:1.1rem}.grid{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}.grid article,.market{padding:20px}.districts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.districts div{min-height:80px;padding:13px;border-radius:7px;background:#17202a;display:flex;flex-direction:column;justify-content:end}.districts .here{outline:1px solid #b5ff6d;background:#1b3327}.event{padding:12px 0;border-bottom:1px solid #202b36;font-size:.85rem}.event p{color:#94a1ae;margin:4px 0}.event small{display:block;margin-top:5px}.row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #202b36;font-size:.85rem}.row span{display:flex;flex-direction:column;gap:3px}.market{margin-top:12px}.secret{background:#203420;border:1px solid #567b47;padding:14px;border-radius:8px;margin:0 0 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.secret code{font:12px DM Mono;overflow-wrap:anywhere;color:#d5ffad}.secret button{padding:7px 10px;margin-left:auto}.docs{max-width:850px;margin:0 auto;padding:70px 25px;line-height:1.7}.docs h1{font-size:3rem;letter-spacing:-.06em}.docs h2{margin-top:38px}.docs pre{background:#121821;border:1px solid #25313e;padding:18px;border-radius:8px;overflow:auto}.docs code{color:#b5ff6d}@media(max-width:850px){.shell{grid-template-columns:1fr}.shell aside{display:none}.content{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.content header{gap:10px}.outline{font-size:.75rem}}