:root{color:#dce7ed;background:#050b10;font-family:Inter,ui-sans-serif,system-ui;font-size:13px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 50% 0,#10202a 0,#071017 35%,#04090d 100%);min-height:100vh}header{border-bottom:1px solid #1d2b34;align-items:center;gap:22px;height:58px;padding:0 18px;display:flex}.brand{letter-spacing:7px;color:#f0f7fb;font-size:22px}.tag{letter-spacing:1.5px;color:#aebbc2;font-size:10px}.topActions{align-items:center;gap:8px;margin-left:auto;display:flex}.topActions button,.worldName{background:#0b141b;border:1px solid #263844;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 12px;display:flex}.topActions .run{color:#d9fff5;background:#063b34;border-color:#00b88a}.saved{color:#b9c5ca;font-size:11px}.icon{background:0 0!important;border:0!important}.workspace{border-bottom:1px solid #1b2a33;grid-template-columns:66px 280px minmax(500px,1fr) 330px;height:535px;display:grid}nav{border-right:1px solid #1b2a33;padding-top:8px}nav button{color:#9eacb4;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:64px;display:flex}nav button.active{color:#69d9ff;background:linear-gradient(90deg,#0b3142,#081219);border-left:2px solid #36c9ff}.palette{background:#081117;border-right:1px solid #1b2a33;padding:14px 12px;overflow:auto}.search{border:1px solid #22343f;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.palette h4{margin:11px 0 6px;font-size:11px}.tiles{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tiles button{background:#101d26;border:1px solid #1d303c;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:64px;font-size:9px;display:flex}.tiles button:hover{background:#112833;border-color:#39bde9}main{background:#071017;position:relative;overflow:hidden}.tabs{z-index:5;background:#0b141b;border:1px solid #23343e;border-radius:6px;display:flex;position:absolute;top:10px;left:10px;overflow:hidden}.tabs button{background:0 0;border:0;padding:9px 14px;font-size:10px}.tabs .on{color:#e6f8ff;background:#123348;border-bottom:1px solid #36c9ff}.blueprint{background-image:radial-gradient(#27404d 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wires path{fill:none;stroke:#45b9ef;stroke-width:1.5px;opacity:.8}.node{text-align:left;background:#101920;border:1px solid #4a5a63;border-radius:7px;align-items:center;gap:10px;width:150px;height:70px;padding:10px;display:flex;position:absolute;box-shadow:0 8px 20px #0006}.node.selected{border-color:#24c9ff;box-shadow:0 0 18px #0ba7dc33}.node span{min-width:0}.node b,.node small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.node small{color:#8e9ba2;margin-top:5px;font-size:9px}.minimap{background:#091219dd;border:1px solid #263a46;width:145px;height:90px;position:absolute;bottom:10px;left:10px}.minimap i{background:#42c4ed;width:9px;height:6px;position:absolute}.zoom{background:#0a131a;border:1px solid #263945;align-items:center;height:34px;display:flex;position:absolute;bottom:10px;right:10px}.zoom button{background:0 0;border:0;border-left:1px solid #263945;height:100%}.inspector{background:#081117;border-left:1px solid #1b2a33;padding:12px}.insTitle{align-items:center;gap:9px;font-size:15px;display:flex}.insTitle span{margin-left:auto}.subtabs{border-bottom:1px solid #20313b;gap:18px;margin:12px 0;display:flex}.subtabs>*{padding:9px 0;font-size:10px}.subtabs b{color:#bdefff;border-bottom:2px solid #36c9ff}.inspector label{justify-content:space-between;align-items:center;margin:9px 0;font-size:10px;display:flex}.inspector input{background:#071017;border:1px solid #21333e;border-radius:4px;width:205px;padding:6px}.inspector hr{border:0;border-top:1px solid #1e2d35;margin:13px 0}.step{border:1px solid #21333e;border-radius:4px;width:205px;display:flex}.step span{flex:1;padding:6px 9px}.step button{background:#0e1920;border:0;border-left:1px solid #21333e;width:30px}.addProp{color:#61d3ff;background:#0a1d27;border:1px solid #174d65;border-radius:5px;padding:7px 10px}.inspector textarea{resize:none;background:#071017;border:1px solid #21333e;border-radius:5px;width:100%;height:68px;padding:8px}.lower{border-bottom:1px solid #1b2a33;grid-template-columns:1.3fr 1fr .65fr;gap:8px;height:320px;padding:8px;display:grid}.worldPanel,.dataPanel,.timeline{background:#091219;border:1px solid #243641;border-radius:6px;position:relative;overflow:hidden}.panelTitle{color:#bdefff;border-bottom:1px solid #21333d;height:34px;padding:9px 12px}.town{background:linear-gradient(150deg,#19372c,#12251f 40%,#142d3c);position:absolute;inset:34px 0 0;overflow:hidden}.terrain{background:#24493655;border-radius:50%;position:absolute}.t1{width:500px;height:220px;top:70px;left:-80px}.t2{width:350px;height:190px;top:20px;right:-40px}.building{background:#101a20e8;border:1px solid #42545d;border-radius:5px;padding:8px 10px;position:absolute;box-shadow:0 5px 14px #0008}.building b,.building small{margin-left:22px;display:block}.building small{color:#b8c3c8;font-size:9px}.farm{top:22%;left:8%}.rest{top:52%;left:38%}.home{top:26%;right:14%}.playbar{background:#081219e8;border:1px solid #263944;border-radius:5px;padding:10px;position:absolute;bottom:8px;left:8px}.dataPanel{padding:0 12px}.metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.metrics div{background:#101a21;border:1px solid #1e303a;border-radius:5px;padding:9px}.metrics small,.metrics b,.metrics em{display:block}.metrics b{margin:5px 0;font-size:17px}.metrics em{color:#44dc9d;font-size:9px;font-style:normal}.dataPanel h5{margin:12px 0 2px}.chart{border-bottom:1px solid #24343d;width:60%;height:80px}.chart polyline{fill:none;stroke:#36dc9c;stroke-width:2px}.flow{margin-top:7px;font-size:20px}.timeline{padding-left:25px}.line{background:#456878;width:1px;position:absolute;top:70px;bottom:65px;left:52px}.moment{position:absolute;left:45px}.moment span{margin-left:16px;font-size:10px;display:inline-block}.moment b{color:#42cfff}.m0{top:65px}.m1{color:#36bfff;top:115px}.m2{color:#37e5a1;top:175px}.m3{color:#ff6a59;top:235px}.branch{background:#0c1920;border:1px solid #294654;border-radius:5px;padding:7px 13px;position:absolute;bottom:14px;left:35px}footer{color:#b3c0c7;align-items:center;gap:30px;height:90px;padding:0 28px;display:flex}footer strong{letter-spacing:5px;color:#e3edf2;margin-right:auto}footer span{text-align:center;font-size:9px}footer button{color:#87e3ff;background:#0a2430;border:1px solid #25c9ff;border-radius:6px;margin-left:auto;padding:12px 22px;font-weight:700}@media (width<=1100px){.workspace{grid-template-columns:58px 220px 1fr}.inspector{display:none}.lower{grid-template-columns:1fr 1fr}.timeline,.tag,.saved,footer span{display:none}}@media (width<=760px){header{height:52px}.tag,.worldName,.topActions>button:not(.run){display:none}.workspace{grid-template-columns:48px 1fr;height:calc(100vh - 108px)}.palette,.lower,footer strong{display:none}main{min-width:0}.node{transform-origin:0 0;transform:scale(.78)}.tabs button{padding:8px}.topActions{margin-left:auto}footer{justify-content:flex-end;height:56px;padding:7px 12px}footer button{margin-left:auto}.zoom{bottom:58px}}.node{touch-action:none;-webkit-user-select:none;user-select:none}.node .port{background:#5fd7ff;border-radius:50%;width:9px;height:9px;position:absolute;right:-5px;box-shadow:0 0 8px #35c9ff}.node.linking{border-color:#4fffb0;box-shadow:0 0 22px #22e89755}.hint{color:#8ba0aa;pointer-events:none;background:#071017dd;border:1px solid #233b48;border-radius:5px;padding:6px 10px;font-size:10px;position:absolute;top:55px;left:50%;transform:translate(-50%)}.insActions{gap:7px;margin-top:18px;display:flex}.insActions button{background:#101c24;border:1px solid #29404d;border-radius:5px;align-items:center;gap:6px;padding:8px;display:flex}.insActions .armed{color:#80ffc9;border-color:#27e79d}