*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#10131a;color:#d7dae0}#app{display:flex}#sidebar{width:280px;flex:none;display:flex;flex-direction:column;background:#171b24;border-right:1px solid #262c3a}#sidebar header{padding:14px 16px 10px}#sidebar h1{font-size:16px;font-weight:600;letter-spacing:.02em;color:#e8ecf2}#search{margin:0 12px 10px;padding:7px 10px;border:1px solid #2c3345;border-radius:6px;background:#10131a;color:#d7dae0;font-size:13px;outline:none}#search:focus{border-color:#4a6cf7}#zone-list{flex:1;overflow-y:auto;list-style:none;padding:0 8px 8px}#zone-list li{padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1.35}#zone-list li:hover{background:#222939}#zone-list li.active{background:#2c3a5e}#zone-list li.disabled{opacity:.45;cursor:not-allowed}#zone-list li .short{color:#8a91a0;font-size:11px}#zone-list li.message{cursor:default;color:#8a91a0;white-space:pre-wrap}#travel{border-top:1px solid #262c3a;padding:10px 12px;font-size:12px}#travel h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8a91a0;margin-bottom:8px}#travel .row{display:flex;gap:6px;margin-bottom:6px}#travel select{flex:1;min-width:0;padding:5px 6px;border:1px solid #2c3345;border-radius:6px;background:#10131a;color:#d7dae0;font-size:12px}.btn{width:100%;padding:6px 10px;border:1px solid #2c3345;border-radius:6px;background:#222939;color:#d7dae0;font-size:12px;cursor:pointer}.btn:hover{background:#2c3550}.btn.primary{background:#3350c0;border-color:#3350c0}.btn.primary:hover{background:#405fd8}.btn:disabled{opacity:.45;cursor:not-allowed}#travel-route{margin-top:8px;line-height:1.7;color:#aab1c0}#travel-route .zone{color:#d7dae0}#travel-route .zone.missing{color:#e07070;text-decoration:line-through}#travel-route .sep{color:#5d6577;margin:0 3px}#travel-route .warn{display:block;color:#e07070;margin-top:4px}#travel-controls{display:flex;gap:8px;align-items:center;margin-top:8px}#travel-controls.hidden{display:none}#travel-controls .btn{width:auto;flex:none}#travel-controls .speed{flex:1;display:flex;align-items:center;gap:6px}#travel-controls input[type=range]{flex:1;min-width:0}#travel-speed-value{color:#8a91a0;min-width:30px;text-align:right}#sidebar footer{padding:10px 14px 12px;border-top:1px solid #262c3a;font-size:12px}.opt{display:flex;align-items:center;gap:7px;cursor:pointer;margin-bottom:8px}.hint{color:#78808f;line-height:1.5}.mob-legend{color:#78808f;font-size:10px;line-height:1.5;margin:-2px 0 8px 22px}.mob-legend.hidden{display:none}.mob-legend .lv1{color:#55d66b}.mob-legend .lv2{color:#55d6d0}.mob-legend .lv3{color:#e2d75c}.mob-legend .lv4{color:#ee984b}.mob-legend .lv5{color:#e45b5b}.mob-legend .merchant{color:#53a7ff}#view{position:relative;flex:1;min-width:0}#canvas{width:100%;height:100%;display:block}#status{position:absolute;left:50%;top:16px;transform:translate(-50%);background:#0d1017d9;border:1px solid #2c3345;border-radius:8px;padding:8px 16px;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s;max-width:70%;text-align:center}#status.visible{opacity:1}