:root{font-family:Helvetica Neue,Arial,sans-serif;color:#293e36;background:#e9ede7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible{outline:2px solid #34735a;outline-offset:3px}button:hover{background:#e8eee8}button:disabled{opacity:.4;cursor:default}::selection{background:#bfd7c7}#map{position:fixed;inset:0}#map canvas{display:block;touch-action:none}header{position:absolute;top:32px;left:36px;pointer-events:none}.title-line{display:flex;align-items:center;gap:13px}h1{font-size:28px;font-weight:550;letter-spacing:-1px;margin:0}h1 span{font-size:11px;display:block;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;margin-top:5px}header p{font-size:11px;color:#52675b;margin-top:19px}.separator{margin:0 9px;color:#7e9084}.top-right{position:absolute;right:35px;top:39px;font-size:11px;display:flex;align-items:center;gap:8px}.live-dot{height:6px;width:6px;border-radius:50%;background:#508569}.compass{position:absolute;right:34px;top:102px}.compass button{display:flex;align-items:center;flex-direction:column;border-radius:50%;padding:8px}.compass span{font-size:10px;font-weight:600}footer{position:absolute;bottom:24px;left:36px;right:36px;display:flex;align-items:end;justify-content:space-between;gap:20px;pointer-events:none}.legend{font-size:11px;line-height:1.7}.legend>span{display:inline-flex;align-items:center;margin-right:16px;gap:7px}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.building-key{background:#c6cfc6}.green-key{background:#85ac8a}.legend small{font-size:10px;color:#52675b;display:block;margin-top:6px}nav{display:flex;align-items:center;background:#fbfcf8;padding:7px;border-radius:12px;box-shadow:0 4px 22px #304b3614;pointer-events:auto;gap:3px}nav button{height:36px;padding:0 14px;border-radius:7px;font-size:12px}.view-switch{display:flex;background:#edf0e9;border-radius:7px;padding:2px}.view-switch button{height:32px}.view-switch .active{background:#345c49;color:#fff}.divider{height:19px;background:#dce1d9;width:1px;margin:0 5px}nav .square{width:36px;padding:0;display:grid;place-items:center;font-size:21px}#labels[aria-pressed=false]{color:#718076;text-decoration:line-through}.hint{font-size:10px;color:#52675b;line-height:1.8;text-align:right;max-width:155px}.hint span{padding:0 4px}.map-label{position:absolute;white-space:nowrap;pointer-events:auto;transform:translate(-50%,-100%);padding:6px 9px;background:#fffffff0;border-radius:5px;box-shadow:0 2px 7px #34473816;font-size:10px;display:flex;align-items:center;gap:6px;transition:background .15s}.map-label i{background:#618374;height:6px;width:6px;border-radius:50%}.map-label.fire i{background:#c27860}.map-label.green i{background:#5e966b}.map-label.selected{background:#345c49;color:#fff}.map-label:after{content:"";position:absolute;height:10px;width:1px;background:#8c9e90;top:100%;left:50%}#detail{position:absolute;top:155px;left:36px;background:#fcfdf9;width:265px;padding:23px;border-radius:10px;box-shadow:0 7px 30px #253d3415}#detail-type{font-size:10px;color:#526c5c}#detail h2{font-size:20px;font-weight:500;margin:9px 0 12px}#detail p{font-size:12px;line-height:1.65;color:#52675b;margin:0}#close{position:absolute;top:6px;right:7px;font-size:23px;width:32px;height:32px;border-radius:6px}#error{position:absolute;top:45%;left:10%;right:10%;padding:24px;background:#fff;border-radius:10px;text-align:center}@media(max-width:700px){header{left:20px;top:23px}h1{font-size:24px}header p{font-size:10px;max-width:240px}.top-right{display:none}.compass{right:14px;top:22px}footer{left:12px;right:12px;bottom:18px;flex-direction:column;align-items:center;gap:14px}.legend{align-self:flex-start;padding-left:8px}.legend>span{display:none}.legend small{font-size:9px}.hint{display:none}nav{gap:0;width:max-content;max-width:100%}nav button{padding:0 10px}nav .square{width:32px}.divider{margin:0 3px}.map-label{font-size:9px;padding:5px 7px}#detail{left:20px;top:133px;width:235px}}