*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:#111;color:#eee;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{display:flex;height:100dvh;width:100vw;overflow:hidden}#sidebar{width:370px;max-width:42vw;background:#17130f;border-right:1px solid #3d3126;overflow:auto;padding:14px;z-index:5;transition:transform .2s ease}h1{font-family:Georgia,serif;color:#d7bd7c;margin:0 0 4px;font-size:24px}p{color:#b7aa94;margin:.3rem 0 1rem;font-size:13px}.mapselect-label{display:grid;gap:5px;color:#d7bd7c;font-weight:700;margin-bottom:10px}select{width:100%;padding:10px;border-radius:7px;border:1px solid #5b4935;background:#0f0d0a;color:#fff}.stats{padding:10px;background:#241c14;border:1px solid #493923;border-radius:8px;margin-bottom:10px}#trackedCount{color:#9ee493}#pct{float:right;color:#d7bd7c}input[type=search]{width:100%;padding:10px;border-radius:7px;border:1px solid #5b4935;background:#0f0d0a;color:#fff;margin-bottom:10px}.toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.toolbar.vertical{display:grid}button,.file{border:1px solid #695237;background:#2a2118;color:#f3e4c0;border-radius:7px;padding:8px 10px;cursor:pointer;font-size:13px}button:hover,.file:hover,button.active{background:#3a2c1e}.danger{border-color:#8f3737;color:#ffd0d0}.file input{display:none}summary{cursor:pointer;color:#d7bd7c;font-weight:700;margin:12px 0 6px}.group-title{font-size:12px;text-transform:uppercase;color:#a58a59;margin:12px 0 4px}.cat{display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid #221b14}.cat input{accent-color:#d7bd7c}.cat span:nth-child(3){margin-left:auto;color:#8d806b;font-size:12px}main{position:relative;flex:1;min-width:0}#map{position:absolute;inset:0}.popup{max-width:330px;color:#1b140e}.popup h3{margin:.2rem 0;color:#5b3d00}.popup .meta{font-size:12px;color:#665}.popup img{max-width:100%;border-radius:6px;margin-top:6px}.popup button{background:#2a2118;color:#fff}.desc{max-height:180px;overflow:auto}.desc a{color:#906000}#results{position:absolute;right:12px;top:12px;width:min(420px,42vw);max-height:50vh;overflow:auto;background:rgba(20,16,12,.94);border:1px solid #493923;border-radius:9px;display:none;padding:8px;z-index:3}.result{padding:7px;border-bottom:1px solid #3a2c1e;cursor:pointer}.result:hover{background:#2a2118}.result b{color:#f0d28a}.result small{display:block;color:#b7aa94}.maplibregl-popup-content{background:#f5ecd6}.maplibregl-popup-close-button{color:#000;font-size:18px}#mobileToggle{display:none;position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:10px;z-index:4;background:#17130f;border-color:#d7bd7c;font-weight:700}@media(max-width:820px){#app{display:block}#sidebar{position:absolute;left:0;top:0;bottom:0;width:min(88vw,390px);max-width:none;box-shadow:8px 0 30px rgba(0,0,0,.45);transform:translateX(-102%);padding-top:calc(env(safe-area-inset-top) + 14px);padding-bottom:calc(env(safe-area-inset-bottom) + 14px)}body.sidebar-open #sidebar{transform:translateX(0)}main{height:100dvh;width:100vw}#mobileToggle{display:block}.toolbar button,.file{min-height:38px}#results{left:10px;right:10px;top:auto;bottom:calc(env(safe-area-inset-bottom) + 12px);width:auto;max-height:38vh}.maplibregl-ctrl-top-right{top:50px}.popup{max-width:260px}.desc{max-height:140px}}