/* Phase 1: retain the existing functional HUD; give the town more breathing room. */
:root { --gold: #c6ac73; --muted: #b1ada3; }
.world-atmosphere { background: linear-gradient(0deg,rgba(16,23,27,.16),transparent 22%); }
.glass { backdrop-filter: blur(6px); }
.left-panel,.topbar { backdrop-filter:none; }
.topbar .server-state { font-size: 9px; border-radius: 3px; }
.topbar .zone-title { background: linear-gradient(#252b2c,#141b20); border-color: #897751; }
.minimap { background:#182321; border-color:#897751; }
.event-card { display:none; }
.character-card { background:linear-gradient(110deg,rgba(17,25,30,.96),rgba(28,34,36,.87)); }
.resource>b,.xp-row>b { color:#e0e3de; }
.panel-nav { background:linear-gradient(#253036,#10191e); border-color:#877754; }
.panel-nav button { border-radius:3px; }
.panel-nav button:hover,.panel-nav button.active { background:rgba(193,164,99,.12); }
.panel-content { background:rgba(17,25,30,.94); }
.hotbar { background:linear-gradient(#25323a,#10181e); }
.skill-slot { border-radius:3px; }
.chat { background:linear-gradient(rgba(14,23,28,.65),rgba(12,19,23,.86)); box-shadow:none; }
.chat-log { font-size:10px; line-height:1.5; }
.chat-tabs button,.chat input,.chat form button { font-size:10px; }
.chat-log b { color:#bdcdcc; }
@media(min-width:901px) {
  .left-panel { width:290px; }
  .topbar .zone-title,.right-hud { width:185px; }
  .minimap canvas { height:132px; }
  .panel-content { top:228px; width:220px; max-height:calc(100vh - 350px); }
  .panel-content[data-compact="true"] { display:none; }
  .chat { width:300px; height:112px; bottom:12px; }
  .chat-log { height:56px; }
  .panel-nav { max-width:calc(100vw - 330px); left:auto; right:12px; transform:none; overflow-x:auto; }
  .panel-nav button { flex:0 0 56px; width:56px; }
  .hotbar { bottom:76px; }
}
@media(max-width:900px) {
  .panel-nav { max-width:calc(100vw - 20px); overflow-x:auto; }
  .panel-nav button { flex:0 0 46px; width:46px; }
  .panel-content { top:225px; max-height:calc(100vh - 330px); width:220px; }
  .hotbar { bottom:76px; }
}

.field-map-toggle {display:block;width:100%;padding:5px 8px;background:#253b34;color:#e8d49f;border:0;border-top:1px solid #897751;cursor:pointer;font:11px system-ui;}
#huntingCaption {display:block;padding:5px 6px;color:#e2d7b9;background:#162820;font:10px system-ui;text-align:center;}

@media(min-width:901px){.panel-content{top:300px;max-height:calc(100vh - 400px);}}