body{margin:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#111622}#layout{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative}#toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0c1018;border-bottom:1px solid #1e2635;flex-shrink:0;-webkit-user-select:none;user-select:none;flex-wrap:wrap}#tool-group{display:flex;gap:6px;flex-wrap:wrap;flex:1}.tool-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #2a3040;border-radius:6px;background:#1a2030;color:#aaa;cursor:pointer;font-size:13px;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.tool-btn:hover{background:#222d42;border-color:var(--c, #555);color:#fff}.tool-btn.active{color:#fff}.tool-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.swatch{width:10px;height:10px;border-radius:2px;background:var(--c, #888);flex-shrink:0}.badge{font-size:10px;background:#ffffff14;border-radius:10px;padding:1px 6px;color:var(--c, #888)}.clear-btn{--c: #ef4444}#canvas-area{flex:1;position:relative;overflow:hidden;min-height:0}#map-canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}#map-canvas.grabbing{cursor:grabbing}#action-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0c1018;flex-shrink:0;-webkit-user-select:none;user-select:none;position:absolute;top:46.5px;width:100vw}#action-label{display:flex;align-items:center;gap:8px;color:#ddd;font-size:14px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}#action-btns{display:flex;gap:6px;flex-shrink:0}.action-btn{padding:5px 14px;border:1px solid #2a3850;border-radius:6px;background:#1a2540;color:#ccc;cursor:pointer;font-size:13px;transition:background .12s,color .12s;white-space:nowrap}.action-btn:hover{background:#263050;color:#fff}.action-btn.danger{border-color:#5a2020;color:#f87171}.action-btn.danger:hover{background:#3a1515;color:#f44}.action-btn.close{padding:5px 10px;border-color:#2a3040;color:#778}.action-btn.close:hover{background:#1a2030;color:#aaa}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:#1a2030;border:1px solid #2a3850;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:280px;width:90vw;max-width:360px}.modal-label{color:#778;font-size:12px}.modal-input{background:#111622;border:1px solid #3a4555;border-radius:6px;color:#fff;padding:9px 12px;font-size:15px;outline:none;width:100%}.modal-input:focus{border-color:#48f}.modal-btns{display:flex;gap:8px;justify-content:flex-end}.modal-btns button{padding:7px 18px;border-radius:6px;border:1px solid #2a3040;background:#252d3e;color:#ccc;cursor:pointer;font-size:13px}.btn-ok{background:#1a4080!important;border-color:#2a5590!important;color:#fff!important}#hint{position:absolute;bottom:0;left:0;width:100%;padding:5px 14px;background:#0c1018d9;color:#445;font-size:11px;-webkit-user-select:none;user-select:none;pointer-events:none}.assign-btn{border-color:var(--ac, #2a3850)!important;display:flex;align-items:center;gap:5px}.assign-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.assign-picker{position:absolute;top:calc(100% + 6px);left:0;background:#1a2030;border:1px solid #2a3850;border-radius:8px;padding:4px;z-index:60;display:flex;flex-direction:column;gap:2px;min-width:140px;box-shadow:0 4px 20px #00000080}.assign-opt{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;border-radius:5px;background:transparent;color:#aaa;cursor:pointer;font-size:13px;text-align:left;transition:background .1s,color .1s;white-space:nowrap}.assign-opt:hover{background:#222d42;color:#fff}.assign-opt.active{background:#1a3060;color:#fff}.mgr-box{background:#1a2030;border:1px solid #2a3850;border-radius:12px;width:min(92vw,600px);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.mgr-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #1e2d42;font-size:15px;font-weight:600;color:#ddd;flex-shrink:0}.mgr-close{background:none;border:none;color:#778;cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px}.mgr-close:hover{background:#222d42;color:#aaa}.mgr-cols{display:flex;gap:0;overflow-y:auto;flex:1}.mgr-col{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}.mgr-col:first-child{border-right:1px solid #1e2d42}.mgr-col-head{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.mgr-col-title{font-size:13px;font-weight:600;color:#ccc}.mgr-col-hint{font-size:11px;color:#445}.mgr-items{display:flex;flex-direction:column;gap:6px;min-height:40px}.mgr-item{display:flex;align-items:center;gap:6px;position:relative}.color-dot{border:2px solid transparent;border-radius:50%;cursor:pointer;flex-shrink:0;padding:0;transition:border-color .1s,transform .1s}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:#fff}.mgr-picker{position:absolute;top:calc(100% + 4px);left:0;display:flex;gap:4px;background:#1a2030;border:1px solid #2a3850;border-radius:8px;padding:6px;z-index:70;box-shadow:0 4px 16px #00000080}.mgr-name{flex:1;background:#111622;border:1px solid #2a3040;border-radius:5px;color:#ddd;padding:5px 8px;font-size:13px;outline:none;min-width:0}.mgr-name:focus{border-color:#48f}.mgr-del{background:none;border:none;color:#445;cursor:pointer;font-size:13px;padding:4px 6px;border-radius:4px;flex-shrink:0}.mgr-del:hover{background:#3a1515;color:#f87171}.mgr-add{align-self:flex-start;padding:5px 12px;border:1px dashed #2a3850;border-radius:6px;background:transparent;color:#556;cursor:pointer;font-size:12px;margin-top:2px;transition:background .1s,color .1s,border-color .1s}.mgr-add:hover{background:#1a2d42;border-color:#48f;color:#8af}.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:#1a2030;border:1px solid #2a3850;border-radius:8px;padding:4px;z-index:60;display:flex;flex-direction:column;gap:2px;min-width:160px;box-shadow:0 4px 20px #00000080}.nav-opt{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;border-radius:5px;background:transparent;color:#aaa;cursor:pointer;font-size:13px;text-align:left;transition:background .1s,color .1s;white-space:nowrap;width:100%}.nav-opt:hover{background:#222d42;color:#fff}.nav-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.nav-sep{height:1px;background:#1e2d42;margin:2px 4px}.plan-strip{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #2a3040;border-radius:6px;background:#1a2030;max-width:200px}.plan-strip-name{color:#ccc;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.plan-strip-name--editable{cursor:text;border-radius:3px;padding:1px 3px;margin:-1px -3px}.plan-strip-name--editable:hover{background:#2a3040;color:#fff}.plan-name-input{flex:1;min-width:0;background:#0d1520;border:1px solid #4a5568;border-radius:3px;color:#fff;font-size:13px;padding:1px 5px;outline:none;width:100%}.plan-name-input:focus{border-color:#818cf8}.save-indicator{font-size:11px;flex-shrink:0}.save-indicator--idle{color:#445}.save-indicator--unsaved{color:#778}.save-indicator--saving{color:#60a5fa}.save-indicator--saved{color:#4ade80}.save-indicator--error{color:#f87171}.plan-info-box{max-width:440px;gap:8px}.plan-info-row{display:flex;align-items:center;gap:8px}.plan-info-code{flex:1;background:#111622;border:1px solid #2a3040;border-radius:5px;padding:5px 8px;font-size:12px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:monospace}.plan-info-token{color:#c084fc}.plan-info-copy{padding:4px 10px;border:1px solid #2a3040;border-radius:5px;background:#1a2030;color:#aaa;cursor:pointer;font-size:12px;flex-shrink:0;white-space:nowrap}.plan-info-copy:hover{background:#222d42;color:#fff}.plan-info-rotate{align-self:flex-start;padding:5px 12px;border:1px solid #5a2020;border-radius:6px;background:transparent;color:#f87171;cursor:pointer;font-size:12px;margin-top:2px}.plan-info-rotate:hover{background:#3a1515}.home-overlay{position:absolute;inset:0;background:#0a0e16eb;display:flex;align-items:center;justify-content:center;z-index:80}.home-box{background:#1a2030;border:1px solid #2a3850;border-radius:16px;padding:36px 40px;display:flex;flex-direction:column;gap:24px;width:min(92vw,400px)}.home-title{color:#e2e8f0;font-size:22px;font-weight:700}.home-sub{color:#556;font-size:13px;margin-top:-16px}.home-actions{display:flex;flex-direction:column;gap:12px}.home-btn-primary{padding:10px 0;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s}.home-btn-primary:hover{background:#2563eb}.home-load-row{display:flex;gap:8px}.home-load-row .modal-input{flex:1;font-size:13px;padding:7px 10px}.home-btn-secondary{padding:7px 16px;border:1px solid #2a3850;border-radius:8px;background:#252d3e;color:#ccc;font-size:13px;cursor:pointer;white-space:nowrap}.home-btn-secondary:hover{background:#2e3a52;color:#fff}.facility-legend{position:absolute;right:14px;bottom:14px;width:272px;max-height:calc(100% - 28px);overflow-y:auto;background:#0c1018ed;border:1px solid rgba(255,255,255,.1);border-radius:10px;z-index:20;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fleg-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;font-weight:600;color:#ccc;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.08)}.fleg-header:hover{background:#ffffff0a}.fleg-toggle{color:#556;font-size:11px}.fleg-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:10px}.fleg-type{display:flex;flex-direction:column;gap:2px}.fleg-type-header{display:flex;align-items:center;gap:6px;padding:2px 0 4px}.fleg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.fleg-type-header strong{font-size:12px;color:#ddd;letter-spacing:.02em}.fleg-bonus{font-size:11px;color:#556;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleg-level{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:5px;cursor:pointer;border:1px solid transparent;transition:background .1s,border-color .1s}.fleg-level:hover{background:#ffffff0f}.fleg-level--active{background:#ffffff12;border-color:var(--lc, #4488ff)}.fleg-lv{font-size:12px;color:#aaa;width:30px;flex-shrink:0}.fleg-pct{font-size:12px;color:#ccc;flex:1}.fleg-count{font-size:11px;color:#556;flex-shrink:0}.fleg-level--nolevel{gap:6px}.fleg-type-name{font-size:12px;color:#ddd;flex:1}.fleg-pct--sub{font-size:10px;color:#556;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.fleg-hint{font-size:10px;color:#445;line-height:1.4;padding-top:4px;border-top:1px solid rgba(255,255,255,.06);margin-top:2px}@media(max-width:600px){#toolbar{padding:6px 8px;gap:6px}.tool-btn{padding:6px 10px;font-size:12px}.label{display:none}.swatch{width:14px;height:14px;border-radius:3px}#action-bar{padding:10px 12px}.action-btn{padding:7px 14px;font-size:13px}.mgr-cols{flex-direction:column}.mgr-col:first-child{border-right:none;border-bottom:1px solid #1e2d42}}