:root{--ink:#22302f;--muted:#61706f;--glass:rgba(247,250,248,.83);--glass2:rgba(255,255,255,.67);--line:rgba(45,63,61,.16);--shadow:0 12px 40px rgba(24,42,39,.16),0 2px 8px rgba(24,42,39,.10);--r:15px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#dfe7e4;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:var(--ink)}
#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none;background:linear-gradient(#dce8ea,#edf0eb 50%,#d1ddd9)}
#topbar{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;z-index:9000}
.brand,.tabs,.navcluster,.badge{pointer-events:auto;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);background:var(--glass);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;gap:9px;border-radius:14px;padding:8px 11px;min-width:0;max-width:min(520px,58vw)}.brand-dot{width:8px;height:8px;border-radius:50%;background:#87aaa0;box-shadow:0 0 0 4px rgba(135,170,160,.16);flex:0 0 auto}.brand-copy{min-width:0}.brand strong{display:block;font-size:12px;letter-spacing:.02em;font-weight:680;white-space:normal;overflow-wrap:anywhere;line-height:1.12}.brand small{display:block;font-size:9px;color:var(--muted);margin-top:2px;white-space:normal;line-height:1.18}.brand a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(80,108,102,.28)}
.top-actions{display:flex;align-items:center;gap:7px;pointer-events:auto}.tabs{display:flex;gap:2px;padding:4px;border-radius:13px}.label-toggle{pointer-events:auto;border:1px solid rgba(255,255,255,.72);background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);height:38px;padding:0 10px;border-radius:13px;color:var(--ink);display:flex;align-items:center;gap:5px;font:inherit;cursor:pointer;transition:.16s}.label-toggle .label-aa{font-size:10px;font-weight:760}.label-toggle .label-word{font-size:9px}.label-toggle.on{background:rgba(239,247,243,.90);box-shadow:0 10px 30px rgba(24,42,39,.14),inset 0 0 0 1px rgba(104,148,135,.14)}.label-toggle:not(.on){opacity:.62}.tabbtn,.iconbtn,.smallbtn{border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.tabbtn{padding:7px 9px;border-radius:9px;font-size:10px}.tabbtn:hover,.tabbtn:active{background:rgba(91,123,116,.1)}
.panel{position:absolute;background:var(--glass);border:1px solid rgba(255,255,255,.72);border-radius:var(--r);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(1.06);-webkit-backdrop-filter:blur(20px) saturate(1.06);overflow:hidden;min-width:205px;min-height:43px;z-index:100;touch-action:none}
.panel.active{box-shadow:0 16px 48px rgba(24,42,39,.22),0 3px 10px rgba(24,42,39,.12)}
.panel-head{height:42px;display:flex;align-items:center;gap:8px;padding:0 9px 0 12px;border-bottom:1px solid var(--line);cursor:grab;user-select:none;touch-action:none}.panel-head:active{cursor:grabbing}.panel-title{font-size:10px;font-weight:720;letter-spacing:.065em;text-transform:uppercase;flex:1}.panel-actions{display:flex;gap:2px}.iconbtn{width:26px;height:26px;border-radius:8px;font-size:14px;line-height:1}.iconbtn:hover{background:rgba(80,103,99,.09)}
.panel-body{height:calc(100% - 42px);overflow:auto;padding:10px 11px 12px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.panel.minimized{height:43px!important;min-height:43px}.panel.minimized .panel-body{display:none}.panel.minimized .panel-head{border-bottom:0}
.resize-handle{position:absolute;z-index:5}.rh-n,.rh-s{left:9px;right:9px;height:9px;cursor:ns-resize}.rh-n{top:-4px}.rh-s{bottom:-4px}.rh-e,.rh-w{top:9px;bottom:9px;width:9px;cursor:ew-resize}.rh-e{right:-4px}.rh-w{left:-4px}.rh-ne,.rh-nw,.rh-se,.rh-sw{width:14px;height:14px}.rh-ne{right:-5px;top:-5px;cursor:nesw-resize}.rh-nw{left:-5px;top:-5px;cursor:nwse-resize}.rh-se{right:-5px;bottom:-5px;cursor:nwse-resize}.rh-sw{left:-5px;bottom:-5px;cursor:nesw-resize}
#layersPanel{left:18px;top:78px;width:286px;height:590px}#timelinePanel{left:322px;bottom:20px;width:430px;height:210px}#measurePanel{right:18px;top:108px;width:305px;height:315px;display:none}#aboutPanel{right:18px;top:78px;width:410px;height:540px;display:none}#inspectPanel{right:18px;bottom:20px;width:320px;height:300px;display:none}
.section{margin:0 0 12px}.section-title{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#6e7b79;margin:0 0 4px 2px;font-weight:700}.layer-cols{display:grid;grid-template-columns:28px 1fr 34px auto;gap:6px;align-items:center;padding:0 4px 2px;color:#89938f;font-size:6.8px;text-transform:uppercase;letter-spacing:.07em}.layer-cols span:nth-child(1),.layer-cols span:nth-child(3){text-align:center}.layer-row{display:grid;grid-template-columns:28px 1fr 34px auto;align-items:center;gap:6px;padding:5px 4px;border-radius:9px}.layer-row:hover{background:rgba(78,108,102,.06)}.layer-row.disabled{opacity:.42}.layer-name{font-size:10.5px;line-height:1.18}.layer-sub{display:block;font-size:8.5px;color:#72807d;margin-top:2px}.count{font-size:8px;color:#778481;background:rgba(88,111,107,.08);border-radius:10px;padding:2px 6px}
.layer-label-btn{position:relative;width:28px;height:16px;border:0;border-radius:999px;background:rgba(70,91,88,.15);cursor:pointer;padding:0;justify-self:center;transition:.16s}.layer-label-btn .label-dot{position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.16);transition:.16s}.layer-label-btn.on{background:#91b0a7}.layer-label-btn.on .label-dot{transform:translateX(12px)}.layer-label-btn:active{transform:translateY(1px)}.switch{position:relative;width:26px;height:16px}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;border-radius:12px;background:rgba(70,91,88,.17);transition:.18s}.switch span:after{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}.switch input:checked+span{background:#86a99f}.switch input:checked+span:after{transform:translateX(10px)}
.control-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:7px 2px}.control-row label{font-size:9.5px;color:#566663}.range{width:100%;accent-color:#7c9f95}.value{font-size:9px;color:#53625f;min-width:42px;text-align:right}.divider{height:1px;background:var(--line);margin:9px 0}.wms-grid{display:grid;gap:6px}.field{width:100%;border:1px solid rgba(70,90,87,.14);background:rgba(255,255,255,.58);border-radius:8px;padding:7px 8px;font:9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#334441;outline:none}.field.select{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}.field:focus{border-color:#8eaaa2;background:rgba(255,255,255,.8)}.button-row{display:flex;gap:6px}.smallbtn{background:rgba(108,139,130,.12);border:1px solid rgba(108,139,130,.14);padding:6px 8px;border-radius:8px;font-size:9px}.smallbtn.primary{background:#87aaa0;color:white;border-color:#87aaa0}.smallbtn:active{transform:translateY(1px)}.smallbtn.active{background:#6f978c;color:#fff;border-color:#6f978c}.measure-summary{display:grid;grid-template-columns:1fr auto;gap:5px 9px;margin:9px 1px;font-size:9px}.measure-summary .mk{color:#72807d}.measure-summary .mv{font-weight:650;text-align:right}.measure-help{font-size:8.5px;line-height:1.4;color:#687774}.measure-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d69a62;margin-right:5px}body.measuring #gl{cursor:crosshair}
.timeline-summary{display:flex;justify-content:space-between;align-items:flex-end;margin:1px 3px 11px}.age-big{font-size:16px;font-weight:650;letter-spacing:-.02em}.age-caption{font-size:8px;color:#74817f;margin-top:2px}.timeline-track-wrap{position:relative;height:48px;margin:0 9px;touch-action:none}.timeline-track{position:absolute;left:0;right:0;top:16px;height:8px;border-radius:8px;background:linear-gradient(90deg,#a9bcae,#94c9c4 42%,#b7a7cb 55%,#d8a7b8);box-shadow:inset 0 0 0 1px rgba(37,52,49,.08)}.timeline-dim{position:absolute;top:16px;height:8px;background:rgba(245,248,246,.74);pointer-events:none}.timeline-handle{position:absolute;top:9px;width:22px;height:22px;border-radius:50%;background:#fbfcfb;border:1px solid rgba(53,73,68,.18);box-shadow:0 3px 10px rgba(33,52,48,.2);transform:translateX(-50%);cursor:ew-resize;touch-action:none}.timeline-handle:after{content:"";position:absolute;left:8px;top:5px;width:4px;height:10px;border-left:1px solid #7b918b;border-right:1px solid #7b918b}.ticks{display:flex;justify-content:space-between;font-size:7.5px;color:#77837f;margin:0 1px}.unit-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:9px}.unit-source{grid-column:1/-1;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em;color:#75827f;font-weight:720;margin-top:4px;padding-top:5px;border-top:1px solid rgba(53,72,68,.08)}.unit-source:first-child{border-top:0;margin-top:0;padding-top:0}.unit{display:flex;align-items:flex-start;gap:6px;font-size:8.5px;line-height:1.25;transition:.15s}.unit.out{opacity:.28}.swatch{width:8px;height:8px;border-radius:2px;flex:0 0 auto;margin-top:1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.about h3{font-size:11px;margin:4px 0 5px}.about p,.about li{font-size:9.5px;line-height:1.45;color:#4f605d}.about ul{padding-left:17px;margin:5px 0 12px}.about a{color:#4e7e74;text-decoration:none;border-bottom:1px solid rgba(78,126,116,.25)}.mineplan-card{margin:7px 0 13px;border:1px solid rgba(64,87,82,.14);border-radius:11px;overflow:hidden;background:rgba(255,255,255,.38)}.mineplan-head,.mineplan-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;font-size:7.8px;color:#667571}.mineplan-head{border-bottom:1px solid rgba(64,87,82,.09);font-weight:650}.mineplan-head span:last-child{font-weight:500;color:#88928f}.mineplan-source{padding:12px;background:linear-gradient(135deg,rgba(231,236,233,.8),rgba(220,228,224,.5))}.mineplan-source-title{font-size:10px;font-weight:700;color:#41524e;margin-bottom:4px}.mineplan-source p{margin:0 0 9px!important;font-size:8.8px!important;line-height:1.4!important}.mineplan-actions{display:flex;gap:6px;flex-wrap:wrap}.about .mineplan-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:8px;border:1px solid rgba(70,98,91,.18);background:rgba(255,255,255,.72);font-size:8px;font-weight:650;color:#4c7169;text-decoration:none!important}.about .mineplan-btn.primary{background:rgba(99,139,128,.14);border-color:rgba(78,126,116,.25)}.mineplan-foot{border-top:1px solid rgba(64,87,82,.09);line-height:1.25}.mineplan-foot span{min-width:0;flex:1}.note{padding:8px 9px;border-radius:10px;background:rgba(128,158,149,.1);border:1px solid rgba(128,158,149,.12);font-size:9px;line-height:1.4;color:#53625f}
.inspect-title{font-size:13px;font-weight:670;margin:0 0 2px}.inspect-kind{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#788582;margin-bottom:10px}.kv{display:grid;grid-template-columns:minmax(96px,.9fr) 1.25fr;gap:4px 9px;padding:4px 1px;border-bottom:1px solid rgba(53,72,68,.08);font-size:9px;line-height:1.35}.kv .k{color:#77827f}.kv .v{color:#33433f;word-break:break-word}.inspect-swatch{width:12px;height:12px;border-radius:3px;display:inline-block;vertical-align:-2px;margin-right:5px}
#labelLayer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:55}.map-label{position:absolute;display:none;white-space:nowrap;transform-origin:50% 100%;will-change:left,top,font-size,opacity;font-size:8px;line-height:1;padding:.30em .58em;border-radius:.68em;letter-spacing:.005em;text-shadow:0 1px 1px rgba(255,255,255,.84);box-shadow:0 1px 5px rgba(28,39,36,.10)}.map-label.setts{font-size:8.8px;font-weight:680;color:#674832;background:rgba(251,245,235,.86);border:1px solid rgba(125,82,52,.18)}.map-label.levels{color:#755535;background:rgba(255,248,231,.80);border:1px solid rgba(164,118,70,.15)}.map-label.shafts,.map-label.collars{color:#653d50;background:rgba(251,242,247,.82);border:1px solid rgba(131,75,101,.15);font-weight:600}.map-label.adits{color:#34676a;background:rgba(236,249,249,.84);border:1px solid rgba(63,127,131,.16)}.map-label.geology{color:#40524d;background:rgba(241,246,243,.84);border:1px solid rgba(70,95,88,.15);font-weight:650}.map-label.superficial{color:#665f3b;background:rgba(252,250,224,.86);border:1px solid rgba(129,119,70,.16);font-weight:650}.map-label.faults{color:#222;background:rgba(250,250,248,.88);border:1px solid rgba(20,20,20,.18);font-weight:650}.map-label.pownall{color:#3e4946;background:rgba(255,255,250,.87);border:1px solid rgba(70,80,76,.16);font-weight:650}.map-label.parish{color:#3f5c55;background:rgba(240,248,245,.84);border:1px solid rgba(76,116,105,.18);font-weight:650}.map-label.unnamed{opacity:.78;font-weight:500}
.navcluster{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:34px 34px;gap:4px;padding:4px;border-radius:13px;z-index:8000}.navcluster button{height:32px;border:0;border-radius:9px;background:transparent;font-size:14px;color:#40524e}.navcluster button:active{background:rgba(73,99,93,.12)}
#status{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:7000;display:flex;gap:6px;align-items:center;font-size:8.5px;color:#586965;pointer-events:none}#mapAttrib{position:fixed;right:max(94px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:7000;display:none;padding:5px 8px;border-radius:10px;font-size:7.5px;color:#586965;max-width:48vw}#mapAttrib a{color:#506e68;text-decoration:none}.badge{padding:5px 7px;border-radius:10px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8cad9f;margin-right:5px}.offline .online-dot{background:#c4a8a0}
#toast{position:fixed;left:50%;top:74px;transform:translate(-50%,-12px);z-index:12000;padding:8px 12px;border-radius:12px;background:rgba(35,47,45,.84);color:white;font-size:9px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.22s}.showtoast{opacity:1!important;transform:translate(-50%,0)!important}
#fatal{position:fixed;inset:0;display:none;place-items:center;background:#e8eeeb;z-index:20000;padding:30px;text-align:center}.fatalcard{max-width:520px;background:white;border-radius:18px;padding:20px;box-shadow:var(--shadow)}.fatalcard h2{font-size:16px}.fatalcard p{font-size:11px;line-height:1.5;color:#53625f}
@media(max-width:760px){.brand{padding:8px 9px;max-width:48vw;align-items:flex-start}.brand strong{font-size:10.5px;line-height:1.05}.brand small{display:block;font-size:7.8px}.tabbtn{padding:7px 6px;font-size:9px}.panel{max-width:calc(100vw - 16px)}#layersPanel{left:8px;top:69px;width:270px;height:500px}#timelinePanel{left:8px;bottom:58px;width:calc(100vw - 16px);height:190px}#measurePanel{right:8px;top:82px;width:285px;height:300px}#aboutPanel{right:8px;top:69px;width:calc(100vw - 16px);height:70vh}#inspectPanel{right:8px;bottom:58px;width:300px;height:265px}.unit-list{grid-template-columns:1fr}.navcluster{bottom:max(10px,env(safe-area-inset-bottom));right:10px}#status{bottom:12px}#mapAttrib{right:88px;bottom:12px;max-width:55vw}.tabs{gap:0}.top-actions{gap:4px}.label-toggle{height:36px;padding:0 7px}.label-toggle .label-word{display:none}}

/* v8 tablet/mobile hardening */
html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}
@media (pointer:coarse){
  .tabbtn,.iconbtn,.smallbtn,.navcluster button{min-width:36px;min-height:36px}
  .layer-row{min-height:36px}
  .panel{max-width:calc(100vw - 12px);max-height:calc(100vh - 72px)}
  .resize-handle.rh-n,.resize-handle.rh-s{height:14px}.resize-handle.rh-e,.resize-handle.rh-w{width:14px}
  .resize-handle.rh-ne,.resize-handle.rh-nw,.resize-handle.rh-se,.resize-handle.rh-sw{width:22px;height:22px}
  .map-label{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 4px rgba(28,39,36,.10)}
}
@media (max-width:700px){
  .brand{padding:7px 8px;max-width:47vw;align-items:flex-start}.brand-dot{display:none}.brand strong{font-size:9.8px;line-height:1.05;white-space:normal}.brand small{display:block;font-size:7.4px;line-height:1.1}
  #topbar{gap:5px;align-items:flex-start}.tabs{gap:0;padding:3px;max-width:51vw;flex-wrap:wrap;justify-content:flex-end}.tabbtn{padding:6px 7px;font-size:9px}
  .panel{min-width:190px}
}
@media (max-width:430px){
  .brand{max-width:45vw}.brand strong{font-size:9px}.brand small{font-size:7px}.tabbtn{padding:5px 6px;font-size:8.4px}
  #layersPanel,#aboutPanel{top:88px}
}
.map-label.roads{color:#625d56;background:rgba(248,246,242,.86);border:1px solid rgba(99,92,84,.16);font-weight:600}
.map-label.waterways{color:#2f688a;background:rgba(239,248,252,.88);border:1px solid rgba(54,118,151,.16);font-weight:620}
.map-label.buildings{color:#6e584b;background:rgba(249,244,240,.86);border:1px solid rgba(123,99,84,.15);font-weight:600}
.map-label.places{color:#315866;background:rgba(240,248,249,.90);border:1px solid rgba(55,98,112,.17);font-weight:680}