/* Arte original em PNG; a mesma moldura nine-slice serve painéis e controles. */
#mmo-performance{display:flex;justify-content:center;align-items:center;gap:7px;width:max-content;max-width:100%;margin:4px 0 0 auto;padding:3px 7px;border:1px solid #8c7850;background:#102019eb;box-sizing:border-box;color:#d9dfca;font:10px/14px monospace;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
#mmo-performance [data-quality='good']{color:#bbe4a5}
#mmo-performance [data-quality='fair']{color:#f0d48b}
#mmo-performance [data-quality='poor']{color:#f4a39a}
#mmo-performance [data-quality='unknown']{color:#c5cbb9}
@media(max-width:700px){#mmo-performance{font-size:9px;gap:5px;padding:2px 5px}}
body[data-mmo-hud='on'],.gui-gallery{--gui-panel:url('/assets/gui/panel.png');--gui-ink:#f1eadc;--gui-focus:#ffe0a2}
body[data-mmo-hud='on'] .mmo-panel,
body[data-mmo-hud='on'] .inventory-panel,
body[data-mmo-hud='on'] .inventory-tooltip,
body[data-mmo-hud='on'] .enemy-target,
body[data-mmo-hud='on'] .guardian-encounter,
body[data-mmo-hud='on'] .intro-objective,
.gui-gallery .gui-frame{
  border:7px solid transparent;border-image:var(--gui-panel) 8 / 7px / 0 stretch;
  border-radius:0;background:#15251f url('/assets/gui/panel-center.png') repeat;box-shadow:0 3px 9px #0005;
}
/* Controles pequenos usam 4px; a arte nunca interfere na área clicável. */
body[data-mmo-hud='on'] #mmo-hud button:not(#mmo-open-quest):not(.intro-objective),
body[data-mmo-hud='on'] .attack-action,
body[data-mmo-hud='on'] .inventory-close,
body[data-mmo-hud='on'] .inventory-slot,
.gui-gallery .gui-button{
  border:4px solid transparent;border-image:var(--gui-panel) 8 / 4px / 0 stretch;
  border-radius:0;background:#15251f url('/assets/gui/panel-center.png') repeat!important;box-shadow:none;
  color:var(--gui-ink);image-rendering:pixelated;
}
body[data-mmo-hud='on'] button:hover:not(:disabled),.gui-gallery .gui-button:hover:not(:disabled){filter:brightness(1.24)}
body[data-mmo-hud='on'] button:active:not(:disabled),.gui-gallery .gui-button:active:not(:disabled){filter:brightness(.82)}
body[data-mmo-hud='on'] button:focus-visible,.gui-gallery button:focus-visible{outline:2px solid var(--gui-focus);outline-offset:3px}
body[data-mmo-hud='on'] button:disabled,.gui-gallery button:disabled{filter:saturate(.35);opacity:.5}
body[data-mmo-hud='on'] .inventory-slot.is-equipped{border-image:none;border:2px solid #eacb76}
body[data-mmo-hud='on'] .mmo-hero{padding:2px 3px;gap:7px}
body[data-mmo-hud='on'] .mmo-drawer{padding:12px;box-sizing:border-box}
body[data-mmo-hud='on'] .mmo-drawer>header{align-items:center;gap:8px}
body[data-mmo-hud='on'] .mmo-portrait{border:1px solid #ab8a55}
body[data-mmo-hud='on'] .intro-objective{padding:4px 6px!important}
body[data-mmo-hud='on'] .attack-action{position:relative;padding:2px;display:grid;place-items:center}
body[data-mmo-hud='on'] .attack-action img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;pointer-events:none}
body[data-mmo-hud='on'] .attack-action kbd{z-index:2;bottom:-3px;line-height:10px}
body[data-mmo-hud='on'] .mmo-skill-cooldown,body[data-mmo-hud='on'] .potion-cooldown{z-index:1}
/* Nomes acessíveis/atalhos continuam nos botões; somente os glifos são substituídos. */
#mmo-tools button,#mmo-chat-toggle,.mmo-drawer>header>button,.inventory-close{font-size:0!important;position:relative;padding:2px!important}
#mmo-tools button::before,#mmo-chat-toggle::before,.mmo-drawer>header>button::before,.inventory-close::before{
  content:'';display:block;width:26px;height:26px;margin:auto;
  background:var(--gui-icon) center/contain no-repeat;image-rendering:pixelated;pointer-events:none;
}
#mmo-menu-toggle{--gui-icon:url('/assets/gui/icons/menu.png')}
#mmo-bag{--gui-icon:url('/assets/gui/icons/bag.png')}
#mmo-character{--gui-icon:url('/assets/gui/icons/character.png')}
#mmo-party{--gui-icon:url('/assets/gui/icons/party.png')}
#mmo-settings{--gui-icon:url('/assets/gui/icons/settings.png')}
[data-gui-icon='contracts']{--gui-icon:url('/assets/gui/icons/contracts.png')}
[data-gui-icon='arena']{--gui-icon:url('/assets/gui/icons/arena.png')}
[data-gui-icon='honors']{--gui-icon:url('/assets/gui/icons/honors.png')}
[data-gui-icon='siege']{--gui-icon:url('/assets/gui/icons/siege.png')}
#mmo-chat-toggle{--gui-icon:url('/assets/gui/icons/chat.png')}
#mmo-chat-toggle::before{width:18px;height:16px}
.mmo-chat.collapsed{width:184px;height:40px}
.mmo-chat.collapsed header{border-bottom:0;align-items:center;white-space:nowrap;padding:2px 5px}
.mmo-drawer>header>button,.inventory-close{--gui-icon:url('/assets/gui/icons/close.png');min-width:30px;min-height:30px;flex-shrink:0}
.mmo-drawer>header>button::before,.inventory-close::before{width:18px;height:18px}
#mmo-map-toggle{gap:5px!important;padding:4px!important}
#mmo-map-toggle::before{content:'';width:19px;height:19px;flex-shrink:0;background:url('/assets/gui/icons/map.png') center/contain no-repeat;image-rendering:pixelated}
#mmo-map-toggle span{flex:1}
/* No mobile, o botão de menu continua recolhível e deixa o centro livre. */
@media(max-width:700px){
  .mmo-chat.collapsed{width:164px;height:40px}
  #mmo-tools button::before{width:24px;height:24px}
  body[data-mmo-hud='on'] .mmo-hero{padding:1px 2px;gap:5px}
  body[data-mmo-hud='on'] .mmo-drawer{padding:10px}
  body[data-mmo-hud='on'] .attack-action img{width:28px;height:28px}
  body[data-mmo-hud='on'] .mmo-portrait{height:43px}
}