:root{
  --ui-green:#7dff92;
  --ui-green-soft:rgba(125,255,146,.45);
  --ui-text:#eaffee;
  --ui-muted:rgba(230,255,234,.68);
  --panel-bg:rgba(0,0,0,.86);
  --panel-bg-strong:rgba(0,0,0,.94);
  --bone:#f2ead8;
  --blood:#5a0707;
  --blood-hot:#8f1111;
  --map-w:2780px;
  --map-h:2790px;
  --zone-stroke-width:2.35px;
  --migration-stroke:rgb(53,223,255);--migration-fill:rgba(53,223,255,.16);--migration-button:rgba(53,223,255,.58);--migration-button-deep:rgba(53,223,255,.22);--migration-glow:rgba(53,223,255,.74);
  --patrol-stroke:rgb(143,17,17);--patrol-fill:rgba(143,17,17,.16);--patrol-button:rgba(143,17,17,.58);--patrol-button-deep:rgba(143,17,17,.22);--patrol-glow:rgba(143,17,17,.74);
  --sanctuary-stroke:rgb(255,212,90);--sanctuary-fill:rgba(255,212,90,.16);--sanctuary-button:rgba(255,212,90,.56);--sanctuary-button-deep:rgba(255,212,90,.24);--sanctuary-glow:rgba(255,212,90,.74);
  --landmarks-stroke:rgb(244,196,107);--landmarks-fill:rgba(244,196,107,.16);--landmarks-button:rgba(244,196,107,.58);--landmarks-button-deep:rgba(244,196,107,.22);--landmarks-glow:rgba(244,196,107,.74);
  --water-stroke:rgb(72,207,255);--water-fill:rgba(72,207,255,.18);--water-button:rgba(72,207,255,.58);--water-button-deep:rgba(72,207,255,.22);--water-glow:rgba(72,207,255,.74);
  --gastro-stroke:rgb(241,227,200);--gastro-fill:rgba(241,227,200,.18);--gastro-button:rgba(241,227,200,.58);--gastro-button-deep:rgba(241,227,200,.22);--gastro-glow:rgba(241,227,200,.74);
  --roads-stroke:rgb(216,193,122);--roads-fill:rgba(216,193,122,.18);--roads-button:rgba(216,193,122,.58);--roads-button-deep:rgba(216,193,122,.22);--roads-glow:rgba(216,193,122,.74);
  --caves-stroke:rgb(185,167,255);--caves-fill:rgba(185,167,255,.18);--caves-button:rgba(185,167,255,.58);--caves-button-deep:rgba(185,167,255,.22);--caves-glow:rgba(185,167,255,.74);
  --mud-stroke:rgb(184,133,84);--mud-fill:rgba(184,133,84,.18);--mud-button:rgba(184,133,84,.58);--mud-button-deep:rgba(184,133,84,.22);--mud-glow:rgba(184,133,84,.74);
  --journey-stroke:rgb(255,122,26);--journey-fill:rgba(255,122,26,.18);--journey-button:rgba(255,122,26,.58);--journey-button-deep:rgba(255,122,26,.22);--journey-glow:rgba(255,122,26,.74);
  --player-stroke:rgb(255,46,220);--player-fill:rgb(255,46,220);--player-fill-soft:rgba(255,46,220,.34);--player-fill-faint:rgba(255,46,220,.14);--player-glow:rgba(255,46,220,.96);--player-glow-soft:rgba(255,46,220,.58);--player-label-bg:#080008;--player-label-text:#fff;--marker-screen-scale:1;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:var(--ui-text);background:#000}
body{display:flex;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.38) 42%,rgba(0,0,0,.76)),linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.64)),url('assets/bone-empire-backdrop.png') center/cover fixed no-repeat}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 25% 8%,rgba(125,255,146,.10),transparent 30%),linear-gradient(rgba(110,255,132,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(110,255,132,.02) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}
button,input{font:inherit}
button{border:1px solid var(--ui-green-soft);border-radius:8px;background:rgba(0,0,0,.72);color:var(--ui-text);cursor:pointer;box-shadow:inset 0 0 12px rgba(0,0,0,.55);text-shadow:0 1px 2px #000}
button:hover{border-color:var(--ui-green);background:rgba(14,48,25,.86);box-shadow:0 0 12px rgba(125,255,146,.24),inset 0 0 12px rgba(0,0,0,.6)}
button:disabled{opacity:.48;cursor:not-allowed}
input{min-width:0;border:1px solid rgba(125,255,146,.45);border-radius:8px;background:rgba(0,0,0,.72);color:var(--ui-text);padding:8px 10px;box-shadow:inset 0 0 10px #000}
input:focus{outline:1px solid var(--ui-green);box-shadow:0 0 13px rgba(125,255,146,.25),inset 0 0 10px #000}
.hidden{display:none!important}

main{position:relative;z-index:1;flex:1;width:100vw;height:100vh;min-width:0;display:flex;flex-direction:column}
#mapViewport{position:relative;flex:1 1 auto;height:100vh;overflow:hidden;background:rgba(0,0,0,.48);cursor:grab;touch-action:none;box-shadow:inset 0 0 0 1px rgba(125,255,146,.18),inset 0 0 80px rgba(0,0,0,.7)}
#mapViewport.dragging{cursor:grabbing}
#mapViewport::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 56%,rgba(0,0,0,.56) 100%)}
#mapViewport::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(rgba(126,255,151,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(126,255,151,.018) 1px,transparent 1px);background-size:36px 36px,36px 36px}
.blood-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 64%,rgba(0,0,0,.66) 100%)}
#mapContent{position:absolute;left:0;top:0;width:var(--map-w);height:var(--map-h);transform-origin:0 0;will-change:transform;backface-visibility:hidden;contain:paint}
#baseMap,#overlay,#labelLayer{position:absolute;left:0;top:0;width:var(--map-w);height:var(--map-h);user-select:none;contain:paint;backface-visibility:hidden}
#baseMap{object-fit:fill;image-rendering:auto;filter:contrast(1.04) saturate(.88) brightness(.90)}
#overlay{z-index:3;overflow:visible;pointer-events:auto}
#labelLayer{z-index:4;pointer-events:none}

.quick-tool{position:absolute;top:10px;left:10px;z-index:45;width:min(560px,calc(100vw - 20px));max-width:min(720px,calc(100vw - 20px));padding:9px;border:1px solid var(--ui-green-soft);border-radius:14px;background:var(--panel-bg);box-shadow:0 0 22px rgba(0,0,0,.74),0 0 14px rgba(125,255,146,.12),inset 0 0 16px rgba(125,255,146,.03);backdrop-filter:blur(9px)}
.quick-tool *{pointer-events:auto}
.quick-line{display:grid;gap:7px;align-items:center}
.quick-line.coord-line{grid-template-columns:minmax(180px,1fr) auto auto auto}
.quick-line.search-line{grid-template-columns:minmax(0,1fr) auto;margin-top:8px}
.quick-line button,.quick-line input{height:36px}
.quick-status{margin-top:7px;min-height:17px;color:var(--ui-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tool-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}
.tool-filter-row button,.quick-filter-panel button{height:28px;padding:4px 9px;font-size:11px;border-color:rgba(125,255,146,.32);background:rgba(0,0,0,.64);color:rgba(230,255,234,.78)}
#quickFilterToggle{min-width:78px}
.quick-filter-panel{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:6px;margin-top:7px;padding:7px;border:1px solid rgba(125,255,146,.22);border-radius:10px;background:rgba(0,0,0,.55)}
.accessibility-toggle{min-width:30px!important;width:30px!important;padding:4px!important;border-color:#8f1111!important;color:#fff1d5!important;background:linear-gradient(180deg,rgba(55,5,5,.96),rgba(10,0,0,.95))!important}
.accessibility-panel{position:absolute;right:9px;top:82px;z-index:70;display:grid;width:310px;grid-template-columns:1fr;gap:6px;padding:7px;border:1px solid rgba(242,234,216,.28);border-radius:10px;background:rgba(0,0,0,.72);box-shadow:0 0 22px rgba(0,0,0,.72),0 0 12px rgba(143,17,17,.3)}
.accessibility-panel button{height:28px;font-size:10px}
.accessibility-panel button.active{border-color:#f4ead2!important;background:linear-gradient(180deg,rgba(100,16,16,.94),rgba(32,3,3,.94))!important;color:#fff1d5!important;box-shadow:0 0 10px rgba(242,234,216,.28)!important}
.zone-intensity-row{display:grid;grid-template-columns:auto minmax(160px,1fr) 40px;gap:8px;align-items:center;max-width:430px;margin-top:6px;padding:4px 5px;border:1px solid rgba(125,255,146,.28);border-radius:8px;background:rgba(0,0,0,.55);color:var(--ui-green);font-size:11px}
.zone-intensity-row input{height:18px;width:100%;padding:0;background:transparent;border:0;accent-color:var(--ui-green)}
#zoneIntensityText{font-size:11px;color:#f4ead2;text-align:right}
.quick-resources{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.quick-resources button{display:flex;align-items:center;justify-content:space-between;gap:8px;height:34px;padding:6px 9px;white-space:nowrap}
.quick-resources button b{font-weight:900;color:#fff}

.shape{vector-effect:non-scaling-stroke;fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.55);stroke-width:2.4px;filter:none;cursor:pointer;transition:none}
.shape:hover{filter:brightness(1.25) drop-shadow(0 0 6px rgba(242,234,216,.38))}
#overlay .shape.mz,#overlay .shape.mmz{fill:var(--migration-fill)!important;stroke:var(--migration-stroke)!important;stroke-width:var(--zone-stroke-width)!important;stroke-dasharray:none!important}
#overlay .shape.pz{fill:var(--patrol-fill)!important;stroke:var(--patrol-stroke)!important;stroke-width:var(--zone-stroke-width)!important;stroke-dasharray:16 8!important}
#overlay .shape.sanc{fill:var(--sanctuary-fill)!important;stroke:var(--sanctuary-stroke)!important;stroke-width:calc(var(--zone-stroke-width) + .8px)!important;stroke-dasharray:3 7!important}
#overlay .shape.water,#overlay .shape.uw{stroke:var(--water-stroke)!important;fill:var(--water-fill)!important}
#overlay .shape.gastro{stroke:var(--gastro-stroke)!important;fill:var(--gastro-fill)!important}
#overlay .shape.road,#overlay .shape.trail{fill:none!important;stroke:var(--roads-stroke)!important;stroke-width:2px!important}
#overlay .shape.cave{fill:none!important;stroke:var(--caves-stroke)!important;stroke-width:2.4px!important}
#overlay .shape.mud{stroke:var(--mud-stroke)!important;fill:var(--mud-fill)!important;stroke-dasharray:7 7!important}
body.cb-achromatopsia #overlay .shape.sanc{stroke-width:calc(var(--zone-stroke-width) + 1.8px)!important;stroke-dasharray:2 5!important;filter:drop-shadow(0 0 5px #fff)!important}

.map-label{position:absolute;transform:translate(-50%,-50%) scale(var(--label-scale,1));transform-origin:center center;padding:1px 5px;border:1px solid rgba(125,255,146,.45);border-radius:5px;background:rgba(0,8,4,.72);color:var(--ui-text);font-size:12px;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 8px rgba(125,255,146,.22);box-shadow:0 0 6px rgba(0,0,0,.82);pointer-events:auto}
#labelLayer .map-label.area,#labelLayer .map-label:not(.icon){color:#f4ead2!important;background:linear-gradient(180deg,rgba(55,5,5,.96),rgba(16,0,0,.95))!important;border:1px solid #8f1111!important;border-radius:6px!important;padding:2px 7px!important;text-shadow:0 1px 2px #000,0 0 4px #000!important;box-shadow:0 0 0 1px rgba(0,0,0,.78),0 2px 8px rgba(0,0,0,.74),0 0 10px rgba(90,7,7,.45)!important;opacity:.98!important}
#labelLayer .map-label.area{font-family:Cinzel,Georgia,serif!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#fff1d5!important}
.map-label.icon{width:20px;height:20px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:13px;background:rgba(0,0,0,.84);border-color:var(--ui-green-soft)}
.map-label.icon[data-category='Water']{color:var(--water-stroke);border-color:var(--water-stroke)}
.map-label.icon[data-category='Gastro']{color:var(--gastro-stroke);border-color:var(--gastro-stroke)}
.map-label.icon[data-category='Mud Pools']{color:var(--mud-stroke);border-color:var(--mud-stroke)}
.map-label.icon[data-category='Landmarks']{color:var(--landmarks-stroke);border-color:var(--landmarks-stroke)}

#coordMarker{position:absolute;left:0;top:0;width:0;height:0;transform:scale(var(--marker-screen-scale,1));transform-origin:center center;z-index:1000;pointer-events:none;overflow:visible;isolation:isolate}
.current-location .marker-halo,.current-location .marker-ring,.current-location .marker-point{position:absolute;left:50%;top:50%;pointer-events:none}
.current-location .marker-halo{width:86px;height:86px;transform:translate(-50%,-50%);border:2px solid rgba(156,255,73,.70);border-radius:999px;background:transparent;box-shadow:0 0 0 3px rgba(4,8,4,.92),0 0 0 5px rgba(156,255,73,.26),0 0 20px rgba(156,255,73,.24);opacity:.56;animation:boneLocationPulse 2.6s ease-out infinite}
.current-location .marker-ring{width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid rgba(156,255,73,.92);border-radius:999px;background:transparent;box-shadow:0 0 0 2px rgba(4,8,4,.92),0 0 0 4px rgba(156,255,73,.20)}
.current-location .marker-point{width:10px;height:10px;transform:translate(-50%,-50%);border-radius:999px;background:#9fff69;box-shadow:0 0 0 3px rgba(4,8,4,.95),0 0 0 5px rgba(156,255,73,.32),0 0 18px rgba(156,255,73,.45)}
@keyframes boneLocationPulse{0%{opacity:.56;transform:translate(-50%,-50%) scale(.90)}70%{opacity:.18}100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}

.journey-trail{fill:none;stroke:var(--journey-stroke)!important;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:11 8;filter:drop-shadow(0 0 5px var(--journey-glow));vector-effect:non-scaling-stroke;opacity:.96}
.journey-dot{fill:#0b0301;stroke:var(--journey-stroke)!important;stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px var(--journey-glow))}
.journey-dot.latest{fill:var(--journey-stroke)!important;stroke:var(--bone)!important;stroke-width:4px}
.nearest-line{stroke-width:5.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.5));vector-effect:non-scaling-stroke}
.nearest-line.water{stroke:var(--water-stroke)!important}
.nearest-line.gastro{stroke:var(--gastro-stroke)!important}
.nearest-target{fill:rgba(255,255,255,.12);stroke-width:4.5px;vector-effect:non-scaling-stroke}
.nearest-target.water{stroke:var(--water-stroke)!important}
.nearest-target.gastro{stroke:var(--gastro-stroke)!important}
.nearest-text{paint-order:stroke fill;stroke:#000!important;stroke-width:5px!important;font:900 18px Inter,system-ui,sans-serif!important;text-anchor:middle;pointer-events:none}
.nearest-text.water{fill:var(--water-stroke)!important}
.nearest-text.gastro{fill:var(--gastro-stroke)!important}

.map-context{position:absolute;z-index:90;min-width:170px;padding:6px;border:1px solid var(--ui-green-soft);border-radius:12px;background:var(--panel-bg-strong);box-shadow:0 0 22px rgba(0,0,0,.82),0 0 14px rgba(125,255,146,.18)}
.map-context button{width:100%;display:block;text-align:left;margin:3px 0;padding:7px 9px}
.toast{position:absolute;right:22px;bottom:22px;z-index:100;padding:10px 14px;border:1px solid var(--ui-green-soft);border-radius:8px;background:rgba(0,0,0,.92);color:var(--ui-text);box-shadow:0 0 18px #000}


@media(max-width:760px){.quick-tool{width:calc(100vw - 20px)}.quick-line.coord-line{grid-template-columns:1fr auto}.quick-line.coord-line #quickCopyCoords,.quick-line.coord-line #quickClearJourney{grid-column:auto}.quick-filter-panel{grid-template-columns:repeat(2,1fr)}.accessibility-panel{grid-template-columns:repeat(2,1fr)}.zone-intensity-row{grid-template-columns:1fr}.quick-resources{grid-template-columns:1fr}}
@media(max-width:520px){.tool-filter-row button{font-size:10px;padding:4px 6px}.quick-line.coord-line #quickClearJourney{grid-column:1 / -1}.map-label.area{font-size:15px}.quick-resources{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.current-location .marker-halo{animation:none!important}}

body {
  background:
    linear-gradient(90deg, rgba(0,0,0,.50), rgba(0,0,0,.14) 48%, rgba(0,0,0,.60)),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.72)),
    url('assets/bone-empire-backdrop.png') center/cover fixed no-repeat !important;
}
body::before { opacity: .45; }
.gateway-map-app,
.map-module-shell { width: 100%; height: 100vh; overflow: hidden; }
#mapViewport {
  height: 100vh;
  background: rgba(0,0,0,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(125,255,146,.16), inset 0 0 100px rgba(0,0,0,.42) !important;
}
#mapViewport::after {
  opacity: .38;
  background-size: 58px 58px, 58px 58px;
}
#mapContent {
  filter: saturate(1.06) contrast(1.08) brightness(.78);
}
.quick-tool {
  top: 22px !important;
  left: 22px !important;
  width: 360px !important;
  max-width: calc(100vw - 44px) !important;
  padding: 18px !important;
  border: 1px solid rgba(125,255,146,.28) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(4,8,5,.88), rgba(0,0,0,.82)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.03) inset, 0 0 34px rgba(125,255,146,.08) !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
}
.quick-tool-head {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(125,255,146,.16);
}
.panel-kicker {
  margin: 0 0 5px;
  color: var(--ui-green);
  font: 900 10px/1 Inter,system-ui,sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.quick-tool-head h1 {
  margin: 0;
  color: #fff;
  font: 900 27px/.95 Cinzel,Georgia,serif;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-shadow: 0 0 16px rgba(125,255,146,.16);
}
.panel-live {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 25px;
  padding: 0 9px;
  border: 1px solid rgba(125,255,146,.18);
  border-radius: 999px;
  background: rgba(125,255,146,.07);
  color: var(--ui-green);
  font: 900 10px Inter,system-ui,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.panel-live i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--ui-green);
  box-shadow: 0 0 12px rgba(125,255,146,.66);
}
.quick-line.coord-line {
  grid-template-columns: 1fr 56px;
  gap: 8px;
}
.quick-line.coord-line #quickCoord { grid-column: 1 / -1; }
.quick-line.coord-line #quickCopyCoords,
.quick-line.coord-line #quickClearJourney { grid-column: auto; }
.quick-line.search-line { margin-top: 11px; grid-template-columns: 1fr 56px; }
.quick-tool input,
.quick-tool button,
.map-side-status button,
.map-context button {
  min-height: 38px;
  border-radius: 13px;
  border: 1px solid rgba(125,255,146,.18);
  background: rgba(0,0,0,.36);
  color: var(--ui-text);
  box-shadow: none;
}
.quick-tool input:focus {
  border-color: rgba(125,255,146,.42);
  box-shadow: 0 0 0 4px rgba(125,255,146,.08);
}
#quickGo,
#quickSearchGo,
#quickCopyCoords,
#quickClearJourney {
  font-weight: 900;
}
#quickGo,
#quickSearchGo {
  color: #061007;
  border-color: transparent;
  background: linear-gradient(180deg, #a7ff68, #65df50);
}
.tool-filter-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
  margin-top: 12px !important;
}
.tool-filter-row button,
.quick-filter-panel button {
  height: 38px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-color: rgba(125,255,146,.18) !important;
  background: rgba(255,255,255,.035) !important;
  color: rgba(234,255,238,.86) !important;
}
.tool-filter-row button.active,
.quick-filter-panel button.active,
.tool-filter-row button:hover,
.quick-filter-panel button:hover {
  border-color: rgba(125,255,146,.38) !important;
  background: rgba(125,255,146,.09) !important;
  color: #fff !important;
}
#quickFilterToggle { min-width: 0 !important; }
.accessibility-toggle {
  grid-column: 1 / -1;
  width: 100% !important;
  min-width: 0 !important;
  color: #061007 !important;
  border-color: transparent !important;
  background: linear-gradient(180deg, #a7ff68, #65df50) !important;
}
.accessibility-panel {
  right: 18px !important;
  top: 186px !important;
  width: calc(100% - 36px) !important;
  border-color: rgba(125,255,146,.28) !important;
  background: rgba(0,0,0,.86) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.55) !important;
}
.accessibility-panel button.active {
  border-color: rgba(125,255,146,.42) !important;
  background: rgba(125,255,146,.12) !important;
  color: #fff !important;
}
.zone-intensity-row {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  max-width: none !important;
  margin-top: 11px !important;
  padding: 12px !important;
  border-color: rgba(125,255,146,.18) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.035) !important;
}
.zone-intensity-row span,
#zoneIntensityText { font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.quick-filter-panel {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  margin-top: 10px !important;
  padding: 10px !important;
  border-color: rgba(125,255,146,.16) !important;
  border-radius: 16px !important;
  background: rgba(0,0,0,.28) !important;
}
.map-side-status {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 45;
  width: 300px;
  max-width: calc(100vw - 44px);
  padding: 18px;
  border: 1px solid rgba(125,255,146,.24);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(4,8,5,.82), rgba(0,0,0,.78));
  box-shadow: 0 26px 70px rgba(0,0,0,.48), 0 0 30px rgba(125,255,146,.07);
  backdrop-filter: blur(16px) saturate(1.1);
  pointer-events: auto;
}
.map-side-status .quick-status {
  margin-top: 12px;
  min-height: 74px;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  display: grid;
  place-items: center start;
  padding: 14px;
  border: 1px solid rgba(125,255,146,.14);
  border-radius: 16px;
  background: rgba(0,0,0,.30);
  color: rgba(234,255,238,.78);
  font-size: 13px;
  line-height: 1.35;
}
.quick-resources {
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 10px !important;
}
.quick-resources button {
  height: 44px !important;
  border-color: rgba(125,255,146,.20) !important;
  background: rgba(255,255,255,.035) !important;
  color: #fff !important;
  font-weight: 900;
}
.quick-resources button:not(:disabled) {
  border-color: rgba(125,255,146,.42) !important;
  background: rgba(125,255,146,.10) !important;
}
.map-context {
  border-radius: 16px !important;
  border-color: rgba(125,255,146,.28) !important;
  background: rgba(0,0,0,.88) !important;
}
.toast {
  border-color: rgba(125,255,146,.32) !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.88) !important;
}
@media (max-width: 980px) {
  .quick-tool,
  .map-side-status {
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: none !important;
  }
  .map-side-status { top: auto; bottom: 14px; }
  .quick-tool { top: 14px !important; max-height: calc(100vh - 178px); overflow: auto; }
  .accessibility-panel { position: static !important; width: 100% !important; margin-top: 10px; }
}
@media (max-width: 560px) {
  .tool-filter-row,
  .quick-filter-panel { grid-template-columns: 1fr !important; }
  .quick-line.coord-line,
  .quick-line.search-line { grid-template-columns: 1fr !important; }
  .quick-tool-head h1 { font-size: 22px; }
}


