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