/* Emberlands LiveMap — pixel-GUI theme (docs/GUI-STYLE.md) */
:root{
  --ember-parchment:#f7eec9; --ember-parchment-inset:#efe0b0; --ember-parchment-tan:#d9c48a;
  --ember-wood-outer:#2a1a0e; --ember-wood-dark:#5a3a20; --ember-wood-mid:#8f5e34; --ember-wood-brown:#6e563a;
  --ember-ink:#4a3620; --ember-heading:#a5691a; --ember-border:#caa96f;
  --ember-gold:#f2b73c; --ember-gold-light:#ffe08a; --ember-accent:#c0402f;
  --ember-slate:#161c28; --ember-slate-stone:#495260; --ember-slate-light:#9aa6b3;
  --ember-font-chrome:'Courier New', monospace; --ember-font-body:Verdana, sans-serif;
}
html,body{height:100%;margin:0;background:var(--ember-wood-outer);}
#map{position:absolute;inset:0;background:#2b3a34;image-rendering:pixelated;}
.leaflet-container{background:#2b3a34;font-family:var(--ember-font-body);}
.leaflet-tile{image-rendering:pixelated;}

/* Header plaque */
#ember-header{position:absolute;top:10px;left:10px;z-index:900;display:flex;gap:10px;align-items:center;
  background:var(--ember-wood-outer);border:2px solid var(--ember-border);
  box-shadow:0 0 0 3px var(--ember-wood-dark);padding:6px 12px;}
.ember-plaque{display:flex;flex-direction:column;line-height:1;}
.ember-wordmark{font-family:var(--ember-font-chrome);font-weight:bold;color:var(--ember-gold);
  font-size:18px;letter-spacing:1px;text-shadow:1px 1px 0 #000;}
.ember-sub{font-family:var(--ember-font-chrome);color:var(--ember-parchment-tan);font-size:11px;letter-spacing:3px;text-transform:uppercase;}
#ember-stats{font-family:var(--ember-font-chrome);color:var(--ember-gold-light);font-size:12px;
  border-left:6px solid var(--ember-accent);padding-left:8px;}

/* Reusable parchment panel */
.ember-panel{background:var(--ember-parchment);border:2px solid var(--ember-border);
  box-shadow:0 0 0 3px var(--ember-wood-dark);color:var(--ember-ink);font-family:var(--ember-font-body);}
.ember-panel-title{font-family:var(--ember-font-chrome);font-weight:bold;color:var(--ember-parchment);
  background:var(--ember-wood-brown);padding:5px 10px;letter-spacing:1px;border-bottom:2px solid var(--ember-wood-outer);}
.ember-scroll{max-height:40vh;overflow:auto;padding:6px 8px;}

/* Legend (left side, under the header — keeps clear of the layer-toggle box top-right) */
#ember-legend{position:absolute;top:84px;left:10px;z-index:900;width:232px;}
.legend-row{display:flex;align-items:center;gap:8px;padding:3px 2px;font-size:12px;}
.legend-sw{width:14px;height:14px;border:2px solid var(--ember-wood-outer);flex:0 0 auto;image-rendering:pixelated;}
.legend-name{font-family:var(--ember-font-chrome);color:var(--ember-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.legend-empty{font-size:12px;color:var(--ember-wood-brown);padding:4px;}

/* Coordinate tag */
.ember-tag{position:absolute;bottom:10px;left:10px;z-index:900;background:var(--ember-wood-outer);
  border:2px solid var(--ember-border);color:var(--ember-gold-light);font-family:var(--ember-font-chrome);
  font-size:12px;padding:3px 8px;}

/* Leaflet controls -> wood/parchment */
.leaflet-bar a,.leaflet-bar a:hover{background:var(--ember-parchment);color:var(--ember-ink);
  border-bottom:1px solid var(--ember-border);font-family:var(--ember-font-chrome);font-weight:bold;}
.leaflet-bar{border:2px solid var(--ember-border);box-shadow:0 0 0 3px var(--ember-wood-dark);}
.leaflet-control-layers{background:var(--ember-parchment)!important;border:2px solid var(--ember-border)!important;
  box-shadow:0 0 0 3px var(--ember-wood-dark);color:var(--ember-ink);font-family:var(--ember-font-chrome);}
.leaflet-control-layers-toggle{background-color:var(--ember-parchment);}
.leaflet-control-attribution{background:rgba(42,26,14,.8)!important;color:var(--ember-parchment-tan)!important;
  font-family:var(--ember-font-chrome);}
.leaflet-control-attribution a{color:var(--ember-gold-light)!important;}

/* Popups + tooltips -> parchment scroll */
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--ember-parchment);color:var(--ember-ink);
  border:2px solid var(--ember-border);box-shadow:0 0 0 3px var(--ember-wood-dark);border-radius:0;}
.leaflet-popup-content{font-family:var(--ember-font-body);margin:8px 12px;}
.pop-title{font-family:var(--ember-font-chrome);font-weight:bold;color:var(--ember-heading);
  border-left:6px solid var(--ember-accent);padding-left:6px;margin-bottom:4px;}
.pop-row{font-size:12px;}
.leaflet-tooltip.ember-tt{background:var(--ember-wood-outer);color:var(--ember-gold-light);
  border:2px solid var(--ember-border);border-radius:0;font-family:var(--ember-font-chrome);box-shadow:none;}
.leaflet-tooltip.ember-tt:before{display:none;}

/* Player marker */
.player-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;
  border-bottom:14px solid var(--ember-gold);filter:drop-shadow(0 0 1px #000);}
.player-dot-wrap{display:flex;flex-direction:column;align-items:center;}
.player-name{font-family:var(--ember-font-chrome);font-size:11px;color:#fff;text-shadow:1px 1px 0 #000;margin-top:1px;white-space:nowrap;}
.hp-bar{width:26px;height:4px;background:#3a0f0c;border:1px solid #000;margin-top:1px;}
.hp-fill{height:100%;background:var(--ember-accent);}