.standalone-map-nav{display:none;position:fixed;top:14px;right:14px;z-index:220;align-items:center;gap:8px;padding:8px;border:1px solid rgba(125,255,146,.24);border-radius:999px;background:linear-gradient(180deg,rgba(4,8,5,.92),rgba(0,0,0,.86));box-shadow:0 18px 48px rgba(0,0,0,.48),0 0 22px rgba(125,255,146,.08);backdrop-filter:blur(14px)}
.standalone-map .standalone-map-nav{display:flex}
.standalone-map-nav a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(125,255,146,.14);border-radius:999px;color:rgba(234,255,238,.88);background:rgba(255,255,255,.035);font:900 11px Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.standalone-map-nav a:hover{border-color:rgba(125,255,146,.44);color:#fff;background:rgba(125,255,146,.09)}
.standalone-map-nav .standalone-map-brand{color:#7dff92;border-color:rgba(125,255,146,.28);background:rgba(125,255,146,.08)}
@media(max-width:720px){.standalone-map-nav{left:12px;right:12px;top:10px;justify-content:center;flex-wrap:wrap;border-radius:18px}.standalone-map-nav a{min-height:30px;padding:0 9px;font-size:10px}.standalone-map .quick-tool{top:92px!important}}


/* TBE_MAP_UI_SLIM_PATCH_START */
.quick-tool{
  top:18px !important;
  left:18px !important;
  width:320px !important;
  max-width:calc(100vw - 36px) !important;
  padding:14px !important;
  border-radius:20px !important;
}

.quick-tool-head{
  padding-bottom:10px !important;
  margin-bottom:10px !important;
}

.quick-tool-head h1{
  font-size:24px !important;
  line-height:1 !important;
}

.panel-kicker{
  font-size:9px !important;
  letter-spacing:.16em !important;
}

.panel-live{
  min-height:22px !important;
  padding:0 8px !important;
  font-size:9px !important;
}

.quick-line.coord-line{
  gap:7px !important;
}

.quick-line.search-line{
  margin-top:9px !important;
}

.quick-tool input,
.quick-tool button,
.map-side-status button,
.map-context button{
  min-height:34px !important;
  font-size:13px !important;
}

.tool-filter-row{
  gap:7px !important;
  margin-top:10px !important;
}

.tool-filter-row button,
.quick-filter-panel button{
  height:34px !important;
  padding:0 8px !important;
  font-size:10px !important;
  letter-spacing:.04em !important;
}

.zone-intensity-row{
  margin-top:10px !important;
  padding:10px !important;
}

.quick-filter-panel{
  margin-top:8px !important;
  padding:8px !important;
}

.map-side-status{
  top:18px !important;
  right:18px !important;
  width:280px !important;
  max-width:calc(100vw - 36px) !important;
  padding:16px !important;
  border-radius:20px !important;
}

.map-side-status .quick-status{
  min-height:62px !important;
  padding:12px !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

.quick-resources{
  gap:8px !important;
  margin-top:9px !important;
}

.quick-resources button{
  height:40px !important;
}

@media (max-width: 980px) {
  .quick-tool,
  .map-side-status{
    left:14px !important;
    right:14px !important;
    width:auto !important;
    max-width:none !important;
  }
}
/* TBE_MAP_UI_SLIM_PATCH_END */