:root{
  --wl-bg-deep:#1a1410;--wl-bg-mid:#2a2118;--wl-bg-light:#3d3226;--wl-bg-hover:#4e3f30;
  --wl-border:#5c4a38;--wl-border-heavy:#7a5f45;--wl-border-light:#45382a;
  --wl-text-bright:#f5e6d3;--wl-text-mid:#c4a882;--wl-text-dim:#8b7355;
  --wl-accent:#d4855c;--wl-accent-warm:#b8632e;--wl-accent-gold:#c9a84c;
  --wl-font-display:'Bungee Shade','Impact',sans-serif;
  --wl-font-body:'Segoe UI',system-ui,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden;font-family:var(--wl-font-body);background:var(--wl-bg-deep);color:var(--wl-text-bright);overscroll-behavior:none}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}
#topbar{display:flex;align-items:center;gap:12px;padding:10px 24px;background:linear-gradient(180deg,var(--wl-bg-light),var(--wl-bg-mid));border-bottom:3px solid var(--wl-border-heavy);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 2px 8px rgba(0,0,0,.5);z-index:10;position:relative;flex:0 0 auto}
#topbar::before,#topbar::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--wl-border-heavy),var(--wl-bg-light));box-shadow:inset 0 1px 2px rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.5)}
#topbar::before{left:8px}
#topbar::after{right:8px}
#topbar button{background:linear-gradient(180deg,var(--wl-bg-hover),var(--wl-bg-light));color:var(--wl-text-bright);border:2px solid var(--wl-border);border-radius:3px;padding:5px 14px;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 0 var(--wl-border-heavy);text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .1s}
#topbar button:hover{background:linear-gradient(180deg,var(--wl-bg-hover),var(--wl-accent-warm));border-color:var(--wl-accent)}
#topbar button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.4);transform:translateY(1px)}
#topbar button:disabled{opacity:.3;cursor:default;transform:none}
#breadcrumb{display:flex;align-items:center;gap:4px;font-size:14px;flex:1;overflow-x:auto;white-space:nowrap}
#breadcrumb .sep{color:var(--wl-text-dim)}
#breadcrumb .crumb{color:var(--wl-accent-gold);cursor:pointer;text-decoration:none;border-bottom:1px dashed var(--wl-accent-gold)}
#breadcrumb .crumb:hover{color:var(--wl-text-bright);border-color:var(--wl-text-bright)}
#breadcrumb .current{color:var(--wl-text-bright);font-weight:600}
#topbar-place-nav{display:flex;align-items:center;gap:6px;min-width:280px;max-width:420px;flex:0 1 34vw}
#place-nav-input{width:100%;background:var(--wl-bg-deep);border:1px solid var(--wl-border);border-radius:3px;padding:7px 10px;color:var(--wl-text-bright);font-size:12px;outline:none}
#place-nav-input:focus{border-color:var(--wl-accent)}
#place-nav-input::placeholder{color:var(--wl-text-dim)}
#topbar-place-nav button{padding:5px 10px}
#stats{font-size:11px;color:var(--wl-accent);white-space:nowrap;font-family:'Courier New',monospace;letter-spacing:.5px;text-shadow:0 0 6px rgba(212,133,92,.3);padding:2px 8px;border:1px solid var(--wl-border);background:var(--wl-bg-deep);border-radius:2px}
#map-container{position:relative;width:100%;flex:1 1 auto;min-height:0;height:auto}
svg#map{width:100%;height:100%;display:block;background:var(--wl-bg-deep);touch-action:none}
#legend{position:absolute;bottom:16px;left:16px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,115,85,.03) 2px,rgba(139,115,85,.03) 4px),radial-gradient(ellipse at 20% 80%,rgba(180,150,100,.12),transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(160,130,90,.08),transparent 60%),linear-gradient(135deg,#2f2519,#3a2e22 40%,#352a1f 70%,#2a2118);border:2px solid var(--wl-border);border-radius:4px;padding:18px 18px 14px;font-size:12px;z-index:5;pointer-events:auto;user-select:none;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:4px 4px 12px rgba(0,0,0,.5),inset 0 0 20px rgba(0,0,0,.15)}
#legend::before,#legend::after{content:'';position:absolute;top:6px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d44,#811);box-shadow:0 2px 4px rgba(0,0,0,.6),inset 0 -1px 2px rgba(0,0,0,.3);z-index:6}
#legend::before{left:8px}
#legend::after{right:8px}
#legend h3{font-family:var(--wl-font-body);font-size:11px;margin-bottom:8px;color:var(--wl-accent);font-weight:700;letter-spacing:.35px;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.4)}
#legend::-webkit-scrollbar{width:6px}
#legend::-webkit-scrollbar-track{background:var(--wl-bg-deep)}
#legend::-webkit-scrollbar-thumb{background:var(--wl-border);border-radius:3px}
#legend::-webkit-scrollbar-thumb:hover{background:var(--wl-border-heavy)}
.legend-row{display:flex;align-items:center;gap:8px;margin:4px 0;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .15s;color:var(--wl-text-bright)}
.legend-row:hover{background:rgba(212,133,92,.12)}
.legend-row.off{opacity:.3}
.legend-row.off .legend-dot,.legend-row.off .legend-diamond{filter:grayscale(1)}
.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}
.legend-diamond{width:12px;height:12px;flex-shrink:0;transform:rotate(45deg);border-radius:2px}
.legend-check{width:14px;font-size:13px;text-align:center;flex-shrink:0;color:var(--wl-accent)}
#tooltip{position:absolute;display:none;background:rgba(26,20,16,.96);border:1px solid var(--wl-border-heavy);border-radius:4px;padding:8px 12px;font-size:12px;pointer-events:none;z-index:20;max-width:320px;line-height:1.5;box-shadow:0 4px 16px rgba(0,0,0,.6)}
#tooltip .tt-title{font-weight:600;color:var(--wl-text-bright);margin-bottom:2px}
#tooltip .tt-row{color:var(--wl-text-mid)}
#tooltip .tt-label{color:var(--wl-text-dim)}
#scale-bar{position:absolute;bottom:16px;right:16px;background:rgba(42,33,24,.94);border:1px solid var(--wl-border);border-radius:3px;padding:8px 14px;font-size:11px;color:var(--wl-text-dim);z-index:5;font-family:'Courier New',monospace}
#zoom-controls{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:4px;z-index:5}
#zoom-controls button{width:32px;height:32px;background:rgba(42,33,24,.94);border:2px solid var(--wl-border);border-radius:3px;color:var(--wl-accent);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}
#zoom-controls button:hover{background:var(--wl-bg-hover);border-color:var(--wl-accent)}
#empty-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--wl-text-dim);font-size:14px;text-align:center;pointer-events:none;z-index:3;display:none}
/* Lock-level colors */
.lock-novice{fill:#22c55e;stroke:#16a34a}
.lock-advanced{fill:#eab308;stroke:#ca8a04}
.lock-expert{fill:#f97316;stroke:#ea580c}
.lock-master{fill:#ef4444;stroke:#dc2626}
.lock-legendary{fill:#ec4899;stroke:#db2777}
.lock-requires-key{fill:#a855f7;stroke:#9333ea}
.lock-inaccessible{fill:#6b7280;stroke:#4b5563}
.lock-marker{stroke-width:1.5;cursor:pointer;opacity:.85;transition:opacity .15s}
.lock-marker:hover{opacity:1;filter:drop-shadow(0 0 4px currentColor)}
.transition-marker{fill:#3b82f6;stroke:#2563eb;stroke-width:1.5;cursor:pointer;opacity:.85;transition:opacity .15s}
.transition-marker:hover{opacity:1;filter:drop-shadow(0 0 6px #3b82f6)}
.scene-marker{fill:#14b8a6;stroke:#0d9488;stroke-width:1.5;cursor:pointer;opacity:.85;transition:opacity .15s}
.scene-marker:hover{opacity:1;filter:drop-shadow(0 0 6px #14b8a6)}
.grid-line{stroke:var(--wl-bg-mid);stroke-width:1;vector-effect:non-scaling-stroke}
.grid-label{fill:var(--wl-border-heavy);font-size:14px;font-family:monospace}
.place-marker{fill:rgba(245,230,211,.4);stroke:none;cursor:pointer;transition:fill .15s}
.place-marker:hover{fill:rgba(245,230,211,.8)}
.place-label{fill:var(--wl-text-bright);font-family:var(--wl-font-body);pointer-events:none;text-anchor:middle;dominant-baseline:auto;opacity:0;transition:opacity .15s;stroke:var(--wl-bg-deep);stroke-width:3px;paint-order:stroke fill}
.place-marker:hover+.place-label,.place-label.show{opacity:1}
.landmark-marker{fill:rgba(245,210,100,.4);stroke:none;cursor:pointer;transition:fill .15s}
.landmark-marker:hover{fill:rgba(245,210,100,.8)}
.landmark-label{fill:#f0d264;font-family:var(--wl-font-body);pointer-events:none;text-anchor:middle;dominant-baseline:auto;opacity:0;transition:opacity .15s;stroke:var(--wl-bg-deep);stroke-width:3px;paint-order:stroke fill}
.landmark-marker:hover+.landmark-label,.landmark-label.show{opacity:1}
/* Category marker styles */
.cat-marker{stroke-width:1.5;cursor:pointer;opacity:.75;transition:opacity .15s}
.cat-marker:hover{opacity:1}
.cat-marker.enemy-nearby-highlight{opacity:1;stroke:#f8e16c !important;stroke-width:2.5;filter:drop-shadow(0 0 7px #f8e16c)}
.cat-resource{fill:#06b6d4;stroke:#0891b2}.cat-resource:hover{filter:drop-shadow(0 0 4px #06b6d4)}
.cat-ore-vein{fill:#a78bfa;stroke:#8b5cf6}.cat-ore-vein:hover{filter:drop-shadow(0 0 4px #a78bfa)}
.cat-flora-crop{fill:#4ade80;stroke:#22c55e}.cat-flora-crop:hover{filter:drop-shadow(0 0 4px #4ade80)}
.cat-flora-herb{fill:#2dd4bf;stroke:#14b8a6}.cat-flora-herb:hover{filter:drop-shadow(0 0 4px #2dd4bf)}
.cat-flora-fungus{fill:#818cf8;stroke:#6366f1}.cat-flora-fungus:hover{filter:drop-shadow(0 0 4px #818cf8)}
.cat-fusion-core{fill:#facc15;stroke:#eab308}.cat-fusion-core:hover{filter:drop-shadow(0 0 4px #facc15)}
.cat-medical{fill:#f472b6;stroke:#ec4899}.cat-medical:hover{filter:drop-shadow(0 0 4px #f472b6)}
.cat-chem-loot{fill:#34d399;stroke:#047857}.cat-chem-loot:hover{filter:drop-shadow(0 0 4px #34d399)}
.cat-ammo-box{fill:#fb923c;stroke:#f97316}.cat-ammo-box:hover{filter:drop-shadow(0 0 4px #fb923c)}
.cat-apparel-static{fill:#f9a8d4;stroke:#ec4899}.cat-apparel-static:hover{filter:drop-shadow(0 0 4px #f9a8d4)}
.cat-apparel-loot{fill:#f472b6;stroke:#db2777}.cat-apparel-loot:hover{filter:drop-shadow(0 0 4px #f472b6)}
.cat-junk{fill:#a16207;stroke:#854d0e}.cat-junk:hover{filter:drop-shadow(0 0 4px #a16207)}
.cat-trap{fill:#f59e0b;stroke:#d97706}.cat-trap:hover{filter:drop-shadow(0 0 4px #f59e0b)}
.cat-water-body{fill:#00aaff;stroke:#33cfff}.cat-water-body:hover{filter:drop-shadow(0 0 4px #00aaff)}
.cat-bobblehead{fill:#c084fc;stroke:#a855f7}.cat-bobblehead:hover{filter:drop-shadow(0 0 4px #c084fc)}
.cat-magazine{fill:#38bdf8;stroke:#0ea5e9}.cat-magazine:hover{filter:drop-shadow(0 0 4px #38bdf8)}
.cat-plan-static{fill:#60a5fa;stroke:#2563eb}.cat-plan-static:hover{filter:drop-shadow(0 0 4px #60a5fa)}
.cat-plan-loot{fill:#38bdf8;stroke:#0284c7}.cat-plan-loot:hover{filter:drop-shadow(0 0 4px #38bdf8)}
.cat-random-encounter{fill:#e879f9;stroke:#d946ef}.cat-random-encounter:hover{filter:drop-shadow(0 0 4px #e879f9)}
.cat-enemy-legendary{fill:#f43f5e;stroke:#e11d48}.cat-enemy-legendary:hover{filter:drop-shadow(0 0 4px #f43f5e)}
.cat-enemy-other{fill:#fb7185;stroke:#f43f5e}.cat-enemy-other:hover{filter:drop-shadow(0 0 4px #fb7185)}
.cat-passive-npc{fill:#a3e635;stroke:#84cc16}.cat-passive-npc:hover{filter:drop-shadow(0 0 4px #a3e635)}
/* Collapsible legend sections */
.legend-section .section-body{overflow:hidden;transition:max-height .25s ease;max-height:500px}
.legend-section.collapsed .section-body{max-height:0}
.section-arrow{font-size:10px;transition:transform .2s;display:inline-block}
.legend-section.collapsed .section-arrow{transform:rotate(-90deg)}
.section-btns{float:right;display:flex;gap:4px}
.section-btns button{background:var(--wl-bg-light);color:var(--wl-text-mid);border:1px solid var(--wl-border);border-radius:3px;padding:1px 6px;font-size:10px;cursor:pointer;line-height:1.4}
.section-btns button:hover{background:var(--wl-bg-hover);color:var(--wl-text-bright)}
/* Object search popup */
#obj-popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:50}
#obj-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(139,115,85,.02) 3px,rgba(139,115,85,.02) 6px),linear-gradient(180deg,#332a1f,#2a2118);border:2px solid var(--wl-border-heavy);border-radius:6px;width:min(980px,96vw);max-width:96vw;max-height:80vh;display:flex;flex-direction:column;z-index:51;box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.03)}
#obj-popup-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--wl-border);background:linear-gradient(180deg,rgba(61,50,38,.5),transparent)}
#obj-popup-header h3{flex:1;font-family:var(--wl-font-body);font-size:12px;color:var(--wl-accent);font-weight:400;letter-spacing:1px;text-transform:uppercase}
#obj-popup-close{background:none;border:none;color:var(--wl-text-dim);font-size:20px;cursor:pointer;padding:0 4px}
#obj-popup-close:hover{color:var(--wl-accent)}
#obj-search{background:var(--wl-bg-deep);border:1px solid var(--wl-border);border-radius:3px;padding:8px 12px;color:var(--wl-text-bright);font-size:13px;margin:12px 16px 0;width:calc(100% - 32px);box-sizing:border-box;outline:none}
#obj-search:focus{border-color:var(--wl-accent)}
#obj-search::placeholder{color:var(--wl-text-dim)}
#obj-popup-help{padding:8px 16px 0;color:var(--wl-text-dim);font-size:11px;line-height:1.45}
#obj-popup-actions{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid var(--wl-border-light)}
#obj-popup-actions button{background:var(--wl-bg-light);color:var(--wl-text-mid);border:1px solid var(--wl-border);border-radius:3px;padding:4px 12px;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}
#obj-popup-actions button:hover{background:var(--wl-bg-hover);color:var(--wl-text-bright)}
#obj-popup-status{font-size:11px;color:var(--wl-text-dim);margin-left:auto;align-self:center}
#obj-list{flex:1;overflow-y:auto;padding:4px 0}
#obj-list::-webkit-scrollbar{width:8px}
#obj-list::-webkit-scrollbar-track{background:var(--wl-bg-deep)}
#obj-list::-webkit-scrollbar-thumb{background:var(--wl-border);border-radius:4px;border:1px solid var(--wl-bg-deep)}
#obj-list::-webkit-scrollbar-thumb:hover{background:var(--wl-border-heavy)}
#obj-list .obj-row{display:flex;align-items:center;gap:8px;padding:4px 16px;cursor:pointer;font-size:12px;transition:background .1s}
#obj-list .obj-row:hover{background:rgba(212,133,92,.1)}
#obj-list .obj-row.off{opacity:.4}
#obj-list .obj-check{width:14px;font-size:13px;text-align:center;flex-shrink:0;color:var(--wl-accent)}
#obj-list .obj-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
#obj-list .obj-name{flex:1 1 40%;min-width:220px;color:var(--wl-text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#obj-list .obj-edid{flex:1 1 42%;min-width:280px;color:var(--wl-text-dim);font-size:11px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}
#obj-list .obj-count{color:var(--wl-text-dim);font-size:11px;min-width:30px;text-align:right}
/* Loot route planner */
.route-line{fill:none;stroke:#f8e16c;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;opacity:.9;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px rgba(248,225,108,.45));pointer-events:none}
.route-start-line{fill:none;stroke:#f59e0b;stroke-width:14;stroke-linecap:round;stroke-dasharray:18 10;opacity:.9;vector-effect:non-scaling-stroke;pointer-events:none}
.route-stop{fill:#f8e16c;stroke:#5b4520;stroke-width:2;vector-effect:non-scaling-stroke}
.route-stop-label{fill:#1a1410;font-family:'Courier New',monospace;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}
#route-popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:52}
#route-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(139,115,85,.02) 3px,rgba(139,115,85,.02) 6px),linear-gradient(180deg,#332a1f,#2a2118);border:2px solid var(--wl-border-heavy);border-radius:6px;width:560px;max-width:92vw;max-height:82vh;display:none;flex-direction:column;z-index:53;box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.03)}
#route-popup-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--wl-border);background:linear-gradient(180deg,rgba(61,50,38,.5),transparent)}
#route-popup-header h3{flex:1;font-family:var(--wl-font-body);font-size:12px;color:var(--wl-accent-gold);font-weight:400;letter-spacing:1px;text-transform:uppercase}
#route-popup-close{background:none;border:none;color:var(--wl-text-dim);font-size:20px;cursor:pointer;padding:0 4px}
#route-popup-close:hover{color:var(--wl-accent)}
#route-popup-body{padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.route-field{display:flex;flex-direction:column;gap:5px}
.route-field label{font-size:11px;color:var(--wl-text-mid);text-transform:uppercase;letter-spacing:.4px}
.route-field select,.route-field input{background:var(--wl-bg-deep);border:1px solid var(--wl-border);border-radius:3px;padding:8px 10px;color:var(--wl-text-bright);font-size:13px;outline:none}
.route-field select:focus,.route-field input:focus{border-color:var(--wl-accent)}
#route-popup-actions{display:flex;gap:8px;align-items:center}
#route-popup-actions button{background:var(--wl-bg-light);color:var(--wl-text-mid);border:1px solid var(--wl-border);border-radius:3px;padding:6px 14px;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}
#route-popup-actions button:hover{background:var(--wl-bg-hover);color:var(--wl-text-bright)}
#route-popup-summary{font-size:12px;color:var(--wl-text-mid);line-height:1.5}
#route-popup-results{border-top:1px solid var(--wl-border-light);padding-top:12px;display:flex;flex-direction:column;gap:8px}
#route-stop-list{max-height:220px;overflow:auto;border:1px solid var(--wl-border-light);border-radius:4px;background:rgba(26,20,16,.55)}
.route-stop-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;padding:7px 10px;border-bottom:1px solid rgba(92,74,56,.45);font-size:12px}
.route-stop-row:last-child{border-bottom:none}
.route-stop-idx{color:var(--wl-accent-gold);font-family:'Courier New',monospace}
.route-stop-name{color:var(--wl-text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.route-stop-meta{color:var(--wl-text-dim);font-size:11px}
/* C.A.M.P finder */
#camp-popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:54}
#camp-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(139,115,85,.02) 3px,rgba(139,115,85,.02) 6px),linear-gradient(180deg,#332a1f,#2a2118);border:2px solid var(--wl-border-heavy);border-radius:6px;width:640px;max-width:94vw;max-height:84vh;display:none;flex-direction:column;z-index:55;box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.03)}
#camp-popup-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--wl-border);background:linear-gradient(180deg,rgba(61,50,38,.5),transparent)}
#camp-popup-header h3{flex:1;font-family:var(--wl-font-body);font-size:12px;color:var(--wl-accent-gold);font-weight:400;letter-spacing:1px;text-transform:uppercase}
#camp-popup-close{background:none;border:none;color:var(--wl-text-dim);font-size:20px;cursor:pointer;padding:0 4px}
#camp-popup-close:hover{color:var(--wl-accent)}
#camp-popup-body{padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}
#camp-popup-summary{font-size:12px;color:var(--wl-text-mid);line-height:1.5}
.camp-grid{display:grid;grid-template-columns:1fr 160px;gap:12px}
.camp-field{display:flex;flex-direction:column;gap:6px}
.camp-field label{font-size:11px;color:var(--wl-text-mid);text-transform:uppercase;letter-spacing:.4px}
.camp-field select,.camp-field input{background:var(--wl-bg-deep);border:1px solid var(--wl-border);border-radius:3px;padding:8px 10px;color:var(--wl-text-bright);font-size:13px;outline:none}
.camp-field select:focus,.camp-field input:focus{border-color:var(--wl-accent)}
#camp-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.camp-group-row{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--wl-border-light);border-radius:4px;background:rgba(26,20,16,.45);cursor:pointer}
.camp-group-row input{accent-color:var(--wl-accent)}
.camp-group-name{flex:1;color:var(--wl-text-bright);font-size:12px}
.camp-group-meta{color:var(--wl-text-dim);font-size:11px}
#camp-popup-actions{display:flex;gap:8px;align-items:center}
#camp-popup-actions button{background:var(--wl-bg-light);color:var(--wl-text-mid);border:1px solid var(--wl-border);border-radius:3px;padding:6px 14px;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}
#camp-popup-actions button:hover{background:var(--wl-bg-hover);color:var(--wl-text-bright)}
#camp-popup-status{font-size:11px;color:var(--wl-text-dim);margin-left:auto}
#camp-popup-results{border-top:1px solid var(--wl-border-light);padding-top:12px;display:flex;flex-direction:column;gap:8px}
#camp-popup-metrics,#camp-object-popup-metrics{font-size:12px;color:var(--wl-text-mid);line-height:1.5}
#camp-result-list,#camp-object-result-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto}
.camp-result-row{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:10px 12px;border:1px solid var(--wl-border-light);border-radius:4px;background:rgba(26,20,16,.55);cursor:pointer;color:inherit}
.camp-result-row:hover{border-color:var(--wl-accent);background:rgba(46,35,25,.86)}
.camp-result-row.selected{border-color:#76f4c0;background:rgba(20,38,31,.88);box-shadow:inset 0 0 0 1px rgba(118,244,192,.28)}
.camp-result-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(201,168,76,.18);border:1px solid rgba(201,168,76,.35);color:var(--wl-accent-gold);font-family:'Courier New',monospace;font-weight:700;flex:0 0 auto}
.camp-result-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.camp-result-title{color:var(--wl-text-bright);font-size:13px;font-weight:600}
.camp-result-meta{color:var(--wl-text-dim);font-size:11px}
.camp-result-detail{color:var(--wl-text-mid);font-size:11px;line-height:1.4}
.camp-result-detail-label{color:var(--wl-accent-gold)}
.camp-result-warning{color:#f0b36a;font-size:11px}
.camp-spot-ring{fill:rgba(255,255,255,0);stroke:#f8e16c;stroke-width:4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px rgba(248,225,108,.55))}
.camp-spot-core{fill:#f8e16c;stroke:#5b4520;stroke-width:2;vector-effect:non-scaling-stroke}
.camp-spot-label-bg{fill:rgba(26,20,16,.92);stroke:#f8e16c;stroke-width:1.5;vector-effect:non-scaling-stroke}
.camp-spot-label{fill:#f8e16c;font-family:'Courier New',monospace;font-size:12px;font-weight:700;text-anchor:middle}
.camp-object-spot-ring{fill:rgba(255,255,255,0);stroke:#76f4c0;stroke-width:4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px rgba(118,244,192,.45))}
.camp-object-spot-core{fill:#76f4c0;stroke:#224b3f;stroke-width:2;vector-effect:non-scaling-stroke}
.camp-object-spot-label-bg{fill:rgba(18,28,24,.92);stroke:#76f4c0;stroke-width:1.5;vector-effect:non-scaling-stroke}
.camp-object-spot-label{fill:#76f4c0;font-family:'Courier New',monospace;font-size:12px;font-weight:700;text-anchor:middle}
#camp-object-popup-overlay{display:none;position:fixed;inset:0;background:transparent;pointer-events:none;z-index:56}
#camp-object-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(139,115,85,.02) 3px,rgba(139,115,85,.02) 6px),linear-gradient(180deg,#332a1f,#2a2118);border:2px solid var(--wl-border-heavy);border-radius:6px;width:680px;max-width:94vw;max-height:84vh;display:none;flex-direction:column;z-index:57;box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.03)}
#camp-object-popup-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--wl-border);background:linear-gradient(180deg,rgba(61,50,38,.5),transparent);cursor:move;user-select:none;touch-action:none}
#camp-object-popup-header h3{flex:1;font-family:var(--wl-font-body);font-size:12px;color:#76f4c0;font-weight:400;letter-spacing:1px;text-transform:uppercase}
#camp-object-popup-close{background:none;border:none;color:var(--wl-text-dim);font-size:20px;cursor:pointer;padding:0 4px}
#camp-object-popup-close:hover{color:#76f4c0}
#camp-object-popup-body{padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}
#camp-object-popup-summary{font-size:12px;color:var(--wl-text-mid);line-height:1.5}
#camp-object-selection{display:flex;flex-wrap:wrap;gap:8px;max-height:148px;overflow:auto}
.camp-object-chip{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid var(--wl-border-light);border-radius:4px;background:rgba(26,20,16,.45);min-width:0}
.camp-object-chip-name{color:var(--wl-text-bright);font-size:12px;font-weight:600}
.camp-object-chip-meta{color:var(--wl-text-dim);font-size:11px}
.camp-object-empty{padding:12px;border:1px dashed var(--wl-border-light);border-radius:4px;color:var(--wl-text-dim);background:rgba(26,20,16,.25)}
#camp-object-popup-actions{display:flex;gap:8px;align-items:center}
#camp-object-popup-actions button{background:var(--wl-bg-light);color:var(--wl-text-mid);border:1px solid var(--wl-border);border-radius:3px;padding:6px 14px;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}
#camp-object-popup-actions button:hover{background:var(--wl-bg-hover);color:var(--wl-text-bright)}
#camp-object-popup-status{font-size:11px;color:var(--wl-text-dim);margin-left:auto}
#camp-object-popup-results{border-top:1px solid var(--wl-border-light);padding-top:12px;display:flex;flex-direction:column;gap:8px}
@media (max-width:900px){#topbar{flex-wrap:wrap;padding:10px 14px 12px}#topbar::before,#topbar::after{display:none}#topbar-place-nav{order:10;min-width:100%;max-width:none;flex:1 1 100%}#breadcrumb{order:9;flex:1 1 100%;min-width:0}#stats{display:none}}
@media (max-width:700px){
  #topbar{gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 10px}
  #topbar button{padding:6px 10px;font-size:12px;letter-spacing:.2px}
  #topbar-place-nav{gap:6px}
  #place-nav-input{padding:9px 10px;font-size:13px}
  #legend{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));max-width:none;width:auto;max-height:min(34dvh,280px);padding:12px 10px 8px;font-size:11px;border-width:1px;border-radius:6px;-webkit-overflow-scrolling:touch}
  #legend::before,#legend::after{display:none}
  #legend h3{font-size:10px;margin-bottom:6px}
  .legend-row{gap:6px;margin:2px 0;padding:3px 2px}
  .section-btns{gap:3px}
  .section-btns button{padding:1px 5px}
  #zoom-controls{top:8px;right:8px}
  #zoom-controls button{width:40px;height:40px;font-size:20px}
  #scale-bar{left:8px;right:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px) + min(34dvh,280px) + 8px);padding:6px 10px;font-size:10px;max-width:calc(100vw - 64px)}
  .route-grid{grid-template-columns:1fr}
  .camp-grid{grid-template-columns:1fr}
  #camp-group-list{grid-template-columns:1fr}
  #camp-object-popup{width:94vw}
  #camp-object-selection{max-height:none}
}