:root{color-scheme:dark;--bg:#131719;--panel:#191d20ed;--line:#363b3e;--gold:#e7ab52;--muted:#9da6aa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f3ef;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#22282c;border-radius:9px;padding:10px 14px}button:hover{border-color:#9d7d49;background:#2b2e2c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:default;opacity:.45}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:20px;border-bottom:1px solid var(--line);background:#141719;position:relative;z-index:1000}.brand{display:flex;align-items:center;gap:12px;color:#f3f3ef;text-decoration:none;letter-spacing:4px;font-size:19px;font-weight:750}.brand img{object-fit:contain}.brand small{display:block;font-size:7px;letter-spacing:2px;color:var(--muted);margin-top:2px}.preview-badge{font-size:10px;letter-spacing:1.6px;color:#edbf7c;border:1px solid #695333;border-radius:20px;padding:7px 12px;background:#8b65201a}nav{display:flex;gap:20px}nav a{font-size:12px;color:#c5cbcc;text-decoration:none}nav a:hover{color:var(--gold)}main{position:fixed;inset:76px 0 0}#raster-map{height:100%;width:100%;background:#192225;outline:none}.map-panel{position:absolute;z-index:500;left:20px;top:20px;width:304px;max-height:calc(100% - 135px);overflow:auto;padding:18px;border:1px solid #555447;border-radius:17px;background:var(--panel);box-shadow:0 8px 30px #0005;backdrop-filter:blur(12px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading small{color:var(--gold);font-size:9px;letter-spacing:2px}.panel-heading h1{font-size:18px;letter-spacing:-.5px;margin:4px 0 18px}.panel-heading button{width:28px;height:28px;min-width:28px;padding:0;background:transparent;color:var(--muted)}.projection{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:11px;background:#101416;margin-bottom:17px;gap:3px}.projection button{border-color:transparent;background:transparent;color:#adb4b7;padding:9px 7px;font-size:12px}.projection button[aria-pressed=true]{background:#443621;color:#f2c888;border-color:#7d5b2a}.panel-body label{display:block;color:var(--muted);font-size:11px}select,input{display:block;background:#111619;border:1px solid var(--line);border-radius:8px;color:#eceeeb;width:100%;height:40px;padding:8px 10px;margin:5px 0 15px}.navigate-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;margin:16px 0 10px}.navigate-tabs button{padding:8px 4px;font-size:11px;background:transparent;border-color:transparent;color:var(--muted)}.navigate-tabs button[aria-pressed=true]{color:var(--gold);background:#daa34c12;border-color:#68502e}.place{display:flex;align-items:center;gap:12px;width:100%;font-size:12px;text-align:left;padding:12px}.place>span:first-child{color:var(--gold);font-size:22px}.place>span:last-child{margin-left:auto;color:var(--muted)}.place small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.sample-note{font-size:10px;color:#8a9498;margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line)}.coordinate-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.coordinate-inputs input{min-width:0;padding:6px}.primary{background:var(--gold);color:#21190e;border-color:var(--gold);width:100%;font-weight:650}.primary:hover{background:#f0bd74}.map-status{position:absolute;z-index:500;bottom:25px;left:20px;display:flex;align-items:center;gap:8px;background:#171c20e8;padding:7px 11px;border:1px solid var(--line);border-radius:20px;color:#c3cacc;font-size:10px;max-width:42%}.status-dot{width:6px;height:6px;min-width:6px;background:#d4a95f;border-radius:50%}#retry{padding:1px 7px;border:0;font-size:10px}#coordinates{position:absolute;z-index:500;bottom:24px;left:50%;transform:translateX(-50%);padding:8px 17px;border:1px solid var(--line);border-radius:20px;background:#171c20eb;color:#d3d7d8;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.share{position:absolute;z-index:500;right:20px;bottom:25px;width:42px;height:42px;border-radius:12px;background:#252a2ee8;color:var(--gold);font-size:23px;padding:0}.map-panel.collapsed .panel-body{display:none}.map-panel.collapsed .projection{margin-bottom:0}.leaflet-control-zoom{border:1px solid #4a5053!important;border-radius:11px!important;overflow:hidden;box-shadow:0 4px 15px #0004!important;margin:20px!important}.leaflet-control-zoom a{background:#242a2de8!important;color:#e5e6e0!important;border-color:#444a4e!important;width:38px!important;height:38px!important;line-height:38px!important;font-weight:400!important}.leaflet-control-attribution{background:#151a1ddd!important;color:#889399!important;font-size:8px!important;padding:2px 7px!important}.leaflet-control-attribution a{color:#a3afb3!important}.leaflet-tile{image-rendering:auto}.od-player-dot{width:11px;height:11px;border:2px solid #fff2cd;border-radius:50%;background:#e9a943;box-shadow:0 0 0 6px #e9a9432a}.leaflet-tooltip{background:#161d20;color:#eee;border-color:#53534a}.map-panel [hidden]{display:none!important}
@media(max-width:700px){header{height:62px;padding:0 14px;gap:8px}.brand{font-size:15px;letter-spacing:3px;gap:7px}.brand img{width:34px;height:34px}.brand small{font-size:6px;letter-spacing:1px}.preview-badge{font-size:7px;letter-spacing:.5px;padding:5px 7px;max-width:117px;text-align:center}nav{display:none}main{top:62px}.map-panel{left:12px;top:12px;width:250px;max-height:calc(100% - 120px);padding:13px}.panel-heading h1{font-size:15px;margin:3px 0 12px}.projection{margin-bottom:12px}.projection button{font-size:11px;padding:7px 4px}.map-status{bottom:66px;left:12px;max-width:85%;font-size:9px}#coordinates{bottom:24px;left:12px;transform:none;padding:7px 12px;font-size:11px}.share{right:13px;bottom:24px;width:35px;height:35px}.leaflet-control-zoom{margin:12px!important}.leaflet-control-zoom a{width:33px!important;height:33px!important;line-height:33px!important}}

.map-status{flex-wrap:wrap}#terrain-updated{order:3;flex-basis:100%;font-size:9px;color:#aab3b5;line-height:1.3}