:root{--bg: #0b0f14;--bg-panel: #121821;--bg-raised: #1a2331;--border: #26313f;--text: #e6edf3;--muted: #8b98a5;--accent: #3b9eff;--accent-2: #ffd166;--danger: #e5484d;--ok: #46a758;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer}button:hover:not(:disabled){border-color:#3d4d61;background:#212c3c}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#04131f;font-weight:600}button.primary:hover:not(:disabled){background:#59aeff}input,select{background:#0e141c;border:1px solid var(--border);border-radius:6px;padding:4px 7px}input:focus,select:focus{outline:1px solid var(--accent)}.muted{color:var(--muted)}code{background:#0e141c;padding:1px 4px;border-radius:4px;font-size:12px}.app{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 14px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand h1{font-size:15px;margin:0;letter-spacing:.2px}.brand .muted{font-size:11px}.logo{color:var(--accent);font-size:20px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.field input{width:90px}.toolbar{display:flex;align-items:center;gap:16px;padding:6px 14px;background:#0f151d;border-bottom:1px solid var(--border);flex-wrap:wrap}.tool-group{display:flex;align-items:center;gap:6px}.tool-group.push-right{margin-left:auto}.tool-group label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.tool-group .value{color:var(--text);min-width:48px}.tool-group input[type=range]{width:110px}.tool-group input[type=number]{width:70px}.tool{display:inline-flex;align-items:center;gap:6px}.tool.active{background:var(--accent);border-color:var(--accent);color:#04131f;font-weight:600}.tool-key{font-size:10px;opacity:.7;border:1px solid currentColor;border-radius:3px;padding:0 3px}.check{display:inline-flex;align-items:center;gap:5px}.body{display:flex;flex:1;min-height:0}.side{width:270px;background:var(--bg-panel);overflow-y:auto;flex-shrink:0}.side.left{border-right:1px solid var(--border)}.side.right{border-left:1px solid var(--border);width:290px}.main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.tabs{display:flex;align-items:center;gap:4px;padding:5px 8px;border-bottom:1px solid var(--border);background:#0f151d}.tabs button{background:transparent;border-color:transparent;color:var(--muted)}.tabs button.active{background:var(--bg-raised);border-color:var(--border);color:var(--text)}.tab-tools{margin-left:auto;display:flex;gap:4px}.map-wrap{flex:1;position:relative;min-height:0}.map-canvas{display:block;touch-action:none}.map-hud{position:absolute;left:10px;bottom:10px;display:flex;gap:14px;padding:5px 10px;background:#0a0e14d9;border:1px solid var(--border);border-radius:6px;font-variant-numeric:tabular-nums;pointer-events:none}.panel{padding:12px}.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 10px}.empty{color:var(--muted);font-size:12px}.hint{color:var(--muted);font-size:11px;margin-top:10px}.layer-list,.group-list{list-style:none;margin:0;padding:0}.layer{border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:8px;background:#0f151d}.layer.active{border-color:#33506f}.layer-head{display:flex;align-items:center;gap:6px}.layer-name{flex:1;text-align:left;background:transparent;border:none;padding:2px 0;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.icon{background:transparent;border:none;padding:2px 4px;color:var(--muted)}.layer-tools{display:flex;align-items:center;gap:6px;margin:8px 0;flex-wrap:wrap;font-size:11px}.layer-tools select{max-width:92px}.kind-tag{font-size:11px;color:var(--muted);margin-bottom:6px}.group-list li{display:flex;align-items:center;gap:4px}.group{flex:1;display:flex;justify-content:space-between;gap:8px;background:transparent;border:1px solid transparent;text-align:left;font-size:12px;padding:3px 6px}.group:hover{background:var(--bg-raised)}.group.target{background:#16324c;border-color:var(--accent);color:#cfe8ff}.group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-group{width:100%;margin-top:4px;border-style:dashed;color:var(--muted);font-size:12px}.inspector-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px}.fields{display:grid;gap:6px}.fields label{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px;font-size:12px}.fields span{color:var(--muted)}.quick-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.checks{padding:12px;border-top:1px solid var(--border);margin-top:12px}.checks ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.checks li{font-size:12px;padding:6px 8px;border-radius:6px;border-left:3px solid}.checks li.error{background:#e5484d1f;border-color:var(--danger)}.checks li.warn{background:#ffd1661f;border-color:var(--accent-2)}.checks .ok{color:var(--ok);font-size:12px}.economy{flex:1;display:flex;flex-direction:column;min-height:0;padding:12px}.economy-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.economy-head h2{margin:0;font-size:14px}.economy-head input[type=search]{min-width:220px}.pager{display:flex;align-items:center;gap:6px;color:var(--muted)}.table-scroll{flex:1;overflow:auto;border:1px solid var(--border);border-radius:8px}.economy-table{border-collapse:collapse;width:100%;font-size:12px}.economy-table th,.economy-table td{border-bottom:1px solid var(--border);padding:3px 6px;text-align:left}.economy-table th{position:sticky;top:0;background:var(--bg-raised);z-index:1;font-weight:600}.economy-table .name-col{min-width:180px}.economy-table .tags-col{min-width:200px;color:var(--muted)}.cell{width:74px}.link{background:transparent;border:none;color:var(--accent);padding:0;text-align:left}.tag-editor-row td{background:#0e141c}.tag-editor{display:grid;gap:8px;padding:8px 4px}.tag-group{display:flex;gap:10px;align-items:flex-start}.tag-label{color:var(--muted);width:62px;flex-shrink:0}.tag-chips{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:2px 8px;border-radius:999px;font-size:11px}.chip.on{background:var(--accent);border-color:var(--accent);color:#04131f;font-weight:600}.status{display:flex;justify-content:space-between;gap:12px;padding:5px 14px;background:var(--bg-panel);border-top:1px solid var(--border);font-size:11px}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--bg-raised);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:9px 14px;cursor:pointer;max-width:70vw;box-shadow:0 10px 30px #00000080}.toast.error{border-left-color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080cb3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:22px 26px;max-width:720px;max-height:84vh;overflow-y:auto}.modal h2{margin-top:0}.modal h3{margin:18px 0 6px;font-size:13px;color:var(--accent)}.modal ul{margin:6px 0;padding-left:18px}.modal li{margin-bottom:4px}.shortcuts td{padding:2px 14px 2px 0;color:var(--muted)}.shortcuts td:first-child{color:var(--text);font-family:ui-monospace,monospace}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f14cc;border:2px dashed var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);pointer-events:none;z-index:20}@media (max-width: 1100px){.side{width:220px}.side.right{width:240px}}@media (max-width: 820px){.body{flex-direction:column}.side{width:100%;max-height:210px;border:none;border-top:1px solid var(--border)}.side.right{width:100%}}.table-dot{color:var(--muted);font-size:11px;width:13px;text-align:center}.group-color{width:20px;height:20px;padding:0;border-radius:4px;background:none;flex-shrink:0}.scale-bar{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.scale-line{height:6px;border:1px solid var(--muted);border-top:none;display:inline-block}.tag-editor{max-width:920px}.side.right{width:360px}.loot-panel{border-bottom:1px solid var(--border)}.loot-panel h2{margin-top:4px}.finder-row{display:flex;gap:6px}.finder-row input{flex:1;min-width:0}.finder-result{margin-top:6px;font-size:12px}.finder-result p{margin:4px 0}.finder-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:2px}.finder-list li{display:flex;justify-content:space-between;gap:8px}.warn-text{color:var(--accent-2);font-size:12px}.ok{color:var(--ok);font-size:12px}.building{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.building-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.building-head b{font-size:14px}.mono{font-family:ui-monospace,monospace;font-size:11px}.building-meta{display:grid;gap:3px;margin:8px 0;font-size:12px}.building-meta button{justify-self:start;margin-top:4px;font-size:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px}.container-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 4px}.container-tabs button{font-size:11px;padding:3px 7px}.container-tabs button.active{border-color:var(--accent);background:#16324c}input.wide,button.wide{width:100%;margin-top:6px}.loot-table{width:100%;border-collapse:collapse;margin-top:6px;font-size:12px}.loot-table th{text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);padding:3px 4px}.loot-table td{border-bottom:1px solid #1b2430;padding:2px 4px;vertical-align:middle;position:relative}.loot-table td:nth-child(2){width:72px;font-variant-numeric:tabular-nums}.loot-table td:nth-child(3){width:64px}.loot-name{overflow-wrap:anywhere}.small{font-size:10px}.small-cell{width:58px}.bar{position:absolute;left:0;top:3px;bottom:3px;background:#3b9eff2e;border-radius:2px;z-index:0;pointer-events:none}.loot-table td:nth-child(2){z-index:0}.expanded-item{display:flex;align-items:center;gap:10px;padding:6px 4px 0}.expanded-item label{display:flex;align-items:center;gap:6px;color:var(--muted)}.why{margin-top:14px}.why input{width:100%}.why-result p{margin:6px 0}.version-input{width:64px}.tab-tools .check{color:var(--muted);font-size:12px}.tab-tools{flex-wrap:wrap;align-items:center}.header-actions select{max-width:150px}@media (max-width: 1100px){.side.right{width:300px}}@media (max-width: 820px){.side.right{width:100%}}.tier-legend{position:absolute;right:10px;top:10px;display:flex;gap:10px;padding:4px 10px;background:#0a0e14d9;border:1px solid var(--border);border-radius:6px;font-size:11px;pointer-events:none}.app.mobile{height:100vh;height:100dvh;--tabbar-h: calc(56px + env(safe-area-inset-bottom)) ;--header-h: calc(46px + env(safe-area-inset-top)) }.app.mobile input,.app.mobile select,.app.mobile button{font-size:16px}.app.mobile button{min-height:38px}.app.mobile input[type=checkbox]{width:20px;height:20px}.m-header{display:flex;align-items:center;gap:8px;height:var(--header-h);padding:env(safe-area-inset-top) 10px 0;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.m-header h1{font-size:16px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-header .primary{min-height:34px;padding:4px 14px}.m-status{font-size:12px}.m-main{flex:1;min-height:0;padding-bottom:var(--tabbar-h)}.m-main .map-wrap{height:100%}.m-tools{position:absolute;top:8px;left:8px;right:64px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:10px}.m-tools::-webkit-scrollbar{display:none}.toolbar.compact{flex-wrap:nowrap;width:max-content;gap:8px;padding:5px;background:#0f151de6;border:1px solid var(--border);border-radius:10px}.toolbar.compact .tool-group{flex-wrap:nowrap}.toolbar.compact button{white-space:nowrap;padding:6px 11px}.toolbar.compact input[type=range]{width:90px}.m-zoom{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px}.m-zoom button{width:46px;height:46px;font-size:22px;line-height:1;padding:0;background:#0f151deb;border-radius:10px}.app.mobile .tier-legend{top:62px;left:8px;right:auto;flex-wrap:wrap;max-width:calc(100% - 76px)}.app.mobile .map-hud{left:8px;right:8px;bottom:calc(var(--tabbar-h) + 8px);gap:10px;font-size:12px;flex-wrap:wrap;padding:4px 8px}.app.mobile.sheet-half .map-hud,.app.mobile.sheet-full .map-hud{display:none}.m-sheet{position:fixed;left:0;right:0;bottom:var(--tabbar-h);height:48dvh;display:flex;flex-direction:column;background:var(--bg-panel);border-top:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -10px 30px #00000073;z-index:5}.app.mobile.sheet-full .m-sheet{height:calc(100dvh - var(--header-h) - var(--tabbar-h));border-radius:0}.m-sheet-head{position:relative;display:flex;align-items:center;gap:4px;padding:10px 8px 4px 14px;border-bottom:1px solid var(--border)}.m-sheet-head b{flex:1;font-size:15px}.m-sheet-head .icon{font-size:18px;min-width:40px}.m-grip{position:absolute;top:3px;left:50%;transform:translate(-50%);width:44px;height:5px!important;min-height:0!important;padding:0;border:none;border-radius:3px;background:#3a4a5c}.m-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.m-sheet-body .panel{padding:10px 12px 20px}.m-sheet-body .checks{margin-top:0}.m-tabbar{position:fixed;left:0;right:0;bottom:0;height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--bg-panel);border-top:1px solid var(--border);z-index:6}.m-tabbar button{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:transparent;border:none;border-radius:0;color:var(--muted);font-size:11px!important;padding:4px 0}.m-tabbar button.active{color:var(--accent)}.m-tab-icon{font-size:19px;line-height:1.1}.m-badge{position:absolute;top:4px;right:calc(50% - 20px);min-width:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#04131f;font-size:10px;font-weight:700}.m-list{display:grid;gap:8px;margin-top:8px}.m-list button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;text-align:left}.m-list button.active{border-color:var(--accent)}.m-list .muted{font-size:12px}.m-menu h2{margin-top:14px}.m-menu-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.m-menu-grid label{display:flex;align-items:center;gap:6px;color:var(--text)}.m-menu-grid select{max-width:100%}.m-menu-grid .field input{width:100px}.app.mobile .toast{bottom:calc(var(--tabbar-h) + 12px);max-width:calc(100vw - 24px);width:max-content}.app.mobile .economy{padding:8px 8px 12px}.app.mobile .economy-head input[type=search]{min-width:0;flex:1}.app.mobile .modal{padding:16px;max-height:88dvh}.app.mobile .modal-backdrop{padding:10px}.app.mobile .loot-table td:nth-child(3){width:76px}.app.mobile .small-cell{width:68px}.app.mobile .fields label{grid-template-columns:70px 1fr}.app.mobile .group{padding:8px 6px;font-size:14px}.app.mobile .icon{min-width:36px}.app.mobile .layer-tools select{max-width:120px}.finder-list li{align-items:center}.app.mobile .finder-list button{min-height:32px}@media (orientation: landscape){.app.mobile{--sheet-w: min(420px, 55vw)}.app.mobile .m-sheet,.app.mobile.sheet-full .m-sheet{top:var(--header-h);left:auto;width:var(--sheet-w);height:auto;border-radius:0;border-top:none;border-left:1px solid var(--border);box-shadow:-10px 0 30px #00000073}.app.mobile.sheet-full .m-sheet{width:100%}.app.mobile.sheet-half .m-zoom{right:calc(var(--sheet-w) + 8px)}.app.mobile.sheet-half .m-tools{right:calc(var(--sheet-w) + 64px)}.app.mobile .m-grip{display:none}}