:root{--bg-0: #050505;--bg-1: #0a0a0a;--bg-2: #111111;--bg-3: #1a1a1a;--bg-4: #222222;--fg: #f2f2f2;--fg-dim: #9a9a9a;--fg-mute: #666666;--accent: #ff7300;--accent-hot: #ff8c28;--accent-dim: #c45a00;--accent-glow: rgba(255, 115, 0, .35);--accent-soft: rgba(255, 115, 0, .12);--border: #2a2a2a;--border-hot: rgba(255, 115, 0, .45);--danger: #ff3b3b;--danger-soft: rgba(255, 59, 59, .15);--ok: #3dd68c;--radius: 10px;--radius-sm: 6px;--shadow: 0 12px 40px rgba(0, 0, 0, .65);--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;font-family:var(--font);font-size:14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-0);color:var(--fg);overflow:hidden}body{display:flex;flex-direction:column;height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(255,115,0,.08),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(255,115,0,.04),transparent 50%),var(--bg-0)}#boot-splash{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg-0);transition:opacity .35s ease,visibility .35s ease}#boot-splash.done{opacity:0;visibility:hidden;pointer-events:none}.boot-mark{width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,var(--accent-hot),var(--accent-dim));box-shadow:0 0 40px var(--accent-glow),inset 0 1px #ffffff40;display:grid;place-items:center;font-weight:800;font-size:22px;color:#0a0a0a;letter-spacing:-.04em}.boot-title{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.boot-title span{color:var(--accent)}.boot-bar{width:140px;height:3px;border-radius:99px;background:var(--bg-3);overflow:hidden}.boot-bar>i{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:boot-slide 1.1s ease-in-out infinite}@keyframes boot-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 12px 0 14px;background:linear-gradient(180deg,#0e0e0e,#0a0a0a);border-bottom:1px solid var(--border);box-shadow:0 1px #ff730014;flex:0 0 auto;z-index:20}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;user-select:none}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,var(--accent-hot),var(--accent-dim));color:#0a0a0a;font-weight:800;font-size:13px;display:grid;place-items:center;box-shadow:0 0 16px var(--accent-glow)}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.brand-name em{font-style:normal;color:var(--accent)}.brand-sub{font-size:10px;color:var(--fg-mute);letter-spacing:.06em;text-transform:uppercase}.worldtabs{display:flex;gap:4px;overflow-x:auto;flex:1 1 auto;min-width:0;padding:0 8px;scrollbar-width:thin}.worldtab{padding:6px 12px;border-radius:8px;background:var(--bg-2);border:1px solid transparent;color:var(--fg-dim);cursor:pointer;white-space:nowrap;font-size:13px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.worldtab:hover{color:var(--fg);border-color:var(--border);background:var(--bg-3)}.worldtab.active{background:var(--accent-soft);border-color:var(--border-hot);color:var(--accent-hot);box-shadow:0 0 18px #ff73001f;font-weight:600}.worldtab-add{font-weight:700;padding-inline:12px;color:var(--accent);border:1px dashed rgba(255,115,0,.35);background:transparent}.worldtab-add:hover{background:var(--accent-soft);border-style:solid}.worldtab-rename{padding:5px 8px;border-radius:8px;border:1px solid var(--accent);background:var(--bg-2);color:var(--fg);width:8rem;outline:none}.topbar-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}.pill{padding:4px 10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);color:var(--fg-dim);font-variant-numeric:tabular-nums;font-size:12px;font-family:var(--mono)}.pill strong{color:var(--accent);font-weight:600}.icon-btn{background:var(--bg-2);border:1px solid var(--border);color:var(--fg);border-radius:8px;cursor:pointer;padding:6px 10px;transition:border-color .12s,background .12s,color .12s}.icon-btn:hover{background:var(--bg-3);border-color:var(--border-hot);color:var(--accent-hot)}.app{flex:1 1 auto;display:grid;grid-template-columns:1fr minmax(280px,320px);min-height:0}.app.panel-collapsed{grid-template-columns:1fr 0}#empty-state{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:radial-gradient(600px 400px at 50% 40%,rgba(255,115,0,.1),transparent 70%),#050505e0;backdrop-filter:blur(4px)}#empty-state[hidden]{display:none}.empty-card{width:min(420px,92vw);text-align:center;padding:28px 24px;border-radius:16px;background:linear-gradient(165deg,#141414,#0c0c0c);border:1px solid var(--border);box-shadow:var(--shadow),0 0 0 1px #ff73000f}.empty-card h2{margin:0 0 8px;font-size:20px;font-weight:700;letter-spacing:-.02em}.empty-card h2 span{color:var(--accent)}.empty-card p{margin:0 0 18px;color:var(--fg-dim);line-height:1.5;font-size:13px}.mapstack{position:relative;overflow:hidden;background:linear-gradient(180deg,#080808,#050505)}.mapstack:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 80px #0000008c}.map-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#canvas-base{z-index:1}#canvas-overlay{z-index:2}#canvas-markers{z-index:3}.dim-switcher{position:absolute;top:12px;right:12px;z-index:30;display:flex;gap:2px;padding:4px;background:#0a0a0ae0;border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(10px);box-shadow:0 8px 24px #0006}.dim-btn{padding:6px 12px;border:none;border-radius:7px;background:transparent;color:var(--fg-dim);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.dim-btn:hover{background:var(--bg-3);color:var(--fg)}.dim-btn.active{background:var(--accent);color:#0a0a0a;font-weight:700;box-shadow:0 0 16px var(--accent-glow)}.map-tools{position:absolute;top:56px;right:12px;z-index:30;display:flex;gap:2px;padding:4px;background:#0a0a0ae0;border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(10px);box-shadow:0 8px 24px #0006}.tool-btn{padding:6px 11px;border:none;border-radius:7px;background:transparent;color:var(--fg-dim);font:inherit;font-size:12px;cursor:pointer;transition:background .12s,color .12s}.tool-btn:hover{background:var(--bg-3);color:var(--fg)}.tool-btn.active{background:var(--accent-soft);color:var(--accent-hot);box-shadow:inset 0 0 0 1px var(--border-hot)}.coordbar{position:absolute;left:12px;bottom:12px;z-index:30;cursor:default;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0a0a0aeb;border:1px solid var(--border);border-radius:12px;font-variant-numeric:tabular-nums;backdrop-filter:blur(12px);box-shadow:0 10px 32px #00000080}.sidepanel{background:linear-gradient(180deg,#0c0c0c,#080808);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidepanel-head{padding:12px 14px 8px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sidepanel-head h2{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute)}.sidepanel-head a{color:var(--accent);text-decoration:none;font-size:11px}.sidepanel-head a:hover{text-decoration:underline}.filters{padding:12px 14px;border-bottom:1px solid var(--border)}.filters input[type=search]{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--fg);outline:none;transition:border-color .12s,box-shadow .12s}.filters input[type=search]:focus{border-color:var(--border-hot);box-shadow:0 0 0 3px var(--accent-soft)}.legend{padding:8px 12px 14px;overflow-y:auto;flex:1 1 auto}.legend-section-title{margin:10px 0 4px;color:var(--fg-mute);text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:600}.legend-row{display:flex;align-items:center;gap:8px;padding:4px;cursor:pointer;border-radius:6px;transition:background .1s}.legend-row:hover{background:var(--bg-2)}.legend-row.disabled{opacity:.4;cursor:not-allowed}.legend-swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto;box-shadow:0 0 0 1px #ffffff14}.modal-root{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b8;backdrop-filter:blur(6px)}.modal-root[hidden]{display:none}.modal-card{width:min(480px,100%);max-height:min(92vh,720px);overflow-y:auto;background:radial-gradient(500px 200px at 0% 0%,rgba(255,115,0,.1),transparent 55%),linear-gradient(165deg,#141414,#0a0a0a);border:1px solid var(--border);border-radius:16px;padding:22px 22px 18px;box-shadow:var(--shadow),0 0 0 1px #ff730014}.modal-card h2{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:-.02em}.modal-card h2 .accent{color:var(--accent)}.modal-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:3px 9px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--border-hot);color:var(--accent-hot);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{color:var(--fg-dim);font-size:12px;font-weight:600}.field input,.field select,.field textarea{padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--bg-1);color:var(--fg);font:inherit;outline:none;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-hot);box-shadow:0 0 0 3px var(--accent-soft)}.field input.invalid,.field textarea.invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.field-error{margin:0;font-size:11px;color:var(--danger);min-height:0}.btn{padding:9px 16px;border-radius:9px;border:none;background:linear-gradient(180deg,var(--accent-hot),var(--accent));color:#0a0a0a;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 0 20px #ff730040;transition:filter .12s,transform .08s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--bg-3);color:var(--fg);box-shadow:none;border:1px solid var(--border);font-weight:600}.btn.secondary:hover{background:var(--bg-4);border-color:var(--fg-mute)}.btn.danger{background:var(--danger);color:#fff;box-shadow:none}.btn:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:4px}.contextmenu{position:fixed;z-index:60;min-width:200px;background:#121212;border:1px solid var(--border);border-radius:10px;padding:5px;box-shadow:var(--shadow)}.contextmenu[hidden]{display:none}.contextmenu-item{padding:8px 12px;border-radius:7px;cursor:pointer;font-size:13px}.contextmenu-item:hover{background:var(--accent);color:#0a0a0a;font-weight:600}.toast-root{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:#141414;border:1px solid var(--border-hot);color:var(--fg);padding:10px 16px;border-radius:10px;box-shadow:0 8px 28px #00000080,0 0 20px #ff73001f;font-size:13px}.modal-lead{margin:0 0 16px;color:var(--fg-dim);line-height:1.5;font-size:13px}.field-hint{margin:2px 0 0;font-size:11px;color:var(--fg-mute);line-height:1.45}.field-hint code,.modal-lead code{background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-family:var(--mono);font-size:11px;color:var(--accent-hot)}.label-optional{opacity:.55;font-weight:400}.field-row{display:flex;gap:10px}.field-row>.field{flex:1;margin-bottom:12px}.labeled-input{display:flex;flex-direction:column;gap:3px;flex:1}.labeled-input .mini-label{font-size:10px;color:var(--fg-mute);font-weight:600}.labeled-input input{padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--bg-1);color:var(--fg);width:100%;outline:none}.labeled-input input:focus{border-color:var(--border-hot);box-shadow:0 0 0 3px var(--accent-soft)}.sd-steps{display:flex;gap:6px;margin:0 0 16px}.sd-step{flex:1;height:3px;border-radius:99px;background:var(--bg-3)}.sd-step.on{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.filter-searchwrap{position:relative}.filter-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--fg-mute);font-size:16px;line-height:1;cursor:pointer;padding:2px 6px}.filter-clear:hover{color:var(--accent)}.filter-cats{display:flex;gap:12px;margin-top:10px;font-size:12px;color:var(--fg-dim)}.filter-cats label{display:flex;align-items:center;gap:5px;cursor:pointer}.filter-cats input{accent-color:var(--accent)}.legend-empty,.legend-loading,.legend-empty-row{color:var(--fg-mute);font-size:12px;padding:6px 2px}.legend-section{margin-bottom:6px}.legend-section-title{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.legend-section-title:hover{color:var(--fg-dim)}.legend-caret{transition:transform .12s ease;font-size:10px;color:var(--accent)}.legend-section.collapsed .legend-caret{transform:rotate(-90deg)}.legend-section.collapsed .legend-section-body{display:none}.legend-count{margin-left:auto;opacity:.55;font-size:10px;font-family:var(--mono)}.legend-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-note{font-size:10px;color:var(--fg-mute);flex:0 0 auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-icon{width:12px;height:12px;flex:0 0 auto;border-radius:3px}.legend-icon.struct{background:linear-gradient(135deg,var(--accent) 0 50%,#8a3d00 50% 100%);transform:rotate(45deg);border-radius:2px}.legend-only{border:1px solid var(--border);background:transparent;color:var(--fg-mute);border-radius:4px;font-size:10px;padding:1px 6px;cursor:pointer;opacity:0;flex:0 0 auto}.legend-row:hover .legend-only{opacity:1}.legend-only:hover{color:#0a0a0a;background:var(--accent);border-color:var(--accent)}.poi-row{cursor:pointer}.poi-row:hover{background:var(--bg-2);border-radius:6px}.contextmenu-item{display:flex;align-items:center;gap:12px;justify-content:space-between}.contextmenu-item.danger{color:var(--danger)}.contextmenu-item.disabled{opacity:.35;cursor:default}.contextmenu-item.disabled:hover{background:transparent;color:inherit;font-weight:inherit}.contextmenu-hint{color:var(--fg-mute);font-size:11px;font-variant-numeric:tabular-nums}.contextmenu-item:hover .contextmenu-hint{color:#0a0a0a}.contextmenu-sep{height:1px;background:var(--border);margin:4px 2px}.coordbar-rich{flex-direction:column;align-items:stretch;gap:8px;max-width:min(460px,62vw);max-height:calc(100% - 24px);overflow-y:auto}.coordbar input{cursor:text}.coordbar select{cursor:pointer}.cb-live{display:flex;align-items:center;gap:12px}.cb-read b{color:var(--accent);font-weight:700}.cb-biome{color:var(--fg-dim)}.cb-live .icon-btn{margin-left:auto}.cb-nav{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:8px}.cb-imat{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.cb-imat-label,.cb-goto-label{color:var(--fg-dim);font-size:12px;align-self:center}.cb-xz{display:flex;flex-direction:column;gap:2px}.cb-xz span{font-size:10px;color:var(--fg-mute)}.cb-xz em{opacity:.6;font-style:normal}.cb-xz input{width:5.5rem;padding:6px 8px;border-radius:7px;border:1px solid var(--border);background:var(--bg-1);color:var(--fg);font-variant-numeric:tabular-nums;outline:none}.cb-xz input:focus{border-color:var(--border-hot);box-shadow:0 0 0 2px var(--accent-soft)}.cb-goto{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cb-goto select{flex:1 1 8rem;padding:6px 8px;border-radius:7px;border:1px solid var(--border);background:var(--bg-1);color:var(--fg);outline:none}.cb-find{padding:7px 14px}.cb-result{border-top:1px dashed var(--border);padding-top:8px}.cb-hit{display:flex;flex-direction:column;gap:4px}.cb-hit-main{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cb-hit-coords{font-variant-numeric:tabular-nums;color:var(--fg-dim);font-family:var(--mono);font-size:12px}.cb-hit-nav{color:var(--fg);font-variant-numeric:tabular-nums}.cb-hit-note{font-size:11px;color:var(--fg-mute);line-height:1.4}.cb-hit-copy{align-self:flex-start;margin-top:2px}.legend::-webkit-scrollbar,.modal-card::-webkit-scrollbar{width:8px}.legend::-webkit-scrollbar-thumb,.modal-card::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:99px}.legend::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@media(max-width:820px){.app{grid-template-columns:1fr}.sidepanel{position:absolute;right:0;top:0;bottom:0;width:min(320px,88vw);z-index:35;box-shadow:-12px 0 40px #00000080}.app.panel-collapsed .sidepanel,.brand-sub{display:none}}