:root{--bg: #0a0e14;--panel: #11161f;--line: #1f2a3a;--neon: #28e0c8;--magenta: #ff4f9a;--amber: #ffb347;--violet: #b08cff;--text: #cfd8e3;--dim: #7a8699}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;-webkit-text-size-adjust:100%}h2{margin:0 0 6px;font-size:18px;letter-spacing:.5px}h3{margin:14px 0 6px;font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:2px}p{margin:6px 0}.dim{color:var(--dim)}.small{font-size:12px}.warn{color:var(--magenta)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;gap:18px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);background:#0c1119;flex-wrap:wrap}.topbar .title{color:var(--neon);letter-spacing:4px;font-weight:600;font-size:14px}.stat{font-size:13px;color:var(--dim)}.stat b{color:var(--text)}.spacer{flex:1}.main{flex:1;display:grid;grid-template-columns:1fr 360px;gap:14px;padding:14px;min-height:0}.city{display:flex;flex-direction:column;gap:14px;min-width:0;overflow-y:auto}.map-wrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px}.map-wrap svg{width:100%;height:auto;display:block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.actions{margin-top:10px}button{font-family:inherit;font-size:14px;cursor:pointer;touch-action:manipulation}button.primary{background:var(--neon);color:#04211d;border:none;padding:9px 16px;border-radius:7px;font-weight:600}button.ghost{background:transparent;color:var(--neon);border:1px solid var(--neon);padding:7px 13px;border-radius:7px}button.ghost.small{font-size:12px;padding:5px 10px}button:disabled{opacity:.35;cursor:not-allowed}.btn-group{display:flex;gap:6px}.job-row,.inv-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.done-row{padding:5px 0;text-decoration:line-through}.idle-row{border:1px solid var(--line);border-radius:9px;padding:12px;margin:10px 0}.idle-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.idle-running{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.bar{height:6px;background:#0a0e14;border:1px solid var(--line);border-radius:3px;overflow:hidden;margin:6px 0 10px}.bar>div{height:100%;background:var(--neon)}.handheld{background:#0c1119;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.handheld-top{padding:9px 14px;font-size:10px;letter-spacing:2px;color:var(--dim);border-bottom:1px solid var(--line)}.handheld-screen{flex:1;overflow-y:auto;padding:13px}.handheld-tabs{display:flex;border-top:1px solid var(--line)}.handheld-tabs button{flex:1;padding:12px 2px;background:none;border:none;color:var(--dim);font-size:11px;letter-spacing:.5px;position:relative}.handheld-tabs button.active{color:var(--neon)}.badge{position:absolute;top:5px;right:12%;background:var(--magenta);color:#fff;border-radius:8px;font-size:9px;padding:1px 5px}.msg{padding:9px 6px;border-bottom:1px solid var(--line);cursor:pointer}.msg.unread{border-left:2px solid var(--magenta);padding-left:8px}.msg .from{font-size:12px;color:var(--neon);letter-spacing:1px;margin-bottom:2px}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.tag{font-size:10px;color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.ledger-line{padding:4px 0;border-bottom:1px solid var(--line);font-size:13px}.log-line{padding:3px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ad1;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{width:min(500px,94vw);max-height:86vh;overflow-y:auto;background:var(--panel);border:1px solid var(--neon);border-radius:12px;padding:20px;box-shadow:0 0 40px #28e0c81f}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.result-lines{margin:10px 0;padding-left:20px}.result-lines li{margin:5px 0}.outcome-success{color:var(--neon)}.outcome-mixed{color:var(--amber)}.outcome-fail{color:var(--magenta)}.outcome-strange{color:var(--violet)}.approach{border:1px solid var(--line);border-radius:9px;padding:11px;margin:8px 0;cursor:pointer;transition:border-color .15s}.approach:hover{border-color:var(--neon)}.approach-head{display:flex;justify-content:space-between;align-items:baseline}.chance{color:var(--neon);font-weight:600}.hotspot{cursor:pointer}.hotspot text{font-size:12px;letter-spacing:1px;-webkit-user-select:none;user-select:none}@media(max-width:920px){.main{grid-template-columns:1fr;overflow-y:auto}.city{overflow:visible}.handheld{min-height:460px}}