:root{--bg:#12161c;--panel:#1b212b;--text:#e6e9ee;--muted:#8b95a5;--accent:#4cc38a;--line:#2a3340;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;display:flex;background:var(--bg);color:var(--text);font:14px system-ui,sans-serif}#side{width:300px;flex:none;overflow-y:auto;padding:12px;background:var(--panel);border-right:1px solid var(--line)}h1{font-size:18px;margin:0}.sideHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px;flex:1}input:not([type=checkbox]),select{width:100%;margin-top:3px;padding:6px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px}.row{display:flex;gap:8px}.check{display:flex;gap:6px;align-items:center}button{padding:7px 10px;background:var(--accent);color:#06140d;border:0;border-radius:6px;font-weight:600;cursor:pointer;flex:1}button.alt{background:var(--line);color:var(--text)}.note{color:#e0b050;font-size:12px}.note.error{color:#ff7b72}.hint{color:var(--muted);font-size:12px;margin:0 0 6px}#saved+.row{margin-top:6px}details{margin-top:14px}summary{cursor:pointer;font-weight:600;margin-bottom:6px}#saved{list-style:none;margin:0;padding:0}#saved li{display:flex;align-items:center;gap:6px;padding:6px;border-radius:6px;cursor:pointer}#saved li:hover{background:var(--line)}#saved .meta{flex:1;min-width:0}#saved .meta b,#saved .meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#saved small{color:var(--muted)}#saved button{flex:none;padding:2px 7px;background:transparent;color:var(--muted)}.opt{display:flex;align-items:center;gap:7px;padding:2px 0;font-size:13px;color:var(--text)}.opt i{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid #0006;flex:none}.opt.otherDim{opacity:.4}.filterGroup h4{margin:8px 0 3px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.filterGroup:first-of-type h4{margin-top:0}#biomes{max-height:300px;overflow-y:auto;margin-top:6px}main{flex:1;position:relative;min-width:0}#map{display:block;cursor:grab;touch-action:none}#map:active{cursor:grabbing}#hud{position:absolute;left:10px;bottom:10px;background:#000a;padding:5px 9px;border-radius:6px;display:flex;gap:12px;font-variant-numeric:tabular-nums}#status{color:#e0b050}#goto{position:absolute;right:10px;top:10px;display:flex;gap:6px;background:#000a;padding:6px;border-radius:8px}#goto input{width:70px;margin:0}#goto button{flex:none}.iconBtn{flex:none;width:36px;height:36px;padding:0;font-size:20px;line-height:1;display:grid;place-items:center}#openSide,#closeSide,#scrim{display:none}#zoomBtns{position:absolute;right:10px;top:62px;display:flex;flex-direction:column;gap:6px}#zoomBtns button{background:#000a;color:var(--text);border:1px solid var(--line)}#pick{position:absolute;right:10px;bottom:10px;background:#000c;padding:8px 12px;border-radius:8px}#pick code{-webkit-user-select:all;user-select:all}@media(max-width:700px){#side{position:fixed;z-index:20;left:0;top:0;bottom:0;width:min(320px,86vw);transform:translate(-100%);transition:transform .2s ease;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}body.sideOpen #side{transform:none;box-shadow:0 0 24px #000a}#scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#0008;opacity:0;pointer-events:none;transition:opacity .2s}body.sideOpen #scrim{opacity:1;pointer-events:auto}#closeSide{display:grid}#openSide{display:grid;position:absolute;left:calc(10px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));width:44px;height:44px;background:#000a;color:var(--text);border:1px solid var(--line)}input:not([type=checkbox]),select{font-size:16px;padding:8px}button{padding:10px 12px}.iconBtn{width:44px;height:44px;padding:0}.opt{padding:7px 0;font-size:15px}.opt input,.check input{width:20px;height:20px;margin:0}#saved li{padding:8px 4px}#saved button{padding:8px 12px;font-size:16px}#biomes{max-height:none}#goto{left:calc(62px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));padding:4px}#goto input{width:auto;flex:1;min-width:0;padding:8px 6px}#goto button{padding:8px 10px}#zoomBtns{right:calc(10px + env(safe-area-inset-right));top:calc(66px + env(safe-area-inset-top))}#hud{left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:4px 12px}#pick{left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(52px + env(safe-area-inset-bottom))}}