@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink: #33301f;--panel-bg: rgba(18, 21, 15, .9);--panel-border: #384631;--panel-border-soft: #38463140;--brass: #c19a5f;--brass-bright: #dcb47e;--moss: #6f8a5c;--hazard: #b6604a;--parchment: #e6e3c9;--lilac: #c8a2c8;--text-dim: #96998a;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--serif: "Cinzel", Georgia, "Century Schoolbook", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#12150f;font-family:var(--mono);color:var(--parchment);overflow:hidden}#map{position:absolute;inset:0;background:#12150f}#map:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/static/textures/wall-alt.png);background-repeat:repeat;background-size:192px 192px;opacity:.07;pointer-events:none}.panel{position:absolute;z-index:800;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 18px #00000073}.panel-title{font-family:var(--serif);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-bright);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--panel-border-soft)}.panel-title-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-bottom:1px solid var(--panel-border-soft);padding:0 0 6px;cursor:pointer}.panel-title-btn:hover{color:var(--parchment)}.panel-title-btn .chevron{font-size:9px;color:var(--text-dim);transition:transform .15s ease}.panel-title-btn:hover .chevron{color:var(--parchment)}#controls.collapsed #controls-body{display:none}#controls.collapsed .panel-title-btn{margin-bottom:0}#controls.collapsed .chevron{transform:rotate(-90deg)}#top-right-stack{position:absolute;z-index:800;top:14px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:14px}#top-right-stack .panel{position:static}#controls{padding:12px 14px;width:190px}.control-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.control-row:last-child{margin-bottom:0}.control-label{font-size:11.5px;color:var(--parchment);flex:1}.control-hint{display:block;font-size:10px;color:var(--text-dim);margin-top:1px}.key-hint{display:inline-block;margin-left:4px;padding:1px 5px;font-family:var(--mono);font-size:9.5px;font-style:normal;color:var(--text-dim);background:#12150f;border:1px solid var(--panel-border-soft);border-radius:2px;vertical-align:1px}.small-btn .key-hint{float:right}.hexbtn{position:relative;width:34px;height:30px;flex:none;background:#1e2418;border:none;cursor:pointer;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);transition:background .15s ease}.hexbtn:after{content:"";position:absolute;inset:2px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:#12150f;transition:background .15s ease}.hexbtn span{position:relative;z-index:1;display:block;text-align:center;line-height:30px;font-size:13px;color:var(--text-dim)}.hexbtn.active{background:var(--brass)}.hexbtn.active:after{background:var(--brass);opacity:.28}.hexbtn.active span{color:var(--brass-bright)}.hexbtn:hover:not(.active) span{color:var(--parchment)}.hexbtn.mode-btn.armed{background:var(--hazard)}.hexbtn.mode-btn.armed:after{background:var(--hazard);opacity:.28}.hexbtn.mode-btn.armed span{color:#f2c9bd}.corner-btn{position:absolute;z-index:800;bottom:14px;right:14px}#readout{bottom:14px;left:14px;padding:8px 12px;font-size:11px;color:var(--text-dim);display:flex;gap:16px;align-items:baseline}#readout .val{color:var(--brass-bright)}#status-line{bottom:14px;left:50%;transform:translate(-50%);padding:8px 16px;font-size:11.5px;color:var(--parchment);max-width:60vw;text-align:center;display:none}#status-line.visible{display:block}#calib-output{width:320px;padding:12px 14px;display:none}#calib-output.visible{display:block}#calib-output pre{font-family:var(--mono);font-size:10.5px;color:var(--brass-bright);background:#12150f;border:1px solid var(--panel-border-soft);padding:8px;margin:8px 0;white-space:pre-wrap;word-break:break-all}.small-btn{font-family:var(--mono);font-size:10.5px;color:var(--parchment);background:#1e2418;border:1px solid var(--panel-border-soft);padding:5px 10px;cursor:pointer}.small-btn:hover{border-color:var(--brass);color:var(--brass-bright)}.loc-marker{--marker-color: var(--brass-bright);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--marker-color);background:#171914e0;color:var(--marker-color);box-shadow:0 0 0 2px #00000059;cursor:pointer}.loc-marker svg{width:16px;height:16px;display:block}.loc-marker.type-settlement{--marker-color: var(--lilac)}.loc-marker.type-ruin{--marker-color: var(--brass)}.loc-marker.type-landmark{--marker-color: var(--parchment)}.loc-marker.type-hazard{--marker-color: var(--hazard)}.loc-marker.type-waypoint{--marker-color: var(--text-dim);width:22px;height:22px}.loc-marker.type-waypoint svg{width:12px;height:12px}.ruler-point{width:8px;height:8px;border-radius:50%;background:var(--hazard);border:1px solid #fff2}.leaflet-popup-content-wrapper{background:var(--parchment);color:var(--ink);border-radius:2px;box-shadow:0 6px 20px #00000080}.leaflet-popup-tip{background:var(--parchment)}.map-popup h3{font-family:var(--serif);font-size:16px;margin:0 0 6px;color:var(--ink);border-bottom:1px solid #33301f80;padding-bottom:6px}.map-popup img{width:100%;display:block;margin-bottom:8px;border:1px solid #33301f40}.map-popup .popup-body{font-family:Georgia,serif;font-size:13px;line-height:1.45}.map-popup .popup-body p:first-child{margin-top:0}.map-popup .popup-links{margin-top:8px;padding-top:6px;border-top:1px solid #33301f80;font-family:var(--mono);font-size:11px}.map-popup .popup-links a{color:#8a5a2a;display:block;margin-top:3px;text-decoration:none}.map-popup .popup-links a:hover{text-decoration:underline;text-underline-offset:.15em}.leaflet-control-zoom a{background:var(--panel-bg)!important;color:var(--parchment)!important;border:1px solid var(--panel-border)!important}.leaflet-control-zoom a:hover{background:#1e2418!important;color:var(--brass-bright)!important}.leaflet-control-attribution{background:#171914b3!important;color:var(--text-dim)!important}.leaflet-control-attribution a{color:var(--brass)}.crosshair-cursor{cursor:crosshair!important}.overlay{position:absolute;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:#12150fa6}.overlay.visible{display:flex}.overlay-panel{background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 18px #00000073;padding:14px 18px;min-width:220px}.shortcut-list{border-collapse:collapse;margin-bottom:12px}.shortcut-list td{padding:3px 0;font-size:12px;color:var(--parchment)}.shortcut-list td:first-child{padding-right:12px;text-align:right}.shortcut-list kbd{font-family:var(--mono);font-style:normal;background:#1e2418;border:1px solid var(--panel-border-soft);border-radius:3px;padding:2px 6px;color:var(--brass-bright)}@media(max-width:560px){#controls{width:158px;padding:10px}#calib-output{width:calc(100vw - 28px)}#status-line{max-width:90vw}}