:root {
    --bg-dark: #0d1117; --panel-bg: #161b22; --panel-border: #30363d;
    --gold: #d4a017; --gold-light: #f0c040; --hp: #c41e3a; --mp: #1e90ff;
    --exp: #2ecc71; --stamina: #e67e22; --text: #e6edf3; --text-dim: #8b949e;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    background: var(--bg-dark); color: var(--text);
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px;
    overflow: hidden; height: 100vh; width: 100vw;
    display: flex; justify-content: center; align-items: stretch;
  }
  #game-wrapper {
    width: 100%; height: 100%; max-width: 100vw; max-height: 100vh;
    background: #0a0e14; border: 3px solid var(--gold);
    border-right: none; /* painel direito encosta na borda da página */
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr 226px;
    grid-template-rows: 40px 1fr minmax(180px, 240px);
    position: relative; overflow: hidden; box-sizing: border-box;
  }
  #boss-bar-container {
    grid-column: 1 / 4; background: var(--panel-bg); border-bottom: 2px solid var(--gold);
    display: flex; align-items: center; padding: 0 12px; gap: 10px;
  }
  #boss-label { display: none !important; }
  #top-left-actions { display: flex; gap: 6px; flex-shrink: 0; }
  #top-right-actions { display: flex; gap: 6px; flex-shrink: 0; margin-left: auto; align-items: center; }
  #game-version {
    color: var(--text-dim); font-size: 11.2px; white-space: nowrap;
    padding: 2px 6px; border: 1px solid #333; border-radius: 3px;
    background: #0d1117; letter-spacing: 0.5px;
  }
  #boss-bar-bg { flex: 1; height: 18px; background: #2a1a1a; border: 2px solid #5a2a2a; position: relative; }
  #boss-bar-fill { height: 100%; background: linear-gradient(90deg, #8b0000, #c41e3a); width: 0%; transition: width 0.3s; }
  
  .zone-progress {
    display: flex; gap: 4px; flex: 1; align-items: center; justify-content: center;
  }
  .zone-seg {
    width: 28px; height: 28px; background: #1a1a1a; border: 2px solid #444;
    display: flex; align-items: center; justify-content: center; font-size: 19.6px;
  }
  .zone-seg.done { background: #3a2a0a; border-color: var(--gold); box-shadow: inset 0 0 6px rgba(212,160,23,0.4); }
  .zone-seg.current { border-color: var(--gold-light); }
  .boss-hp-wrap { flex: 0 0 180px; }
  .boss-hp-wrap #boss-bar-bg { height: 16px; }

  #boss-percent { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 12.6px; color: #fff; text-shadow: 1px 1px 0 #000; }

  #battle-area { background: #0a150a; position: relative; overflow: hidden; border-right: 2px solid var(--panel-border); grid-column: 2; }
  #battle-canvas { display: block; width: 100%; height: 100%; }
  #floating-texts { position: absolute; inset: 0; pointer-events: none; }
  .float-text { position: absolute; font-size: 15.4px; font-weight: bold; pointer-events: none; animation: floatUp 1.2s forwards; text-shadow: 1px 1px 0 #000; }
  @keyframes floatUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-40px); } }
  .dmg { color: #ff6b6b; } .crit { color: #ffd700; font-size: 18.2px; } .heal { color: #2ecc71; }

  #death-overlay, #transition-overlay {
    position: absolute; inset: 0; background: rgba(0,0,0,0.65);
    display: none; align-items: center; justify-content: center; z-index: 50; flex-direction: column; gap: 12px;
  }
  #death-overlay.show, #transition-overlay.show { display: flex; }
  #transition-overlay { background: #000; transition: opacity 0.4s; opacity: 0; }
  #transition-overlay.show { opacity: 1; }
  #death-text { color: #ff6b6b; font-size: 22.4px; text-shadow: 2px 2px 0 #000; }
  #respawn-timer, #transition-text { color: var(--gold-light); font-size: 16.8px; }
  #transition-overlay.wave-complete{background:linear-gradient(180deg,rgba(5,9,13,.28),rgba(5,9,13,.72));backdrop-filter:blur(1.5px)}
  #transition-overlay.wave-complete #transition-text{min-width:230px;padding:15px 24px;border:1px solid rgba(225,187,65,.65);border-left:3px solid var(--gold);border-right:3px solid var(--gold);background:linear-gradient(90deg,rgba(12,18,24,.90),rgba(25,25,17,.94),rgba(12,18,24,.90));box-shadow:0 10px 30px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.05);text-align:center;animation:wave-complete-in .32s ease-out}
  #transition-overlay.wave-complete #transition-text b{display:block;color:#f2d568;font-size:20px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 5px #000}
  #transition-overlay.wave-complete #transition-text small{display:block;margin-top:5px;color:#aeb8c2;font-size:9px;letter-spacing:.04em}
  @keyframes wave-complete-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}

  
  #left-panel {
    background: var(--panel-bg); border-right: 2px solid var(--gold);
    display: flex; flex-direction: column; overflow-y: auto; padding: 6px; gap: 6px;
  }
  #left-panel #idle-panel { flex: 1; }

  #right-panel {
    grid-column: 3;
    background: var(--panel-bg); border-left: 2px solid var(--gold);
    border-right: 3px solid var(--gold); /* borda da página no lado direito */
    margin: 0; padding: 6px; gap: 6px;
    display: flex; flex-direction: column; overflow-y: auto;
    width: 100%; max-width: none; justify-self: stretch;
  }
  .panel-section { background: #0d1117; border: 2px solid var(--panel-border); padding: 8px; }
  .panel-title { color: var(--gold); font-size: 14px; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; }
  .btn {
    background: #21262d; border: 2px solid var(--panel-border); color: var(--text);
    font-family: inherit; font-size: 12.6px; padding: 6px 10px; cursor: pointer; transition: all 0.15s;
  }
  .btn:hover { border-color: var(--gold); color: var(--gold-light); }
  .btn-gold { background: linear-gradient(180deg, #3a2a0a, #2a1a00); border-color: var(--gold); color: var(--gold-light); }
  .btn-gold:hover { background: linear-gradient(180deg, #4a3a1a, #3a2a0a); }
  .btn-small { padding: 3px 6px; font-size: 11.2px; }
  .btn-minus { color: #ff6b6b; }
  .btn-danger { border-color: #8b0000; color: #ff6b6b; }

  #char-status .status-min { display: flex; flex-direction: column; gap: 4px; }
  #char-status .char-header { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; }
  #char-name { color: var(--gold-light); font-size: 15.4px; }
  #char-class-level { color: var(--text-dim); font-size: 12.6px; }
  .bar-row { display: flex; align-items: center; gap: 6px; margin-top: 4px; }
  .bar-label { width: 32px; font-size: 11.2px; color: var(--text-dim); }
  .bar-bg { flex: 1; height: 12px; background: #1a1a1a; border: 1px solid #333; position: relative; }
  .bar-fill { height: 100%; transition: width 0.2s; }
  .bar-hp { background: linear-gradient(90deg, #8b0000, var(--hp)); }
  .bar-mp { background: linear-gradient(90deg, #004080, var(--mp)); }
  .bar-exp { background: linear-gradient(90deg, #0a5a2a, var(--exp)); }
  .bar-stamina { background: linear-gradient(90deg, #7a3a0a, var(--stamina)); }
  .bar-text { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 9.8px; color: #fff; text-shadow: 1px 1px 0 #000; }

  #char-status.maximized .status-max { display: block; }
  #char-status:not(.maximized) .status-max { display: none; }
  .attr-row { display: flex; justify-content: space-between; align-items: center; margin: 4px 0; font-size: 12.6px; gap: 4px; }
  .attr-val { color: var(--gold-light); min-width: 24px; text-align: center; }
  .attr-btns { display: flex; gap: 2px; }
  .points-available { margin-top: 8px; color: var(--gold); font-size: 11.2px; text-align: center; }
  .pending-points { color: #8ecfff; font-size: 11.2px; text-align: center; margin-top: 4px; }

  .slider-row { margin: 6px 0; font-size: 11.2px; }
  .slider-row label { display: block; margin-bottom: 3px; color: var(--text-dim); }
  input[type="range"] { width: 100%; accent-color: var(--gold); }
  .stats-idle { margin-top: 8px; font-size: 11.2px; line-height: 1.6; color: var(--text-dim); }
  .stats-idle span { color: var(--gold-light); }
  .stats-idle .cost { color: #ff6b6b; }
  .toggle-container { margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; }
  .toggle-switch { width: 48px; height: 24px; background: #333; border: 2px solid #555; border-radius: 12px; position: relative; cursor: pointer; }
  .toggle-switch.on { background: #1a5a1a; border-color: var(--exp); }
  .toggle-knob { width: 18px; height: 18px; background: #aaa; border-radius: 50%; position: absolute; top: 1px; left: 2px; transition: left 0.2s; }
  .toggle-switch.on .toggle-knob { left: 24px; background: var(--exp); }
  #farm-afk-label { font-size: 12.6px; color: var(--text-dim); }
  #farm-afk-label.on { color: var(--exp); }
  
  
  #idle-panel.minimized .idle-full { display: none; }
  #idle-panel:not(.minimized) .idle-min { display: none; }
  #idle-panel.minimized .idle-min { display: block; }
  .action-btns { display: flex; flex-direction: column; gap: 6px; }
  .action-btns .btn { width: 100%; text-align: center; }

  #bottom-hud {
    grid-column: 1 / 4; background: var(--panel-bg); border-top: 2px solid var(--gold);
    display: grid; grid-template-columns: 226px 454px 1fr 226px; gap: 6px; padding: 6px;
  }
  #zones-panel, #inventory-panel, #skills-panel {
    background: #0d1117; border: 2px solid var(--panel-border); padding: 8px; height: 100%; overflow: hidden;
  }
  #zones-panel select {
    width: 100%; background: #161b22; color: var(--text); border: 2px solid var(--panel-border);
    font-family: inherit; font-size: 12.6px; padding: 6px; margin-top: 6px;
  }
  #zones-panel select:focus { outline: none; border-color: var(--gold); }
  .zone-info { margin-top: 8px; font-size: 11.2px; color: var(--text-dim); line-height: 1.5; }

  #inventory-panel { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; }
  .inv-top-bar { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 4px; flex-shrink: 0; gap: 8px; width: 100%; max-width: 500px; }
  .inv-header-right { display: flex; align-items: center; gap: 10px; font-size: 11.2px; }
  .slot-count { color: var(--text-dim); }
  .gold-display { color: var(--gold); display: flex; align-items: center; gap: 4px; }
  .inv-main { display: flex; flex-direction: row; gap: 5px; align-items: flex-start; justify-content: flex-end; flex: 1; min-height: 0; overflow: hidden; width: 100%; }
  .inv-right-col { display: flex; flex-direction: column; gap: 4px; flex: 0 0 auto; max-width: 520px; min-width: 0; align-items: stretch; margin-left: 5px; }
  .inv-filter-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-shrink: 0; width: 100%; }
  .inv-filter-row .inv-header-right { margin-left: auto; }
  .inv-tabs { display: flex; gap: 4px; position: relative; z-index: 5; flex-shrink: 0; }
  .inv-tab {
    padding: 4px 8px; font-size: 11.2px; background: #21262d; border: 1px solid var(--panel-border);
    cursor: pointer; user-select: none; pointer-events: auto;
  }
  .inv-tab:hover { border-color: var(--gold); color: var(--gold-light); }
  .inv-tab.active { border-color: var(--gold); color: var(--gold-light); background: #2a2a1a; }

  
  .equip-col {
    display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; width: 174px;
  }
  .equip-owner-tabs {
    display: grid; grid-template-columns: 1fr 1fr; gap: 4px; width: 100%;
  }
  .equip-owner-tabs .equip-owner {
    width: 100%; height: 15px; max-height: 15px; box-sizing: border-box;
    text-align: center; padding: 0 4px; line-height: 13px; font-size: 12.6px;
    background: #21262d; border: 1px solid var(--panel-border); color: var(--text-dim);
  }
  .equip-owner-tabs .equip-owner.active {
    border-color: var(--gold); color: var(--gold-light); background: #2a2a1a;
  }
  .equip-owner-tabs .equip-owner:disabled {
    opacity: 0.35; cursor: not-allowed; pointer-events: none;
  }

  .equip-slots { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3px; width: 100%; flex-shrink: 0; }
  .equip-slot {
    width: 56px; height: 56px; background: #0a0a0a; border: 2px solid #333;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    font-size: 8.4px; color: var(--text-dim); cursor: pointer;
  }
  .equip-slot.has-item { border-color: var(--gold); color: var(--gold-light); }
  .equip-slot .slot-icon { font-size: 22.4px; }


  .inv-body-row {
    display: flex; flex-direction: row; gap: 5px; align-items: flex-start;
    flex: 0 0 auto; min-height: 0; max-height: 185px;
  }
  .bag-col {
    display: flex; flex-direction: column; gap: 5px; width: 22px; flex-shrink: 0;
    align-items: stretch; justify-content: flex-start;
    margin-left: 5px; height: 180px; max-height: 180px;
  }
  .bag-tabs {
    display: flex; flex-direction: column; gap: 5px; width: 22px; flex: 1; min-height: 0;
    max-height: calc(180px - 32px);
  }
  .bag-tab {
    writing-mode: vertical-rl; text-orientation: mixed;
    width: 22px; min-width: 22px; max-width: 22px; box-sizing: border-box;
    padding: 4px 2px; font-size: 11.2px; background: #21262d; border: 1px solid var(--panel-border);
    cursor: pointer; text-align: center; color: var(--text-dim);
    display: flex; align-items: center; justify-content: center;
    flex: 1; min-height: 55px;
  }
  .bag-tab[data-bag="mochila"] { flex: 1.50; }
  .bag-tab[data-bag="drops"] { flex: 1.15; }
  #btn-organize-inv, .btn-organize {
    width: 22px !important; min-width: 22px !important; max-width: 22px !important;
    height: 22px !important; min-height: 22px !important; padding: 0 !important;
    font-size: 15.4px !important; box-sizing: border-box; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
  }
  .bag-tab.active { border-color: var(--gold); color: var(--gold-light); background: #2a2a1a; }

  .equip-owner.active { border-color: var(--gold); color: var(--gold-light); background: #2a2a1a; }

  .inv-grid-wrap {
    flex: 1 1 auto; overflow-y: auto; overflow-x: hidden;
    min-height: 0; min-width: 0; height: 185px; max-height: 185px;
    border: 1px solid #222; background: #080808; max-width: 460px;
  }
  .inv-grid-wrap::-webkit-scrollbar { width: 6px; }
  .inv-grid-wrap::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 4px; }
  .inv-grid {
    display: grid; grid-template-columns: repeat(10, 42px);
    gap: 3px; padding: 4px; justify-content: start; justify-items: start;
  }
  .inv-slot {
    background: #0a0a0a; border: 1px solid #2a2a2a; width: 42px; height: 42px;
    display: flex; align-items: center; justify-content: center; font-size: 25.2px;
    cursor: pointer; position: relative; flex-shrink: 0;
  }
  .inv-slot:hover { border-color: var(--gold); }
  .inv-slot.drag-over { border-color: var(--exp); background: #0a1a0a; }
  .inv-slot .qty { position: absolute; bottom: 1px; right: 2px; font-size: 9.8px; color: #fff; text-shadow: 1px 1px 0 #000; }
  .rarity-normal { background: rgba(136,136,136,0.35) !important; border-color: #888 !important; }
  .rarity-incomum { background: rgba(46,204,113,0.35) !important; border-color: #2ecc71 !important; }
  .rarity-raro { background: rgba(52,152,219,0.35) !important; border-color: #3498db !important; }
  .rarity-epico { background: rgba(155,89,182,0.35) !important; border-color: #9b59b6 !important; }
  .rarity-mitico { background: rgba(230,126,34,0.35) !important; border-color: #e67e22 !important; }
  .rarity-lendario { background: rgba(241,196,15,0.35) !important; border-color: #f1c40f !important; }
  .rarity-unico { background: rgba(231,76,60,0.35) !important; border-color: #e74c3c !important; }

  #skills-col { display: flex; flex-direction: column; gap: 4px; height: 100%; }
  #btn-sell-all { width: 100%; flex-shrink: 0; }
  #skills-panel { flex: 1; overflow: hidden; display: flex; flex-direction: column; }
  #skills-panel.minimized .skills-content { display: none !important; }
  .skill-item { display: flex; justify-content: center; align-items: center; padding: 4px; background: #0a0a0a; border: 1px solid #222; }
  .skill-icon { width: 56px; height: 56px; background: #1a1a2a; border: 1px solid #333; display: flex; align-items: center; justify-content: center; font-size: 39.2px; }
  .skill-info { display: none !important; }
  #skills-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; overflow-y: auto; flex: 1; }

  .modal-overlay {
    position: absolute; inset: 0; background: rgba(0,0,0,0.85);
    display: flex; align-items: center; justify-content: center; z-index: 100;
  }
  .modal { background: var(--panel-bg); border: 3px solid var(--gold); padding: 24px; max-width: 520px; width: 90%; }
  .modal h2 { color: var(--gold); text-align: center; margin-bottom: 16px; font-size: 19.6px; }
  .class-options { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
  .class-card {
    width: 130px; background: #0d1117; border: 2px solid var(--panel-border);
    padding: 12px; text-align: center; cursor: pointer; transition: all 0.15s;
  }
  .class-card:hover { border-color: var(--gold); transform: translateY(-4px); }
  .class-card .icon { font-size: 44.8px; margin-bottom: 8px; }
  .class-card .name { color: var(--gold-light); margin-bottom: 6px; }
  .class-card .desc { font-size: 11.2px; color: var(--text-dim); line-height: 1.4; }
  .name-input-row { margin-bottom: 16px; text-align: center; }
  .name-input-row input {
    background: #0d1117; border: 2px solid var(--panel-border); color: var(--gold-light);
    font-family: inherit; font-size: 16.8px; padding: 8px 12px; width: 80%; text-align: center;
  }
  .name-input-row input:focus { outline: none; border-color: var(--gold); }

  #shop-modal .shop-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
  #shop-modal .shop-gold { color: var(--gold-light); font-size: 16.8px; }
  #shop-modal .shop-items { display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;max-height:400px;overflow-y:auto;align-content:start; }
  .shop-item { background:#10151b;border:1px solid #3a414a;padding:7px; }
  .shop-item .price { color:var(--gold);font-size:12px; }
  .qty-ctrl { display: flex; align-items: center; gap: 4px; }
  .qty-ctrl input { width: 40px; text-align: center; background: #0a0a0a; border: 1px solid #444; color: var(--text); font-family: inherit; font-size: 14px; padding: 4px; }
  .shop-total { color: var(--gold-light); font-size: 12.6px; min-width: 70px; text-align: right; }

  #tooltip {
    position: fixed; background: #0d1117; border: 2px solid var(--gold);
    padding: 10px; font-size: 12.6px; max-width: 260px; z-index: 300;
    pointer-events: none; display: none; line-height: 1.5; box-shadow: 0 4px 12px rgba(0,0,0,0.6);
    max-height: min(70vh, 420px); overflow-y: auto;
  }
  #tooltip-compare {
    position:fixed;background:#0d1117;border:2px solid var(--gold);padding:0;font-size:12.6px;max-width:260px;z-index:301;
    pointer-events:none;display:none;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.6);max-height:min(70vh,420px);overflow-y:auto;
  }
  #tooltip-compare.hidden{display:none!important}
  #tooltip-compare .tt-tab{background:#2a2a1a;color:var(--gold-light);border-bottom:2px solid var(--gold);padding:6px 10px;font-size:12.6px;text-align:center;letter-spacing:1px}
  #tooltip-compare-body{padding:10px}
  #tooltip .tt-name { margin-bottom: 4px; font-size: 14px; }
  #tooltip .tt-type { color: var(--text-dim); font-size: 11.2px; margin-bottom: 6px; }
  #tooltip .tt-stat { color: var(--exp); }
  #tooltip .tt-desc { color: var(--text-dim); margin-top: 4px; }

  #ctx-menu {
    position: fixed; background: #0d1117; border: 2px solid var(--gold);
    z-index: 310; display: none; min-width: 130px;
  }
  #ctx-menu .ctx-item { padding: 8px 12px; cursor: pointer; font-size: 12.6px; color: var(--text); }
  #ctx-menu .ctx-item:hover { background: #1a2a1a; color: var(--gold-light); }

  #upgrade-modal .upgrade-content { display: flex; flex-direction: column; align-items: center; gap: 12px; }
  #upgrade-modal .upg-icon { font-size: 56px; }
  #upgrade-modal .upg-name { color: var(--gold-light); font-size: 16.8px; }
  #upgrade-modal .upg-stats { background: #0a0a0a; border: 1px solid #333; padding: 10px; width: 100%; text-align: center; line-height: 1.6; font-size: 12.6px; }
  #upgrade-modal .upg-arrow { color: var(--exp); }
  #upgrade-modal .upg-cost { color: var(--text-dim); font-size: 12.6px; }
  #upgrade-modal .upg-cost .gold-cost { color: var(--gold); }
  #upgrade-modal .upg-cost .mat-cost { color: #8ecfff; }

  #sell-modal .sell-info, #msg-modal .msg-text {
    text-align: center; line-height: 1.8; font-size: 15.4px; color: var(--text-dim); margin-bottom: 12px;
  }
  #sell-modal .sell-info span { color: var(--gold-light); }

.sell-safe-modal{max-width:460px;width:min(460px,calc(100vw - 24px))}
.sell-safe-help{margin:0 0 12px;color:var(--text-dim);font-size:13px;line-height:1.45}
.sell-filter-group{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:0 0 10px}
.sell-filter-group legend{padding:0 6px;color:var(--gold-light);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.sell-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
.sell-filter-grid label,.sell-material-filter{display:flex;align-items:center;gap:7px;cursor:pointer;min-height:26px}
.sell-material-filter{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.025)}
.sell-info{min-height:52px;margin:12px 0;padding:10px;border-radius:8px;background:rgba(0,0,0,.18)}
.sell-modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:520px){.sell-filter-grid{grid-template-columns:1fr}.sell-modal-actions .btn{flex:1}}

/* Janelas secundárias compactas: preservam leitura sem ocupar a tela inteira. */
#social-overlay{padding:14px!important}

#social-overlay .social-tabs{margin:7px 0!important}




#mail-overlay.feature-window-overlay{padding:14px!important}

#mail-overlay #mail-summary{padding:7px!important;margin-bottom:7px!important}


#farm-afk-overlay.feature-window-overlay{padding:14px!important}


#farm-afk-overlay .afk-info-card p{margin:7px 0!important}



#ranking-overlay.feature-window-overlay{padding:14px!important}

#ranking-overlay .social-tabs{margin:7px 0!important}


@media(max-width:700px){
  #social-overlay>.social-modal,#mail-overlay.feature-window-overlay>.mp-modal,
  #farm-afk-overlay.feature-window-overlay>.afk-feature-modal,
  #ranking-overlay.feature-window-overlay>.ranking-feature-modal{
    width:calc(100vw - 16px)!important;height:auto!important;max-height:82dvh!important;
    border-width:1px!important;border-radius:9px!important;
  }
  
}
  
  .hidden { display: none !important; }


  .inv-top-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; flex-shrink: 0; gap: 8px; }
  .pot-checks { display: flex; flex-direction: column; gap: 3px; margin: 2px 0 8px 0; font-size: 9.8px; color: var(--text-dim); }
  .pot-check { display: flex; align-items: center; gap: 4px; cursor: pointer; }
  .pot-check input { accent-color: var(--gold); }
  .skill-icon { position: relative; overflow: hidden; }
  .skill-cd-overlay {
    position: absolute; inset: 0; background: rgba(0,0,0,0.72);
    display: flex; align-items: center; justify-content: center;
    font-size: 15.4px; color: #fff; font-weight: bold; text-shadow: 1px 1px 0 #000;
    pointer-events: none;
  }
  .skill-cd-overlay.ready { display: none; }
  #boss-hp-wrap { display: none !important; }


  #companion-panel.maximized .companion-max { display: block; }
  #companion-panel:not(.maximized) .companion-max { display: none; }
  #companion-panel.ko { opacity: 0.55; filter: grayscale(0.6); }
  .skill-owner-tabs { display: flex; gap: 4px; margin-bottom: 4px; }
  .skill-owner-tabs .skill-owner.active { border-color: var(--gold); color: var(--gold-light); background: #2a2a1a; }
  .skill-owner-tabs .skill-owner:disabled { opacity: 0.35; cursor: not-allowed; }
  /* bag-col defined above */
  .btn-organize {
    width: 28px; height: 28px; padding: 0; font-size: 19.6px; line-height: 1;
    display: flex; align-items: center; justify-content: center;
    background: #21262d; border: 1px solid var(--panel-border); color: var(--gold-light); cursor: pointer;
  }
  .btn-organize:hover { border-color: var(--gold); }
  
  
  
  
  
  
  


/* ===== Auto-pot selects ===== */
.pot-select-row {
  display: flex; flex-direction: column; gap: 4px; margin: 6px 0;
  font-size: 11.2px; color: var(--text-dim);
}

.pot-select {
  font-family: inherit; font-size: 11.2px; padding: 6px 8px;
  background: #0d1117; color: var(--text); border: 1px solid var(--panel-border);
  border-radius: 4px; width: 100%;
}
.pot-select:focus { outline: none; border-color: var(--gold); }

/* ===== Mobile base helpers ===== */
.mobile-only { display: none; }

/* ===== Mobile portrait layout (primary) ===== */
@media (max-width: 900px) {
  html, body {
    height: 100%;
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  #game-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 44px 36px minmax(40dvh, 1fr);
    height: 100dvh;
    max-width: 100vw;
    max-height: 100dvh;
    border: none;
    border-right: none;
    width: 100%;
  }
  .mobile-only { display: flex; }
  #mobile-nav {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: stretch;
    gap: 2px;
    padding: 4px;
    padding-top: max(4px, env(safe-area-inset-top));
    background: #0a0e14;
    border-bottom: 2px solid var(--gold);
    z-index: 200;
  }
  .mob-nav-btn {
    flex: 1;
    font-family: inherit;
    font-size: 9.8px;
    padding: 6px 2px;
    background: #161b22;
    color: var(--text);
    border: 1px solid var(--panel-border);
    border-radius: 4px;
    cursor: pointer;
    min-height: 36px;
  }
  .mob-nav-btn.active, .mob-nav-btn:active {
    border-color: var(--gold);
    color: var(--gold-light);
    background: #2a2a1a;
  }
  #boss-bar-container {
    grid-column: 1;
    grid-row: 2;
    padding: 0 6px;
    gap: 4px;
  }
  #top-left-actions, #top-right-actions { display: none; }
  #battle-area {
    grid-column: 1;
    grid-row: 3;
    border: none;
    min-height: 40dvh;
    height: 100%;
    position: relative;
    z-index: 1;
  }
  .zone-seg { width: 22px; height: 22px; font-size: 15.4px; }
  .boss-hp-wrap { flex: 0 0 100px; }

  /* Anula tamanhos fixos de desktop */
  #skills-col,
  #skills-panel,
  #zones-panel,
  #chat-panel,
  #inventory-panel,
  #right-panel,
  #left-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  /* Drawers — sobem e deixam ver o mapa atrás */
  #drawer-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    top: 80px; /* nav + boss bar aproximado */
    background: rgba(0,0,0,0.45);
    z-index: 300;
  }
  #drawer-backdrop.open { display: block; }

  #left-panel,
  #right-panel,
  #bottom-hud,
  #mobile-menu-drawer {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    max-height: min(70dvh, 560px);
    z-index: 310;
    transform: translateY(110%);
    transition: transform 0.25s ease;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--panel-bg);
    border-top: 2px solid var(--gold);
    border-bottom: none;
    border-right: none;
    box-shadow: 0 -8px 24px rgba(0,0,0,0.5);
    padding: 8px;
    padding-bottom: max(8px, env(safe-area-inset-bottom));
    margin: 0 !important;
  }
  #left-panel.open,
  #right-panel.open,
  #bottom-hud.open,
  #mobile-menu-drawer.open {
    transform: translateY(0);
  }
  #mobile-menu-drawer {
    display: none;
    flex-direction: column;
  }
  #mobile-menu-drawer.open { display: flex; }

  #bottom-hud {
    display: block;
    grid-template-columns: none !important;
  }
  #bottom-hud.open {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  #bottom-hud.open > * {
    width: 100% !important;
    max-width: 100% !important;
    flex-shrink: 0;
  }
  #inventory-panel {
    min-height: 180px;
    overflow: visible;
  }
  #zones-panel, #skills-col, #chat-panel {
    width: 100%;
    max-width: none;
  }
  #chat-panel {
    height: auto !important;
    max-height: 160px;
  }
  .chat-log { max-height: 100px !important; }

  /* Inventário mobile */
  .inv-main {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    max-width: 100%;
  }
  .inv-right-col, .inv-body-row {
    max-width: 100%;
    margin-left: 0;
  }
  .inv-grid {
    grid-template-columns: repeat(auto-fill, 34px) !important;
    gap: 2px;
    justify-content: center;
  }
  .inv-slot {
    width: 34px !important;
    height: 34px !important;
    font-size: 19.6px;
  }
  .equip-slot {
    width: 48px !important;
    height: 48px !important;
  }
  .bag-tabs {
    flex-direction: row;
    width: 100% !important;
    height: auto !important;
  }
  .bag-tab {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 28px !important;
    padding: 6px 10px !important;
  }
  .bag-tab[data-bag="mochila"],
  .bag-tab[data-bag="drops"] {
    height: auto !important;
    min-height: 28px !important;
  }

  /* Skills menores no mobile */
  .skill-icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 25.2px !important;
  }
  .skill-icon img {
    width: 34px !important;
    height: 34px !important;
  }
  #skills-list {
    max-height: none;
    grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  }

  .drawer-header {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px; font-size: 14px; color: var(--gold-light);
    position: sticky; top: 0; background: var(--panel-bg); z-index: 2;
  }
  .drawer-body { display: flex; flex-direction: column; gap: 6px; }

  /* Touch-friendly */
  .btn { min-height: 36px; padding: 8px 10px; }
  .btn-small { min-height: 32px; }
  .inv-tab, .bag-tab { min-height: 32px; }
  .modal { max-width: 94vw; max-height: 90dvh; overflow: auto; }
}

/* Landscape phones */
@media (max-width: 900px) and (orientation: landscape) {
  #game-wrapper {
    grid-template-rows: 36px 28px minmax(30dvh, 1fr);
  }
  #left-panel,
  #right-panel,
  #bottom-hud,
  #mobile-menu-drawer {
    max-height: 88dvh;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: min(420px, 55vw);
    transform: translateX(110%);
    border-top: none;
    border-left: 2px solid var(--gold);
  }
  #left-panel.open,
  #right-panel.open,
  #bottom-hud.open,
  #mobile-menu-drawer.open {
    transform: translateX(0);
  }
  #drawer-backdrop {
    top: 0;
  }
}


  #chat-panel {
    display: flex; flex-direction: column; min-width: 0; min-height: 0;
    background: var(--panel-bg); border: 1px solid var(--panel-border);
    padding: 6px; overflow: hidden;
  }
  #chat-panel .panel-title { margin-bottom: 4px; }
  .chat-log {
    flex: 1; overflow-y: auto; background: #0a0a0a; border: 1px solid #222;
    padding: 4px; font-size: 11.2px; min-height: 60px; max-height: 180px;
  }
  .chat-line { margin-bottom: 3px; color: var(--text); }
  .chat-line.dim { color: var(--text-dim); }
  .chat-input-row { display: flex; gap: 4px; margin-top: 4px; }
  .chat-input-row input {
    flex: 1; font-family: inherit; font-size: 11.2px; padding: 4px 6px;
    background: #0d1117; border: 1px solid var(--panel-border); color: var(--text);
  }
  .class-card.disabled-class {
    opacity: 0.35; pointer-events: none; filter: grayscale(0.8);
    position: relative;
  }
  .class-card.disabled-class::after {
    content: "Sua classe";
    position: absolute; bottom: 4px; left: 0; right: 0;
    text-align: center; font-size: 9.8px; color: #ff6b6b;
  }

#zones-panel { width: 226px !important; height: 226px !important; max-width: 226px; max-height: 226px; box-sizing: border-box; }
#chat-panel { width: 454px !important; height: 230px !important; max-width: 454px; max-height: 230px; box-sizing: border-box; }
#top-left-actions { flex-wrap: wrap; }
#top-left-actions .btn-feature { font-size: 9.8px; }

.chat-tabs { display: flex; gap: 4px; margin-bottom: 4px; flex-shrink: 0; }
.chat-tab {
  flex: 1; padding: 3px 4px; font-size: 12.6px; cursor: pointer;
  background: #21262d; border: 1px solid var(--panel-border); color: var(--text-dim);
}
.chat-tab.active { border-color: var(--gold); color: var(--gold-light); background: #2a2a1a; }
.chat-line.log-dmg { color: #e74c3c; }
.chat-line.log-gold { color: #f1c40f; }
.chat-line.log-exp { color: #3498db; }
.chat-line.log-item { color: #2ecc71; }
.chat-line.log-death { color: #ff6b6b; }
.chat-line.log-info { color: var(--text-dim); }
.chat-line .chat-time { color: #888; margin-right: 4px; }
.chat-line .chat-guild { color: #9b59b6; margin-right: 2px; }

/* 0.1.13081 layout */
#skills-col {
  width: 226px !important;
  height: 226px !important;
  max-width: 226px;
  max-height: 226px;
  box-sizing: border-box;
  overflow: hidden;
}
#skills-panel {
  width: 100%;
  height: 100%;
  max-height: 226px;
  box-sizing: border-box;
  overflow: hidden;
}
#skills-list {
  max-height: 160px;
  overflow-y: auto;
}
#right-panel {
  width: 226px !important;
  max-width: 226px;
  min-width: 226px;
  height: 100%;
  max-height: none;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 0 !important;
  justify-self: end;
}
#right-panel .panel-section { padding: 6px; }
#right-panel .panel-title { font-size: 12.6px; }
#right-panel .bar-label { width: 28px; font-size: 9.8px; }
#right-panel .btn { font-size: 11.2px; padding: 4px 6px; }
.equip-slot.rarity-normal,
.equip-slot.rarity-incomum,
.equip-slot.rarity-raro,
.equip-slot.rarity-epico,
.equip-slot.rarity-mitico,
.equip-slot.rarity-lendario,
.equip-slot.rarity-unico {
  /* usa as mesmas classes .rarity-* do inventário */
}
.skill-icon img { display: block; pointer-events: none; }

#comp-name { color: var(--gold-light); font-size: 14px; text-align: center; display: block; width: 100%; }
#comp-class-level { color: var(--text-dim); font-size: 12.6px; text-align: center; display: block; width: 100%; }
#char-name { font-size: 14px; text-align: center; }
#char-class-level { font-size: 12.6px; text-align: center; }
.companion-header, #companion-status .char-header { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; }

/* 0.1.13084 companion status mirror */
#companion-status #comp-name, #comp-name { font-size: 14px !important; text-align: center; color: var(--gold-light); }
#companion-status #comp-class-level, #comp-class-level { font-size: 12.6px !important; text-align: center; color: var(--text-dim); }

#tooltip, #tooltip-compare {
  min-width: 200px; max-width: 280px; background: #1a1520;
  border: 2px solid #4a3a5a; padding: 10px 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.6);
}
.tt-head { margin-bottom: 4px; }
.tt-name { font-size: 14px; line-height: 1.4; margin-bottom: 4px; }
.tt-rarity-tag { font-size: 11.2px; }
.tt-line { font-size: 11.2px; color: var(--text-dim); margin: 2px 0; }
.tt-line.dim { opacity: 0.85; }
.tt-divider { height: 1px; background: #333; margin: 6px 0; }
.tt-stat { display: flex; align-items: center; gap: 6px; font-size: 12.6px; margin: 3px 0; color: var(--text); }
.tt-stat.tt-primary { color: #f0c040; }
.tt-ico { width: 16px; text-align: center; }
.tt-lab { min-width: 36px; color: var(--text-dim); }
.tt-diff-up { color: #2ecc71; margin-left: auto; font-size: 11.2px; }
.tt-diff-down { color: #e74c3c; margin-left: auto; font-size: 11.2px; }
.tt-diff-same { color: #888; margin-left: auto; font-size: 11.2px; }
.tt-desc { font-size: 11.2px; color: var(--text-dim); margin-top: 6px; }
.tt-equipped-label { font-size: 11.2px; color: var(--gold); margin-bottom: 4px; text-align: center; }

/* Auction / Leilão */
#auction-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 220;
  display: flex; align-items: center; justify-content: center;
}
#auction-overlay.hidden { display: none !important; }
#auction-modal {
  width: min(1100px, 94vw);
  height: min(720px, 88vh);
  background: rgba(18, 22, 28, 0.94);
  border: 2px solid var(--gold);
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,0.55);
}
#auction-sidebar {
  width: 150px; flex-shrink: 0;
  background: rgba(10,12,16,0.95);
  border-right: 1px solid #333;
  display: flex; flex-direction: column; padding: 8px; gap: 4px;
}
.auc-nav {
  font-family: inherit; font-size: 11.2px; text-align: left;
  background: transparent; border: 1px solid transparent; color: var(--text-dim);
  padding: 8px 6px; cursor: pointer; border-radius: 4px;
}
.auc-nav:hover, .auc-nav.active { border-color: var(--gold); color: var(--gold-light); background: #1a1a12; }
#auction-main { flex: 1; display: flex; flex-direction: column; min-width: 0; padding: 10px; }
#auction-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.auc-title { color: var(--gold); font-size: 16.8px; margin-right: 8px; }
.auc-tabs { display: flex; gap: 4px; }
.auc-tab {
  font-family: inherit; font-size: 11.2px; padding: 6px 10px;
  background: #161b22; border: 1px solid #333; color: var(--text); cursor: pointer;
}
.auc-tab.active { border-color: var(--gold); color: var(--gold-light); }
#auc-search {
  flex: 1; min-width: 120px; font-family: inherit; font-size: 12.6px;
  background: #0d1117; border: 1px solid #333; color: var(--text); padding: 6px 8px;
}
.auc-count { font-size: 11.2px; color: var(--text-dim); margin-bottom: 6px; }
#auc-grid {
  flex: 1; overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px; align-content: start;
}
.auc-card {
  background: #12161c; border: 1px solid #333; border-radius: 4px;
  padding: 10px; display: flex; flex-direction: column; gap: 4px; min-height: 160px;
}
.auc-card .rarity { font-size: 11.2px; }
.auc-card .name { font-size: 12.6px; color: var(--text); line-height: 1.3; }
.auc-card .meta { font-size: 9.8px; color: var(--text-dim); }
.auc-card .price { font-size: 14px; color: var(--gold-light); margin-top: auto; }
.auc-card .timer { font-size: 9.8px; color: #8b949e; }
.auc-card .btn { width: 100%; margin-top: 4px; }
.auc-subpanel { overflow-y: auto; flex: 1; }
.auc-create-row {
  display: flex; align-items: center; gap: 8px; padding: 8px; border: 1px solid #333;
  margin-bottom: 6px; background: #0d1117; font-size: 12.6px;
}
.auc-create-row input { width: 80px; font-family: inherit; font-size: 12.6px; background: #161b22; border: 1px solid #444; color: var(--text); padding: 4px; }
#market-cash-modal.modal-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 230;
  display: flex; align-items: center; justify-content: center;
}
#market-cash-modal.hidden { display: none !important; }



/* Detalhe leilão — acima de tudo, cliques OK */
#auc-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 500;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
#auc-detail-modal.hidden { display: none !important; }
#auc-detail-modal .auc-detail-box {
  position: relative;
  z-index: 501;
  width: min(360px, 92vw);
  max-height: 85vh;
  overflow-y: auto;
  background: #161b22;
  border: 2px solid var(--gold);
  padding: 16px;
  pointer-events: auto;
}
.auc-detail-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.auc-detail-actions .btn {
  flex: 1;
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  z-index: 502;
}
#auction-overlay { z-index: 220; pointer-events: auto; }

.auc-card {
  min-height: 200px;
  max-height: 420px;
  overflow: hidden;
}
.auc-card-info {
  flex: 1;
  overflow-y: auto;
  font-size: 11.2px;
  margin-bottom: 6px;
  border-bottom: 1px solid #333;
  padding-bottom: 6px;
}
.auc-card-info .tt-name { font-size: 12.6px; }
.auc-card-info .tt-stat { font-size: 11.2px; margin: 2px 0; }
.auc-card-footer { margin-top: auto; }
.auc-card-footer .btn { width: 100%; margin-top: 4px; }

.auc-card {
  min-height: 240px !important;
  max-height: none;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 8px;
  box-sizing: border-box;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.auc-card-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.auc-ico { font-size: 25.2px; line-height: 1; }
.auc-name { font-size: 12.6px; line-height: 1.3; word-break: break-word; }
.auc-lv { font-size: 11.2px; color: var(--text-dim); margin-top: 2px; }
.auc-rarity { font-size: 11.2px; margin-bottom: 4px; }
.auc-sep { height: 1px; background: #333; margin: 6px 0; width: 100%; }
.auc-stats { flex: 1; min-height: 40px; }
.auc-stat { font-size: 11.2px; margin: 2px 0; color: var(--text); }
.auc-stat.dim { color: #666; }
.auc-card-bottom {
  margin-top: auto;
  padding-top: 4px;
  padding-bottom: 2px;
}
.auc-card-bottom .price { font-size: 15.4px; color: var(--gold-light); margin-bottom: 2px; }
.auc-card-bottom .meta { font-size: 9.8px; color: #8b949e; margin-bottom: 2px; }
.auc-card-bottom .timer { font-size: 9.8px; color: #8b949e; margin-top: 2px; margin-bottom: 6px; }
.auc-card-bottom .btn-auc-buy {
  width: 100%;
  min-height: 32px;
  pointer-events: auto !important;
  cursor: pointer;
  position: relative;
  z-index: 5;
}
#auc-grid { pointer-events: auto; }
#auction-modal, #auction-main { pointer-events: auto; }

#btn-close-auction {
  pointer-events: auto !important;
  cursor: pointer;
  position: relative;
  z-index: 10;
  min-height: 28px;
}
#auction-top { position: relative; z-index: 5; }

#auc-filters {
  display: flex; flex-wrap: wrap; gap: 6px 10px;
  margin-bottom: 8px; font-size: 11.2px; color: var(--text-dim);
  align-items: center;
}
#auc-filters label { display: flex; align-items: center; gap: 4px; }
#auc-filters select {
  font-family: inherit; font-size: 11.2px;
  background: #0d1117; border: 1px solid #333; color: var(--text); padding: 4px;
}
.auc-fav {
  position: absolute; top: 6px; right: 6px;
  background: transparent; border: none; color: #555;
  font-size: 19.6px; cursor: pointer; z-index: 6; line-height: 1;
  pointer-events: auto;
}
.auc-fav.on { color: #f1c40f; }
.auc-card { position: relative; }
.auc-hist-row {
  font-size: 11.2px; margin: 6px 0; padding: 6px; background: #0d1117;
  border: 1px solid #222; color: var(--text);
}
.auc-hist-type { color: var(--gold-light); }
.auc-hist-date { font-size: 9.8px; color: #8b949e; margin-top: 2px; }

/* ===== Multiplayer ===== */
#online-status{font-size:11.2px;color:#8b949e;padding:4px 6px;border:1px solid #30363d;border-radius:4px}
#online-status.online{color:#3fb950;border-color:#238636}
.mp-modal{max-width:430px}
.mp-input{width:100%;box-sizing:border-box;margin:5px 0;padding:9px;background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:4px;font:inherit}
.mp-actions{display:flex;gap:8px;margin-top:8px}.mp-actions>.btn{flex:1}
.mp-error{min-height:18px;margin-top:8px;color:#f85149;font-size:12.6px;text-align:center}
.mp-sep{text-align:center;color:#8b949e;font-size:12.6px;margin:10px 0}
#mp-account-info,#mp-presence-info{font-size:12.6px;color:#c9d1d9;line-height:1.6}
#guild-title{font-size:15.4px;color:var(--gold);margin:4px 0 8px}
.guild-members{max-height:240px;overflow:auto;border:1px solid #30363d;background:#0d1117}
.guild-member{display:flex;justify-content:space-between;padding:7px 8px;border-bottom:1px solid #21262d;font-size:12.6px}
.guild-member:last-child{border-bottom:0}.guild-role{color:#8b949e}

/* FASE 4 - Party multiplayer */
.party-modal{max-width:520px}.mp-muted{font-size:12.6px;color:#8b949e;line-height:1.5}.party-hunt-box{margin-top:10px;border:1px solid #30363d;padding:8px;background:#0d1117}.party-row,.party-monster-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px;border-bottom:1px solid #21262d;font-size:12.6px}.party-row:last-child,.party-monster-row:last-child{border-bottom:0}.party-hp{flex:1;height:7px;background:#21262d;min-width:80px}.party-hp>i{display:block;height:100%;background:#2ea043}.party-monster-row .party-hp>i{background:#da3633}.party-online{color:#3fb950}.party-offline{color:#8b949e}.party-invite-row{display:flex;justify-content:space-between;align-items:center;padding:6px;border:1px solid #30363d;margin-bottom:4px;font-size:12.6px}
.party-rules{font-size:11px;color:#8b949e;line-height:1.45;margin:4px 0 8px}.party-modal{max-width:760px}.party-hunt-box{border-color:#745b16;background:linear-gradient(180deg,#101923,#0b1016)}#party-hunt-status{display:flex;justify-content:space-between;color:#e8b931;font-size:12px;margin-bottom:8px}#party-hunt-battlefield{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;min-height:230px;border:1px solid #263442;background:radial-gradient(circle at center,#1d2730 0,#0a1118 68%);overflow:auto;padding:10px}.party-side{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.party-versus{text-align:center;color:#e8b931;font-weight:900}.party-fighter,.party-foe{width:86px;min-height:112px;padding:7px;border:1px solid #35506a;background:#101a24;text-align:center;display:flex;flex-direction:column;gap:3px;align-items:center}.party-foe{border-color:#713737;background:#211315}.party-avatar{font-size:29px;line-height:36px}.party-fighter b,.party-foe b{font-size:11px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-fighter small,.party-foe small{font-size:9px;color:#93a4b5}.party-fighter .party-hp,.party-foe .party-hp{width:100%;min-width:0;flex:none}.party-foe .party-hp>i{background:#d74747}.party-pet{display:flex;gap:3px;align-items:center;color:#6ccf7d}.party-pet.ko,.party-fighter.ko,.party-foe.dead{filter:grayscale(1);opacity:.45}#party-hunt-events{font-size:11px;color:#bdc8d3;max-height:82px;overflow:auto;margin-top:7px}#party-hunt-events>div{padding:3px 4px;border-bottom:1px solid #202b35}
.party-hunt-setup{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:7px;margin:7px 0}.party-hunt-setup label{display:flex;flex-direction:column;gap:4px;color:#93a4b5;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.party-hunt-preview{display:flex;gap:5px;flex-direction:column;padding:8px;border:1px solid #303d49;background:#0b1117;color:#aab7c4;font-size:11px;margin-bottom:7px}.party-hunt-preview b{color:#e8b931}@media(max-width:620px){.party-hunt-setup{grid-template-columns:1fr}.party-modal{max-width:96vw}#party-hunt-battlefield{grid-template-columns:1fr 22px 1fr;padding:5px}.party-fighter,.party-foe{width:72px}}
.dungeon-shared-field{position:relative;min-height:390px;border:1px solid #334253;background:radial-gradient(circle at 70% 50%,#25202b 0,#101923 43%,#091016 76%);overflow:hidden}.dungeon-stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:10% 20%;pointer-events:none}.dungeon-stage-actor{position:absolute;z-index:2;width:78px;min-height:62px;padding:4px 5px;border:1px solid #3a5266;border-radius:5px;background:#09131ee8;text-align:center;transform:translate(-50%,-50%);transition:left .46s linear,top .46s linear,opacity .2s}.dungeon-stage-actor.hero{border-color:#328b67;box-shadow:0 0 10px #28a77626}.dungeon-stage-actor.enemy{border-color:#91464c}.dungeon-stage-actor.elite{border-color:#3597dc;box-shadow:0 0 12px #248bd055}.dungeon-stage-actor.ko{opacity:.32;filter:grayscale(1)}.dungeon-stage-actor b,.dungeon-stage-actor small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.dungeon-stage-actor small{color:#8ca1b4}.dungeon-actor-icon{display:block;font-size:23px;line-height:25px}.dungeon-stage-actor.state-attacking,.dungeon-stage-actor.state-casting{animation:dungeon-pulse .45s ease-in-out infinite alternate}.dungeon-stage-legend{position:absolute;left:8px;bottom:6px;color:#7890a3;font-size:9px}.dungeon-projectile{position:absolute;z-index:4;left:var(--sx);top:var(--sy);width:9px;height:9px;border-radius:50%;background:#ffd04c;box-shadow:0 0 9px #ffae00;animation:dungeon-shot .48s linear forwards;pointer-events:none}@keyframes dungeon-pulse{to{filter:brightness(1.5);transform:translate(-50%,-50%) scale(1.06)}}@keyframes dungeon-shot{to{left:var(--tx);top:var(--ty);transform:scale(.6)}}@media(max-width:700px){.dungeon-shared-field{min-height:340px}.dungeon-stage-actor{width:62px;padding:3px}.dungeon-stage-actor b,.dungeon-stage-actor small{font-size:8px}.dungeon-actor-icon{font-size:19px}}
.dungeon-allies{display:flex;flex-direction:column;gap:2px;width:100%;margin-top:2px}.dungeon-allies .party-pet{justify-content:center;max-width:100%;font-size:10px}.dungeon-allies .party-pet small{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* FASE 5 - Social, ranking e Party Finder */
.social-modal{max-width:680px;max-height:88vh;overflow:auto}.social-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-head h2{margin:0}.social-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.social-tab.active{border-color:var(--gold);color:var(--gold-light)}.social-panel{min-height:260px}.social-add,.social-filters{display:flex;gap:6px;align-items:center}.social-add .mp-input,.social-filters .mp-input{margin:3px 0}.social-list{border:1px solid #30363d;background:#0d1117;max-height:320px;overflow:auto}.social-row,.rank-row,.finder-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid #21262d;font-size:12.6px}.social-row:last-child,.rank-row:last-child,.finder-row:last-child{border-bottom:0}.social-main{min-width:0;flex:1}.social-name{color:#e6edf3}.social-sub{color:#8b949e;font-size:11.2px;margin-top:2px}.social-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.presence-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b949e;margin-right:5px}.presence-dot.on{background:#3fb950}.dm-box{margin-top:10px;border:1px solid #30363d;padding:8px;background:#090c10}.dm-title{font-size:14px;color:var(--gold-light);margin-bottom:6px}.dm-messages{height:170px;overflow:auto;background:#0d1117;border:1px solid #21262d;padding:6px}.dm-msg{font-size:12.6px;padding:4px 5px;border-bottom:1px solid #161b22}.dm-msg.me{text-align:right}.dm-meta{font-size:9.8px;color:#6e7681;margin-bottom:2px}.ranking-list .rank-row strong{color:var(--gold-light);min-width:26px}.finder-form{border:1px solid #30363d;padding:8px;margin-bottom:8px;background:#0d1117}.inspect-modal{max-width:520px}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.inspect-card{border:1px solid #30363d;background:#0d1117;padding:8px;font-size:12.6px}.inspect-equipment{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px}.inspect-item{border:1px solid #30363d;padding:6px;font-size:11.2px}.social-empty{padding:16px;text-align:center;color:#8b949e;font-size:12.6px}@media(max-width:700px){.social-modal{max-width:96vw}.social-filters,.social-add{flex-wrap:wrap}.social-add>.mp-input,.social-filters>.mp-input{flex:1 1 120px}.inspect-grid{grid-template-columns:1fr}}

/* FASE 6 - Admin/GM */
.admin-modal{width:min(900px,96vw);max-height:92vh;overflow:auto}.admin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin:8px 0}.admin-card{border:1px solid var(--border,#555);padding:8px;background:rgba(0,0,0,.18);font-size:14px}.admin-card strong{display:block;font-size:19.6px;color:var(--gold,#e7bd58)}.admin-balance{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;margin:8px 0}.admin-balance label{font-size:12.6px;display:flex;flex-direction:column;gap:3px}.admin-audit{max-height:220px;overflow:auto;font-size:12.6px}.admin-log{padding:5px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-player{cursor:pointer}.admin-player:hover{background:rgba(255,255,255,.06)}

.admin-json{width:100%;min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;resize:vertical}.admin-content-row{cursor:pointer}.admin-content-row:hover{filter:brightness(1.08)}
.build-modal{max-width:620px;width:min(92vw,620px)}
.build-skill{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.build-skill select{width:70px}.build-skill .social-main{flex:1}.build-subclass.selected{outline:1px solid #d7a92f}


/* FASE 35.1 — Navegação agrupada de sistemas */
.system-nav { position: relative; overflow: visible !important; }
.system-menu { position: relative; }
.system-menu-toggle { white-space: nowrap; display:flex; align-items:center; gap:4px; }
.menu-caret { font-size:11.2px; opacity:.7; }
.system-dropdown {
  position:absolute; top:calc(100% + 7px); left:0; z-index:14000;
  min-width:205px; padding:6px; background:#10141b; border:1px solid var(--gold);
  border-radius:5px; box-shadow:0 10px 28px rgba(0,0,0,.72);
}
.system-dropdown-right { left:auto; right:0; }
.system-dropdown::before {
  content:""; position:absolute; top:-7px; left:14px; width:12px; height:12px;
  background:#10141b; border-left:1px solid var(--gold); border-top:1px solid var(--gold);
  transform:rotate(45deg);
}
.system-dropdown-right::before { left:auto; right:14px; }
.system-menu-item {
  position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; min-height:30px; padding:6px 9px; border:0; border-bottom:1px solid rgba(255,255,255,.055);
  background:transparent; color:var(--text); font-family:inherit; font-size:14px; text-align:left; cursor:pointer;
}
.system-menu-item:last-child { border-bottom:0; }
.system-menu-item:hover { background:rgba(212,160,23,.13); color:var(--gold-light); }
.nav-badge {
  display:inline-flex; align-items:center; justify-content:center; min-width:15px; height:15px;
  padding:0 4px; border-radius:8px; background:#9d2525; color:#fff; font-size:11.2px; font-weight:700;
}
#legacy-system-actions { display:none !important; }
#top-left-actions { overflow:visible !important; }
#boss-bar-container { overflow:visible !important; }

@media (max-width: 1100px) {
  .system-menu-toggle { padding-left:6px !important; padding-right:6px !important; font-size:12.6px !important; }
  .system-dropdown { min-width:190px; }
}
@media (max-width: 760px) {
  #top-left-actions.system-nav { gap:3px; }
  .system-menu-toggle { font-size:0 !important; min-width:31px; justify-content:center; }
  .system-menu-toggle::first-letter { font-size:16.8px; }
  .system-menu-toggle .menu-caret { display:none; }
  .system-menu-toggle .nav-badge { font-size:11.2px; }
  .system-dropdown { position:fixed; top:48px; left:8px !important; right:8px !important; width:auto; min-width:0; }
  .system-dropdown::before { display:none; }
}


/* ==========================================================================
   MOBILE UX PASS — pós Fase 35.2
   Mantido no final do arquivo de propósito: neutraliza regras desktop antigas
   declaradas depois dos primeiros @media mobile.
   ========================================================================== */
@media (max-width: 900px) {
  :root { --mobile-nav-h: 54px; --mobile-boss-h: 38px; }

  html, body {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 100%;
    margin: 0;
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: manipulation;
  }

  body { padding: 0 !important; }

  #game-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows:
      calc(var(--mobile-nav-h) + env(safe-area-inset-top))
      var(--mobile-boss-h)
      minmax(0,1fr) !important;
    padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    box-sizing: border-box;
  }

  #mobile-nav {
    height: auto !important;
    min-height: var(--mobile-nav-h);
    padding: max(6px,env(safe-area-inset-top)) 6px 6px !important;
    gap: 4px !important;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  #mobile-nav::-webkit-scrollbar { display:none; }

  .mob-nav-btn {
    min-width: 52px;
    min-height: 40px !important;
    padding: 7px 4px !important;
    font-size: 11.2px !important;
    line-height: 1.15;
    flex: 1 0 52px;
    border-radius: 6px;
    -webkit-tap-highlight-color: transparent;
  }

  #boss-bar-container {
    min-width: 0;
    height: var(--mobile-boss-h) !important;
    overflow: hidden !important;
    padding: 3px 6px !important;
    gap: 4px !important;
    align-items: center;
  }
  #boss-label { font-size: 9.8px !important; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
  .boss-hp-wrap { min-width: 64px !important; flex: 1 1 100px !important; max-width: 160px; }
  #online-status { font-size: 9.8px !important; padding: 3px 4px !important; }

  #battle-area {
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    touch-action: pan-x pan-y;
  }
  #battle-canvas, #game-canvas, canvas {
    max-width: 100%;
    max-height: 100%;
  }

  /* Reforço contra regras desktop posteriores */
  #left-panel,
  #right-panel,
  #bottom-hud,
  #mobile-menu-drawer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(78dvh, 680px) !important;
    box-sizing: border-box;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable;
  }

  #skills-col,
  #skills-panel,
  #zones-panel,
  #chat-panel,
  #inventory-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
  }

  #drawer-backdrop {
    top: calc(var(--mobile-nav-h) + var(--mobile-boss-h) + env(safe-area-inset-top)) !important;
    backdrop-filter: blur(2px);
  }

  .drawer-header {
    min-height: 42px;
    padding: 2px 2px 8px;
    font-size: 15.4px !important;
  }
  .drawer-header .btn {
    min-width: 40px;
    min-height: 40px !important;
    font-size: 15.4px !important;
  }

  /* Menu de sistemas: duas colunas, sem lista interminável */
  #mobile-menu-drawer {
    max-height: min(82dvh,720px) !important;
  }
  .mobile-system-menu { gap: 12px !important; }
  .mobile-menu-section {
    border: 1px solid var(--panel-border);
    background: rgba(8,12,17,.55);
    border-radius: 7px;
    padding: 8px;
  }
  .mobile-menu-title {
    color: var(--gold-light);
    font-size: 12.6px;
    margin-bottom: 7px;
    letter-spacing: .02em;
  }
  .mobile-menu-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .mobile-menu-grid .btn {
    width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:7px 5px !important;
    font-size:11.2px !important;
    white-space:normal;
    line-height:1.25;
  }
  .mobile-menu-local { opacity:.88; }

  /* Inventário e equipamento */
  .inv-main,
  .inv-body-row,
  .inv-right-col { width:100% !important; min-width:0 !important; }
  .inv-grid {
    width:100%;
    grid-template-columns: repeat(auto-fit, minmax(38px, 38px)) !important;
    gap: 5px !important;
    justify-content:center !important;
  }
  .inv-slot {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
  .equip-slot {
    width:50px !important;
    height:50px !important;
  }
  .bag-tabs {
    overflow-x:auto;
    flex-wrap:nowrap !important;
    scrollbar-width:none;
  }
  .bag-tabs::-webkit-scrollbar { display:none; }
  .bag-tab {
    flex:1 0 auto;
    min-height:38px !important;
    padding:7px 10px !important;
  }

  /* Skills / zona */
  #skills-list {
    grid-template-columns:repeat(auto-fill,minmax(54px,1fr)) !important;
    max-height:none !important;
    gap:6px !important;
  }
  .skill-icon {
    width:44px !important;
    height:44px !important;
  }
  #zones-panel { padding-bottom:10px; }

  /* Chat legível e teclado */
  #chat-panel { max-height:none !important; }
  .chat-log {
    min-height:150px !important;
    max-height:32dvh !important;
    font-size:14px !important;
    line-height:1.45;
  }
  .chat-tabs {
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:none;
  }
  .chat-tabs::-webkit-scrollbar { display:none; }
  .chat-tab {
    min-width:70px;
    min-height:38px;
    font-size:12.6px !important;
  }
  .chat-input-row { gap:6px !important; }
  .chat-input-row input {
    min-width:0;
    min-height:42px;
    font-size:22.4px !important; /* evita zoom automático em iOS */
    padding:8px !important;
  }
  .chat-input-row .btn { min-width:54px; }

  /* Inputs/forms gerais: evita zoom iOS e melhora toque */
  input, select, textarea, .mp-input {
    max-width:100%;
    box-sizing:border-box;
  }
  .mp-input, input[type="text"], input[type="email"], input[type="password"],
  input[type="number"], input[type="datetime-local"], select, textarea {
    font-size:22.4px !important;
    min-height:42px;
  }
  textarea { min-height:90px; }

  .btn, button {
    -webkit-tap-highlight-color: transparent;
  }
  .btn {
    min-height:42px !important;
    touch-action:manipulation;
  }
  .btn-small { min-height:38px !important; }

  /* Todos os overlays viram folhas/modal fullscreen-safe no celular */
  .modal-overlay,
  .mp-overlay,
  #auction-overlay,
  #auc-detail-modal,
  #market-cash-modal {
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    padding:
      max(8px,env(safe-area-inset-top))
      max(8px,env(safe-area-inset-right))
      max(8px,env(safe-area-inset-bottom))
      max(8px,env(safe-area-inset-left)) !important;
    box-sizing:border-box;
    align-items:flex-end !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .modal,
  .mp-modal,
  .social-modal,
  .party-modal,
  .admin-modal,
  .build-modal,
  .auc-detail-box {
    width:100% !important;
    max-width:100% !important;
    max-height:92dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box;
    margin:0 !important;
    border-radius:10px 10px 0 0;
    padding:14px !important;
    -webkit-overflow-scrolling:touch;
  }

  .social-head {
    position:sticky;
    top:-14px;
    z-index:8;
    background:var(--panel-bg);
    padding:8px 0;
  }
  .social-head h2 { font-size:16.8px !important; }

  .social-add,
  .social-filters,
  .mp-actions,
  .auc-create-row {
    flex-wrap:wrap !important;
    align-items:stretch !important;
  }
  .social-add > *,
  .social-filters > *,
  .mp-actions > * {
    flex:1 1 150px !important;
  }
  .social-row,
  .party-row,
  .party-monster-row,
  .guild-member {
    align-items:flex-start !important;
    flex-wrap:wrap;
    padding:10px 8px !important;
    font-size:14px !important;
  }
  .social-actions { width:100%; justify-content:flex-start !important; }
  .social-actions .btn { flex:1 1 auto; }

  /* Leilão: sidebar vira barra horizontal */
  #auction-modal {
    width:100% !important;
    height:92dvh !important;
    max-height:92dvh !important;
    flex-direction:column !important;
    border-radius:10px 10px 0 0;
  }
  #auction-sidebar {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex-direction:row !important;
    overflow-x:auto;
    border-right:0 !important;
    border-bottom:1px solid #333;
    padding:6px !important;
    scrollbar-width:none;
  }
  #auction-sidebar::-webkit-scrollbar { display:none; }
  .auc-nav {
    flex:0 0 auto;
    min-height:40px;
    padding:8px 10px !important;
    white-space:nowrap;
    font-size:12.6px !important;
  }
  #auction-main { padding:8px !important; min-height:0; }
  #auction-top { align-items:stretch !important; }
  .auc-title { width:100%; }
  .auc-tabs { width:100%; overflow-x:auto; }
  .auc-tab { min-height:40px; flex:1 0 auto; }
  #auc-search { min-height:42px; font-size:22.4px !important; }
  #auc-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .auc-card {
    min-width:0;
    min-height:190px !important;
    padding:8px !important;
  }

  /* Admin: cards e JSON não estouram largura */
  .admin-modal { width:100% !important; }
  .admin-summary { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .admin-balance { grid-template-columns:1fr !important; }
  .admin-json {
    min-height:180px !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere;
  }
  .admin-audit { max-height:45dvh !important; }

  /* Tooltips não ficam cortados fora da viewport */
  #tooltip, #tooltip-compare {
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:max(8px,env(safe-area-inset-bottom)) !important;
    top:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:42dvh;
    overflow:auto;
    z-index:16000 !important;
  }

  /* Banners não cobrem a navegação inteira */
  #active-events-banner {
    top:calc(var(--mobile-nav-h) + var(--mobile-boss-h) + env(safe-area-inset-top) + 4px) !important;
    width:calc(100vw - 16px);
    max-width:none !important;
    max-height:20dvh;
    overflow:auto;
    font-size:11.2px !important;
    box-sizing:border-box;
  }
  #system-announcement-toast {
    top:calc(var(--mobile-nav-h) + var(--mobile-boss-h) + env(safe-area-inset-top) + 4px) !important;
    width:calc(100vw - 16px) !important;
    max-width:none !important;
    box-sizing:border-box;
    max-height:30dvh;
    overflow:auto;
  }
}

@media (max-width: 430px) {
  .mob-nav-btn { min-width:48px; font-size:9.8px !important; }
  .mobile-menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #auc-grid { grid-template-columns:1fr !important; }
  .admin-summary { grid-template-columns:1fr 1fr !important; }
}

@media (max-width: 900px) and (orientation: landscape) {
  :root { --mobile-nav-h: 44px; --mobile-boss-h: 32px; }
  #mobile-nav { padding-top:max(3px,env(safe-area-inset-top)) !important; }
  .mob-nav-btn { min-height:34px !important; }
  #left-panel, #right-panel, #bottom-hud, #mobile-menu-drawer {
    left:auto !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:min(480px,65vw) !important;
    max-width:min(480px,65vw) !important;
    max-height:100dvh !important;
    transform:translateX(105%) !important;
    border-left:2px solid var(--gold);
    border-top:0;
  }
  #left-panel.open, #right-panel.open, #bottom-hud.open, #mobile-menu-drawer.open {
    transform:translateX(0) !important;
  }
  #drawer-backdrop { top:0 !important; }
  .modal,.mp-modal,.social-modal,.party-modal,.admin-modal,#auction-modal {
    max-height:96dvh !important;
    border-radius:8px;
  }
}

/* Dispositivos touch: hover não deve "grudar". */
@media (hover:none) and (pointer:coarse) {
  .class-card:hover,
  .admin-player:hover,
  .system-menu-item:hover,
  .auc-nav:hover {
    transform:none;
    filter:none;
  }
}

/* ==========================================================================
   STABILIZATION UI — Online-only login + auction-style feature windows
   ========================================================================== */
body.auth-pending #game-wrapper {
  display: none !important;
}
.login-gate {
  position: fixed;
  inset: 0;
  z-index: 50000;
  display: grid;
  place-items: center;
  padding: 18px;
  box-sizing: border-box;
  background:
    radial-gradient(circle at 50% 15%, rgba(207,160,48,.12), transparent 32%),
    linear-gradient(180deg,#0b0f14,#07090c 72%);
}
.login-gate.hidden { display:none !important; }
.login-card {
  width: min(440px, 94vw);
  background: rgba(17,22,29,.97);
  border: 2px solid var(--gold);
  box-shadow: 0 18px 60px rgba(0,0,0,.7);
  padding: 24px;
  box-sizing: border-box;
}
.login-brand { text-align:center;color:var(--gold-light);font-size:30.8px;letter-spacing:.18em;font-weight:700; }
.login-subtitle { text-align:center;color:var(--text-dim);font-size:12.6px;margin:5px 0 22px;letter-spacing:.12em;text-transform:uppercase; }
.login-label { display:block;color:#aab2bd;font-size:12.6px;margin:8px 0 2px; }
.login-input { min-height:44px; }
.login-primary,.login-secondary { width:100%;min-height:44px;margin-top:8px; }
.login-step-title { text-align:center;color:var(--gold-light);font-size:18.2px;margin-bottom:12px; }
.login-class-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px; }
.login-class-card {
  min-height:120px;background:#0d1117;border:1px solid #30363d;color:var(--text);cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;font-family:inherit;
}
.login-class-card:hover { border-color:var(--gold);background:#17170f; }
.login-class-card span { font-size:36.4px; }
.login-class-card b { color:var(--gold-light);font-size:14px; }
.login-class-card small { color:var(--text-dim);font-size:9.8px;line-height:1.4; }
.login-foot { margin-top:18px;text-align:center;color:#6e7681;font-size:9.8px; }

/* Sistemas grandes seguem o mesmo padrão visual do Leilão no desktop. */
.feature-window-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 220 !important;
  background: rgba(0,0,0,.48) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box;
}
.feature-window-overlay.hidden { display:none !important; }
.feature-window-overlay > .mp-modal {
  width: min(1100px,94vw) !important;
  height: min(720px,88vh) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box;
  overflow: auto !important;
  background: rgba(18,22,28,.97) !important;
  border: 2px solid var(--gold) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.55) !important;
  border-radius: 0 !important;
}
.feature-window-overlay .social-head {
  position: sticky;
  top: -12px;
  z-index: 10;
  background: rgba(18,22,28,.98);
  border-bottom: 1px solid #30363d;
  padding: 8px 2px 10px;
  margin-bottom: 8px;
}
.feature-window-overlay .social-list { max-height: none; }
#craft-overlay #craft-recipes,
#craft-overlay #forge-equipment-recipes,
#mail-overlay #mail-list,
#objectives-overlay #objectives-missions,
#objectives-overlay #objectives-daily,
#objectives-overlay #objectives-weekly,
#objectives-overlay #objectives-achievements,
#objectives-overlay #objectives-season,
#cosmetics-overlay #cosmetics-list,
#shop-overlay #shop-offers,
#world-boss-overlay #world-boss-ranking,
#tower-overlay #tower-run {
  min-height: 180px;
}

@media (max-width:700px) {
  .login-card { padding:18px 14px; }
  .login-class-grid { grid-template-columns:1fr; }
  .login-class-card { min-height:74px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;justify-items:start; }
  .login-class-card span { grid-row:1/3;font-size:33.6px; }
  .feature-window-overlay { padding:0 !important;align-items:flex-end !important; }
  .feature-window-overlay > .mp-modal {
    width:100vw !important;height:94dvh !important;border-width:1px 0 0 !important;border-radius:10px 10px 0 0 !important;
  }
}

/* Fase 35.9 — pedidos de amizade + inspeção detalhada */
.friend-request-pin{
  display:inline-flex;min-width:18px;height:18px;padding:0 5px;margin-left:5px;
  align-items:center;justify-content:center;border-radius:999px;
  background:#c41e3a;color:#fff;font-weight:800;font-size:11px;line-height:1;
  box-shadow:0 0 0 2px rgba(196,30,58,.18);
}
.friend-request-pin.hidden{display:none!important}
.inspect-modal{max-width:760px!important}
.inspect-profile-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid #30363d;background:#0d1117;padding:12px;margin-bottom:10px
}
.inspect-profile-name{font-size:18px;font-weight:800;color:var(--gold-light)}
.inspect-profile-meta{margin-top:3px;color:var(--text-dim)}
.inspect-paperdoll{
  display:grid;
  grid-template-columns:repeat(3,minmax(120px,1fr));
  gap:8px;
  margin-top:8px;
}
.inspect-slot{
  min-height:92px;border:1px solid #30363d;background:#0d1117;padding:8px;
  display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-align:center
}
.inspect-slot.empty{opacity:.55}
.inspect-slot-name{color:var(--text-dim);font-weight:700}
.inspect-item-icon{
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:28px
}
.inspect-item-icon img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}
.inspect-item-title{font-weight:700}
.inspect-item-stats{color:var(--text-dim);font-size:11px}
.inspect-rarity-comum,.inspect-rarity-common{border-color:#586069}
.inspect-rarity-incomum,.inspect-rarity-uncommon{border-color:#2ea043}
.inspect-rarity-raro,.inspect-rarity-rare{border-color:#2f81f7}
.inspect-rarity-epico,.inspect-rarity-epic{border-color:#a371f7}
.inspect-rarity-lendario,.inspect-rarity-legendary{border-color:#d29922}
.inspect-rarity-mitico,.inspect-rarity-mythic{border-color:#f85149}
@media(max-width:700px){
  .inspect-paperdoll{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Fase 35.11 — Torre e Cosméticos no mesmo padrão de janela do Leilão */
#tower-overlay.feature-window-overlay,
#cosmetics-overlay.feature-window-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 220 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  background: rgba(0,0,0,.48) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
#tower-overlay.feature-window-overlay.hidden,
#cosmetics-overlay.feature-window-overlay.hidden {
  display: none !important;
}
#tower-overlay.feature-window-overlay > .tower-feature-modal,
#cosmetics-overlay.feature-window-overlay > .cosmetics-feature-modal {
  position: relative !important;
  width: min(1100px,94vw) !important;
  height: min(720px,88vh) !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 12px !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: rgba(18,22,28,.97) !important;
  border: 2px solid var(--gold) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.55) !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}
#tower-overlay .social-head,
#cosmetics-overlay .social-head {
  position: sticky !important;
  top: -12px !important;
  z-index: 10 !important;
  background: rgba(18,22,28,.98) !important;
  border-bottom: 1px solid #30363d !important;
  padding: 8px 2px 10px !important;
  margin-bottom: 8px !important;
}
#tower-overlay #tower-run,
#tower-overlay #tower-rank-solo,
#tower-overlay #tower-rank-party,
#cosmetics-overlay #cosmetics-list {
  max-height: none !important;
}
#tower-overlay #tower-run,
#cosmetics-overlay #cosmetics-list {
  min-height: 180px;
}

@media (max-width:700px) {
  #tower-overlay.feature-window-overlay,
  #cosmetics-overlay.feature-window-overlay {
    height: 100dvh !important;
    padding: 0 !important;
    align-items: flex-end !important;
  }
  #tower-overlay.feature-window-overlay > .tower-feature-modal,
  #cosmetics-overlay.feature-window-overlay > .cosmetics-feature-modal {
    width: 100vw !important;
    height: 94dvh !important;
    max-height: 94dvh !important;
    border-width: 1px 0 0 !important;
    border-radius: 10px 10px 0 0 !important;
    margin: 0 !important;
  }
}

/* 0.36 — badges de aprimoramento e nova Forja */
.item-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.item-refine-badge{position:absolute;left:1px;top:1px;min-width:18px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;
  background:#10141b;border:1px solid #e4b84b;color:#fff4bf;font-size:10px!important;font-weight:800;line-height:1;border-radius:3px;
  box-shadow:0 1px 3px rgba(0,0,0,.65);z-index:3}
.item-icon-wrap.refine-max{filter:drop-shadow(0 0 5px rgba(255,199,64,.8))}
.item-icon-wrap.refine-max .item-refine-badge{background:#6b4b00;border-color:#ffe17a;color:#fff;box-shadow:0 0 7px rgba(255,210,70,.75)}

#craft-overlay.feature-window-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;
 justify-content:center!important;padding:16px!important;background:rgba(0,0,0,.52)!important;z-index:225!important;box-sizing:border-box!important}
#craft-overlay.feature-window-overlay.hidden{display:none!important}
#craft-overlay>.forge-feature-modal{width:min(1180px,96vw)!important;height:min(760px,91vh)!important;max-width:none!important;max-height:none!important;
 border:2px solid var(--gold)!important;background:rgba(18,22,28,.98)!important;overflow:hidden!important;padding:12px!important;box-shadow:0 14px 45px rgba(0,0,0,.6)!important}
.forge-layout{display:grid;grid-template-columns:180px minmax(0,1fr);height:calc(100% - 54px);min-height:0}
.forge-sidebar{border-right:1px solid #3b414a;padding:10px 10px 10px 0;display:flex;flex-direction:column;gap:8px}
.forge-nav{width:100%;padding:12px 10px;border:1px solid #343b45;background:#11161d;color:var(--text);text-align:left;cursor:pointer;font-weight:700}
.forge-nav:hover,.forge-nav.active{border-color:var(--gold);color:var(--gold-light);background:#1b1b16}
.forge-main{min-width:0;overflow-y:auto;padding:8px 4px 18px 16px}
.forge-tab-panel{min-height:100%}.forge-title{text-align:center;font-size:18px!important;font-weight:800;color:var(--gold-light);margin:4px 0 16px}
.forge-upgrade-stage{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.25fr) minmax(130px,1fr);gap:18px;align-items:center;max-width:760px;margin:0 auto}
.forge-resource-box{text-align:center}.forge-resource-title{font-weight:700;color:var(--text-dim);margin-bottom:8px}
.forge-resource-slot,.forge-target-slot{min-height:88px;border:2px solid #3b414a;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:25px!important}
.forge-target-slot{width:112px;height:112px;margin:0 auto;border-color:#7d682f}.forge-target-name{text-align:center;margin-top:8px;font-weight:800}
.forge-protection-toggle{width:100%;cursor:pointer;color:#fff}.forge-protection-toggle.active{border-color:#67a8ff;box-shadow:0 0 10px rgba(70,145,255,.25)}
.forge-upgrade-preview{max-width:720px;margin:18px auto 10px;padding:12px;border:1px solid #343b45;background:#0d1117;line-height:1.65;text-align:center}
.forge-refine-btn{display:block;min-width:180px;margin:12px auto}.forge-upgrade-result{min-height:26px;text-align:center;font-weight:800;margin-bottom:8px}
.forge-backpack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:7px;max-height:260px;overflow:auto;padding:8px;border:1px solid #343b45;background:#0b0f14}
.forge-bag-slot{height:62px;border:1px solid #343b45;background:#11161d;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
.forge-bag-slot:hover,.forge-bag-slot.selected{border-color:var(--gold);background:#1b1b16}.forge-bag-slot.disabled{opacity:.35;cursor:default}
.forge-bag-slot .qty{position:absolute;left:3px;bottom:2px;font-size:10px!important}
.forge-stat-arrow{color:#81d581;font-weight:800}.forge-risk{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.forge-risk .success{color:#6edb7d}.forge-risk .fail{color:#e6c45f}.forge-risk .down{color:#ff7373}
@media(max-width:700px){
 #craft-overlay.feature-window-overlay{height:100dvh!important;padding:0!important;align-items:flex-end!important}
 #craft-overlay>.forge-feature-modal{width:100vw!important;height:95dvh!important;border-width:1px 0 0!important;border-radius:10px 10px 0 0!important}
 .forge-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.forge-sidebar{border-right:0;border-bottom:1px solid #3b414a;padding:4px;display:grid;grid-template-columns:repeat(4,1fr)}
 .forge-nav{font-size:11px!important;padding:8px 4px;text-align:center}.forge-main{padding:8px}
 .forge-upgrade-stage{grid-template-columns:1fr 1.15fr 1fr;gap:7px}.forge-resource-slot,.forge-target-slot{min-height:68px}.forge-target-slot{width:82px;height:82px}
}

/* 0.36.1 — padronização de janelas e Farm AFK */
#objectives-overlay.feature-window-overlay,
#mail-overlay.feature-window-overlay,
#world-boss-overlay.feature-window-overlay,
#season-overlay.feature-window-overlay,
#farm-afk-overlay.feature-window-overlay{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:16px!important;background:rgba(0,0,0,.50)!important;z-index:224!important;
  transform:none!important;left:0!important;right:0!important;top:0!important;bottom:0!important;overflow:hidden!important;
}
#objectives-overlay.feature-window-overlay.hidden,
#mail-overlay.feature-window-overlay.hidden,
#world-boss-overlay.feature-window-overlay.hidden,
#season-overlay.feature-window-overlay.hidden,
#farm-afk-overlay.feature-window-overlay.hidden{display:none!important}
#objectives-overlay.feature-window-overlay>.mp-modal,
#mail-overlay.feature-window-overlay>.mp-modal,
#world-boss-overlay.feature-window-overlay>.mp-modal,
#season-overlay.feature-window-overlay>.mp-modal,
#farm-afk-overlay.feature-window-overlay>.mp-modal{
  position:relative!important;width:min(1100px,94vw)!important;height:min(720px,88vh)!important;
  max-width:none!important;max-height:none!important;margin:0!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;overflow-y:auto!important;background:rgba(18,22,28,.98)!important;border:2px solid var(--gold)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.55)!important;box-sizing:border-box!important;
}
/* Aprimorar 15% menor que a janela de Forja anterior */
#craft-overlay>.forge-feature-modal{width:min(1003px,82vw)!important;height:min(646px,77vh)!important}
.forge-main{font-size:.85em}.forge-target-slot{width:95px;height:95px}.forge-upgrade-stage{max-width:646px}
.afk-feature-modal{max-width:760px!important;height:auto!important;min-height:360px!important}
.afk-info-card{max-width:620px;margin:30px auto;padding:22px;border:1px solid #343b45;background:#0d1117;text-align:center}
.afk-time-bar{position:relative;height:28px;border:1px solid #444;background:#171c23;margin:22px 0;overflow:hidden}
#afk-time-fill{height:100%;width:100%;background:linear-gradient(90deg,#80661d,#d1a83e)}
#afk-time-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}
.afk-start-btn{min-width:180px;margin-top:20px}
@media(max-width:700px){
 #objectives-overlay.feature-window-overlay,#mail-overlay.feature-window-overlay,#world-boss-overlay.feature-window-overlay,#season-overlay.feature-window-overlay,#farm-afk-overlay.feature-window-overlay{height:100dvh!important;padding:0!important;align-items:flex-end!important}
 #objectives-overlay.feature-window-overlay>.mp-modal,#mail-overlay.feature-window-overlay>.mp-modal,#world-boss-overlay.feature-window-overlay>.mp-modal,#season-overlay.feature-window-overlay>.mp-modal,#farm-afk-overlay.feature-window-overlay>.mp-modal{width:100vw!important;height:94dvh!important;max-height:94dvh!important;border-width:1px 0 0!important}
 #craft-overlay>.forge-feature-modal{width:100vw!important;height:90dvh!important}
}

/* 0.36.2 — headers compactos, Gemas/Sockets e limite de sessão online */
.compact-status-head{position:relative;padding-top:2px!important}
.compact-toggle{position:absolute!important;right:0;top:0;z-index:2}
.compact-char-header{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;text-align:center!important;padding:0 30px 5px!important}
.compact-char-header #char-name,.compact-char-header #comp-name{font-size:16px!important;font-weight:800!important;line-height:1.15!important}
.compact-char-header #char-class-level,.compact-char-header #comp-class-level{font-size:14px!important;font-weight:800!important;line-height:1.15!important;color:var(--text-dim)!important}

.online-time-wrap{flex:0 0 190px;width:190px;z-index:6}
.online-time-bar{position:relative;height:21px;background:#10151d;border:1px solid #35404e;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.45)}
#online-time-fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:#074feb;transition:width .35s linear,background-color .25s ease}
#online-time-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:11px!important;text-shadow:0 1px 2px #000}
.forge-gem-stage{margin-top:12px}
.forge-gem-actions{display:flex;justify-content:center;gap:12px;margin:18px auto 8px}
.forge-gem-actions .btn{min-width:150px}
#forge-gem-backpack-grid{max-height:225px}
.forge-gem-item-kind{position:absolute;left:3px;top:2px;font-size:9px!important;color:#ddd;background:rgba(0,0,0,.65);padding:1px 3px;border-radius:2px}
@media(max-width:900px){.online-time-wrap{flex-basis:155px;width:155px}}
@media(max-width:700px){
 .online-time-wrap{flex:0 0 118px;width:118px;margin:0 2px}
 .compact-char-header #char-name,.compact-char-header #comp-name{font-size:16px!important}
 .compact-char-header #char-class-level,.compact-char-header #comp-class-level{font-size:14px!important}
 .forge-gem-actions{gap:6px}.forge-gem-actions .btn{min-width:0;flex:1}
}

/* 0.36.2.3 — compactação de HUD/skills/Forja e feedback de poção */
.attr-row{margin:3.2px 0!important}
@media(max-width:900px){
  .skill-item{
    width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;
    min-height:56px!important;max-height:56px!important;padding:1px!important;box-sizing:border-box!important;
  }
  .skill-icon{
    width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;
    min-height:52px!important;max-height:52px!important;box-sizing:border-box!important;
  }
  .skill-icon img{max-width:48px!important;max-height:48px!important}
  #skills-list{grid-template-columns:repeat(auto-fill,56px)!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important}
}
.forge-bag-slot{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;box-sizing:border-box!important}
.forge-backpack-grid{grid-template-columns:repeat(auto-fill,52px)!important;gap:6px!important}
.forge-resource-slot{
  width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;
  max-width:66px!important;max-height:66px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
}
.forge-protection-toggle{width:66px!important;height:66px!important;min-width:66px!important;max-width:66px!important}
#forge-socket-tool-slot,#forge-gem-slot{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important}
.potion-use-flash{animation:potionUseFlash .62s ease-out!important;z-index:4}
@keyframes potionUseFlash{
  0%{transform:scale(1);box-shadow:0 0 0 rgba(90,220,120,0)}
  30%{transform:scale(1.18);box-shadow:0 0 14px rgba(90,220,120,.95)}
  65%{transform:scale(.96);box-shadow:0 0 8px rgba(80,150,255,.8)}
  100%{transform:scale(1);box-shadow:none}
}
#shop-overlay.feature-window-overlay>.mp-modal,
#announcements-overlay.feature-window-overlay>.mp-modal,
#bug-report-overlay.feature-window-overlay>.mp-modal{
  width:min(1100px,94vw)!important;height:min(720px,88vh)!important;max-width:none!important;max-height:none!important;
}
@media(max-width:700px){
  .skill-item{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important}
  .skill-icon{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important}
  #skills-list{grid-template-columns:repeat(auto-fill,56px)!important}
  #shop-overlay.feature-window-overlay>.mp-modal,#announcements-overlay.feature-window-overlay>.mp-modal,#bug-report-overlay.feature-window-overlay>.mp-modal{
    width:100vw!important;height:94dvh!important;max-height:94dvh!important;
  }
}

/* 0.36.2.4 — Forja compacta, tooltips e retorno AFK */
#forge-backpack-grid,#forge-gem-backpack-grid{
  width:708px!important;
  max-width:100%!important;
  grid-template-columns:repeat(12,52px)!important;
  grid-auto-rows:52px!important;
  justify-content:start!important;
  align-content:start!important;
  gap:6px!important;
  max-height:180px!important;
  min-height:58px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:6px!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable;
}
.forge-bag-slot{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important}
.forge-resource-slot,.forge-protection-toggle,#forge-socket-tool-slot,#forge-gem-slot{
  width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;max-width:66px!important;max-height:66px!important;
  padding:3px!important;line-height:1.05!important;overflow:hidden!important;white-space:normal!important;text-align:center!important;
}
.forge-resource-slot b,.forge-protection-toggle b{font-size:9px!important;line-height:1!important;display:block!important;max-width:58px!important;overflow:hidden!important}
.forge-resource-slot span:not(.item-icon-wrap),#forge-gem-slot>span{font-size:10px!important;line-height:1.05!important;max-width:58px!important}
.forge-resource-box small,#forge-socket-status,#forge-gem-name,.forge-target-name{font-size:10px!important;line-height:1.15!important;overflow-wrap:anywhere!important}
.forge-resource-title{font-size:11px!important;line-height:1.1!important}
#forge-tab-upgrade:not(.hidden),#forge-tab-gems:not(.hidden){overflow:hidden!important}



@media(max-width:820px){
  #forge-backpack-grid,#forge-gem-backpack-grid{width:100%!important;grid-template-columns:repeat(auto-fill,52px)!important;max-height:174px!important}
}
/* 0.36.2.6 — scrollbar global, Criar Anúncio e Forja sem scroll externo */
*{scrollbar-width:thin;scrollbar-color:var(--gold) #11151b}
*::-webkit-scrollbar{width:6px;height:6px}
*::-webkit-scrollbar-track{background:#11151b}
*::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}
*::-webkit-scrollbar-thumb:hover{background:var(--gold-light)}
*::-webkit-scrollbar-corner{background:#11151b}

.auc-create-panel{overflow:hidden!important;flex:1;min-height:0;padding:0 2px 2px}
.auc-create-summary{padding:8px 10px;margin-bottom:6px;background:rgba(255,255,255,.025);color:var(--text-dim);border-bottom:1px solid #363a40;font-size:12px!important;line-height:1.35}
.auc-create-summary b{color:var(--text)}
.auc-create-currency-tabs,.auc-create-source-tabs{display:flex;gap:2px;margin-bottom:7px}
.auc-create-currency,.auc-source{border:1px solid #3b3d42;background:#202329;color:var(--text-dim);font:inherit;font-size:11px!important;padding:6px 12px;cursor:pointer}
.auc-create-currency.active,.auc-source.active{color:var(--gold-light);background:#50482e;border-color:#605737;font-weight:800}
.auc-create-currency:disabled{opacity:.35;cursor:not-allowed}
.auc-create-card{border:1px solid #44474c;background:rgba(255,255,255,.025);padding:10px;border-radius:4px;min-height:0}
.auc-create-card h3{font-size:14px!important;margin:0 0 5px;color:#f0f0f0}
.auc-create-card p{margin:0 0 9px;color:var(--text-dim);font-size:12px!important;line-height:1.4}
.auc-create-items{display:flex;align-items:center;gap:5px;height:44px;min-height:44px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 0 4px;margin:2px 0 3px}
.auc-create-item{flex:0 0 38px;width:38px;height:38px;position:relative;display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid #444;background:#11151b;cursor:pointer}
.auc-create-item:hover,.auc-create-item.selected{outline:1px solid var(--gold);box-shadow:0 0 7px rgba(223,184,52,.28)}
.auc-create-item.selected{background:#292414!important}
.auc-create-qty{position:absolute;right:1px;bottom:0;font-size:8px!important;color:#fff;text-shadow:0 1px 2px #000}
.auc-create-empty,.auc-create-selected{color:var(--text-dim);font-size:11px!important}
.auc-create-selected{min-height:18px;margin:1px 0 7px}
.auc-create-input{width:100%;height:28px;box-sizing:border-box;margin:0 0 5px;padding:3px 7px;border:1px solid #666;background:#171a1f;color:#fff;font:inherit;font-size:11px!important}
#auc-create-duration{border-color:var(--gold)}
.auc-create-submit{width:100%;height:28px;margin-top:2px;font-size:11px!important}
#auc-create-error{min-height:14px;margin-top:4px}
#auction-sidebar .auc-nav[data-auc="criar"].active{background:#25262c;color:#fff;border-color:#555861}
#auction-sidebar .auc-nav[data-auc="criar"].active::before{content:"◇ ";color:#fff}

.forge-main{overflow:hidden!important;padding:5px 4px 5px 12px!important}
#forge-tab-upgrade,#forge-tab-gems{height:100%!important;max-height:100%!important;overflow:hidden!important;box-sizing:border-box!important}
#forge-tab-upgrade:not(.hidden),#forge-tab-gems:not(.hidden){display:flex!important;flex-direction:column!important}
#forge-tab-upgrade .forge-title,#forge-tab-gems .forge-title{flex:0 0 auto;margin:1px 0 6px!important;font-size:15px!important}
#forge-tab-upgrade .forge-upgrade-stage,#forge-tab-gems .forge-upgrade-stage{flex:0 0 auto;gap:10px!important;margin:0 auto!important}
#forge-tab-upgrade .forge-upgrade-preview{flex:0 0 auto;margin:7px auto 4px!important;padding:6px!important;line-height:1.3!important;font-size:10px!important}
#forge-tab-upgrade .forge-refine-btn{flex:0 0 auto;margin:4px auto!important;min-height:27px!important;padding:4px 10px!important}
#forge-tab-upgrade .forge-upgrade-result,#forge-tab-gems .forge-upgrade-result{flex:0 0 auto;min-height:17px!important;margin:1px 0 2px!important;font-size:10px!important}
#forge-tab-upgrade .mp-sep,#forge-tab-gems .mp-sep{flex:0 0 auto;margin:4px 0!important;padding:3px 0!important;font-size:10px!important}
#forge-backpack-grid,#forge-gem-backpack-grid{flex:0 1 146px!important;max-height:146px!important;min-height:58px!important;overflow-y:auto!important;overflow-x:hidden!important}
#forge-tab-gems .forge-gem-actions{flex:0 0 auto;margin:7px auto 3px!important}
#forge-tab-gems .forge-gem-actions .btn{padding:4px 8px!important;min-height:27px!important;font-size:10px!important}
#forge-tab-gems .social-add{flex:0 0 auto;padding:2px!important}
.forge-resource-slot,.forge-target-slot,.forge-protection-toggle,#forge-socket-tool-slot,#forge-gem-slot{font-size:8px!important;line-height:1!important;overflow:hidden!important;text-align:center!important}
.forge-resource-slot b,.forge-protection-toggle b,.forge-resource-slot span:not(.item-icon-wrap),.forge-target-slot span:not(.item-icon-wrap),#forge-gem-slot>span,#forge-socket-tool-slot>span{font-size:8px!important;line-height:1!important;max-width:58px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.forge-resource-title{font-size:9px!important}
.forge-resource-box small,#forge-socket-status,#forge-gem-name,.forge-target-name{font-size:8px!important;line-height:1.05!important}
@media(max-width:700px){.auc-create-card{padding:7px}.auc-create-summary{font-size:10px!important;padding:6px}#forge-backpack-grid,#forge-gem-backpack-grid{max-height:132px!important}}

/* 0.36.2.7 */
.forge-resource-slot,.forge-target-slot,.forge-protection-toggle,
#forge-socket-tool-slot,#forge-gem-slot{font-size:9.6px!important;line-height:1.08!important}
.forge-resource-slot b,.forge-protection-toggle b,
.forge-resource-slot span:not(.item-icon-wrap),.forge-target-slot span:not(.item-icon-wrap),
#forge-gem-slot>span,#forge-socket-tool-slot>span,
.forge-resource-box small,#forge-socket-status,#forge-gem-name,.forge-target-name{
  font-size:9.6px!important;line-height:1.08!important
}
/* Ícone central maior, conforme combinado no update anterior. */
#forge-target-slot .item-icon-wrap img,#forge-gem-target-slot .item-icon-wrap img{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important}
#forge-tab-craft{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding-right:5px!important}

/* 0.36.2.8 — ícones maiores / Craft rolável / Criar anúncio */
#forge-target-slot .item-icon-wrap,
#forge-gem-target-slot .item-icon-wrap{
  width:62px!important;height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
#forge-target-slot .item-icon-wrap img,
#forge-gem-target-slot .item-icon-wrap img{
  width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;object-fit:contain!important;
}
#forge-backpack-grid .forge-bag-slot .item-icon-wrap,
#forge-gem-backpack-grid .forge-bag-slot .item-icon-wrap{
  width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
#forge-backpack-grid .forge-bag-slot .item-icon-wrap img,
#forge-gem-backpack-grid .forge-bag-slot .item-icon-wrap img{
  width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important;
}
#forge-tab-craft{
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding-right:7px!important;
  box-sizing:border-box!important;
}
#forge-tab-craft .craft-list,
#forge-tab-craft #craft-recipes,
#forge-tab-craft #forge-craft-list{min-height:max-content!important}
.auc-create-items{height:50px!important;min-height:50px!important}

.forge-main{height:100%!important;min-height:0!important}
#forge-tab-craft:not(.hidden){display:block!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow-y:auto!important}

/* 0.36.2.9 — Forja e Admin */

/* O renderer pode retornar IMG puro (sem .item-icon-wrap), então dimensionamos ambos. */
#forge-target-slot > img,
#forge-gem-target-slot > img,
#forge-target-slot .item-icon-wrap img,
#forge-gem-target-slot .item-icon-wrap img{
  width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;
  object-fit:contain!important;image-rendering:pixelated!important;
}
#forge-target-slot .item-icon-wrap,
#forge-gem-target-slot .item-icon-wrap{
  width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important;
}
#forge-target-slot,
#forge-gem-target-slot{
  font-size:64px!important;line-height:1!important;
}
#forge-backpack-grid .forge-bag-slot > img,
#forge-gem-backpack-grid .forge-bag-slot > img,
#forge-backpack-grid .forge-bag-slot .item-icon-wrap img,
#forge-gem-backpack-grid .forge-bag-slot .item-icon-wrap img{
  width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;
  object-fit:contain!important;image-rendering:pixelated!important;
}
#forge-backpack-grid .forge-bag-slot,
#forge-gem-backpack-grid .forge-bag-slot{
  font-size:40px!important;line-height:1!important;padding:1px!important;
}

/* Admin no mínimo do tamanho do Leilão, organizado por conteúdo. */
#admin-overlay{
  position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(0,0,0,.50)!important;padding:16px!important;box-sizing:border-box!important;z-index:230!important;
}
#admin-overlay.hidden{display:none!important}
#admin-overlay .admin-modal{
  width:min(1180px,96vw)!important;height:min(760px,92vh)!important;max-width:none!important;max-height:none!important;
  overflow:hidden!important;border:2px solid var(--gold)!important;background:rgba(18,22,28,.985)!important;
  box-shadow:0 14px 48px rgba(0,0,0,.65)!important;display:flex!important;flex-direction:column!important;
}
#admin-overlay .admin-modal>.social-head{flex:0 0 auto!important;position:relative!important;top:auto!important}
.admin-shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:0;flex:1;border-top:1px solid #343b45}
.admin-section-nav{
  min-width:0;background:#0b0f14;border-right:1px solid #343b45;padding:8px;overflow-y:auto;
  display:flex;flex-direction:column;gap:4px
}
.admin-section-btn{
  width:100%;min-height:38px;padding:8px 9px;text-align:left;border:1px solid transparent;background:transparent;
  color:var(--text-dim);font:inherit;font-size:11px!important;cursor:pointer
}
.admin-section-btn:hover,.admin-section-btn.active{border-color:var(--gold);color:var(--gold-light);background:#1a1a12}
.admin-section-main{min-width:0;min-height:0;overflow-y:auto;padding:10px 14px 20px}
.admin-section{min-width:0}
.admin-section.hidden{display:none!important}
.admin-section>.mp-sep:first-child{margin-top:2px!important;color:var(--gold-light);font-size:14px!important;font-weight:800}
#admin-overlay .admin-audit{max-height:310px}
#admin-overlay .admin-json{min-height:220px}

@media(max-width:800px){
  #admin-overlay{padding:0!important;align-items:flex-end!important}
  #admin-overlay .admin-modal{width:100vw!important;height:94dvh!important;border-width:1px 0 0!important;border-radius:10px 10px 0 0!important}
  .admin-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .admin-section-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #343b45}
  .admin-section-btn{flex:0 0 auto;width:auto;white-space:nowrap}
}

/* 0.36.3.0 — World Boss / serviços */
.service-disabled-message{
  font-size:40px!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-align:center!important;
  padding:24px!important;
}
.world-boss-combat-box{
  margin:10px 0 12px;padding:12px;border:1px solid #3a424d;background:#0c1117;display:grid;gap:9px
}
.wb-combat-row{display:grid;grid-template-columns:110px minmax(160px,1fr) 150px;gap:8px;align-items:center;font-size:12px}
.wb-combat-row.boss{color:var(--gold-light);font-weight:800}
.wb-hp{height:20px;background:#161b22;border:1px solid #414956;overflow:hidden}
.wb-hp>i{display:block;height:100%;width:0;background:#b32626;transition:width .25s linear}
.wb-combat-row:not(.boss) .wb-hp>i{background:#248a3d}
#btn-wb-notice-go{margin-left:8px;padding:2px 10px!important;min-height:24px!important}
@media(max-width:700px){
  .service-disabled-message{font-size:28px!important}
  .wb-combat-row{grid-template-columns:82px minmax(90px,1fr) 90px;font-size:10px}
}

/* 0.36.3.1 */
.top-nav button,.top-nav .btn,.system-nav button,.system-menu button,.nav-group button{
  font-size:14px!important;
}
.float-text{
  font-weight:900!important;
  -webkit-text-stroke:1.2px #000;
  paint-order:stroke fill;
  text-shadow:0 1px 2px #000,0 0 3px #000;
  pointer-events:none;
}
.float-text.dmg-mago{color:#07DBF2!important}

.float-text.dmg-arqueiro{color:#23E863!important}
.float-text.dmg-received{color:#f70505!important}
.float-text.crit{color:#ffd84d!important}
.auc-sell-gold.active{background:#4a3c13!important;color:#ffd84d!important;border-color:#d6aa1f!important}
#auc-create-stack-qty-wrap,#auc-create-gold-wrap{margin:0}

#top-bar button,#topbar button,.top-bar button,.topbar button,.top-nav button,
.system-nav button,.system-menu-item,.nav-trigger,.menu-trigger,.top-menu button{
  font-size:14px!important;
}

/* 0.36.3.2 — feedback de combate */
.float-text.dmg-mago{color:#B70EEB!important}
.float-text.dmg-arqueiro{color:#2AD4B9!important}
.float-text.dmg-guerreiro{color:#E0DADA!important}
.float-text.dmg-crit{font-size:18px!important;font-weight:950!important}
.float-text.heal{color:#11F215!important}
.float-text.mana-heal{color:#00FFCC!important}

#forge-target-slot.forge-empty-target,
#forge-gem-target-slot.forge-empty-target{
  font-size:10px!important;line-height:1.2!important;text-align:center!important;
  padding:6px!important;white-space:normal!important;overflow-wrap:normal!important;
}
#forge-target-slot.forge-empty-target>span,
#forge-gem-target-slot.forge-empty-target>span{
  font-size:10px!important;line-height:1.2!important;max-width:78px!important;
}

/* 0.36.3.2 — Party/Guild no padrão de janelas grandes */
.guild-modal{
  width:min(1100px,94vw)!important;height:min(720px,88vh)!important;
  max-width:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
.guild-membership-layout{min-height:0;flex:1;display:flex;flex-direction:column}
.guild-shell{display:grid;grid-template-columns:165px 1fr;gap:12px;min-height:0;flex:1}
.guild-nav{border-right:1px solid #30363d;padding-right:10px;display:flex;flex-direction:column;gap:6px}
.guild-nav .guild-tab{text-align:left;width:100%;font-size:13px!important}
.guild-nav .guild-tab.active{border-color:var(--gold)!important;color:var(--gold-light)!important;background:#1a1a12!important}
.guild-content{min-width:0;min-height:0;overflow:auto;padding-right:6px}
.guild-panel{min-height:0}
.guild-members-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.guild-switch-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}
.guild-member{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}
.guild-kick{justify-self:end}
#guild-boss-combat{margin:10px 0}
.party-modal{
  width:min(980px,94vw)!important;height:min(720px,88vh)!important;max-width:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;padding-right:10px!important;
}
#party-hunt-box,#dungeon-run-box{max-width:100%;box-sizing:border-box}
@media(max-width:700px){
  .guild-modal,.party-modal{width:96vw!important;height:94dvh!important}
  .guild-shell{grid-template-columns:1fr}
  .guild-nav{border-right:0;border-bottom:1px solid #30363d;display:grid;grid-template-columns:repeat(2,1fr);padding:0 0 8px}
  .guild-members-head{align-items:flex-start;flex-direction:column}
}

.guild-switch-row input[type="checkbox"]{
  appearance:none;width:42px;height:22px;border-radius:999px;background:#30363d;
  border:1px solid #4b5563;position:relative;cursor:pointer;transition:.18s;
}
.guild-switch-row input[type="checkbox"]::after{
  content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;
  background:#9ca3af;transition:.18s;
}
.guild-switch-row input[type="checkbox"]:checked{background:#806400;border-color:var(--gold)}
.guild-switch-row input[type="checkbox"]:checked::after{left:22px;background:#ffd84d}

/* 0.36.3.3 — Leilão compacto */
#auc-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
.auc-card.auc-card-compact{
  min-height:54px!important;
  padding:5px 7px!important;
  display:grid!important;
  grid-template-columns:42px minmax(190px,1fr) 120px 74px 105px 82px!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid #343a43!important;
  background:#11161d!important;
  box-sizing:border-box!important;
  position:relative!important;
}
.auc-card.auc-card-compact:hover{border-color:#6d727a!important;background:#161c24!important}
.auc-compact-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.auc-compact-icon img{max-width:38px!important;max-height:38px!important;object-fit:contain!important}
.auc-compact-info{min-width:0}
.auc-compact-name{font-size:12px!important;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auc-compact-sub{display:flex;gap:10px;margin-top:2px;font-size:10px!important;color:var(--text-dim)}
.auc-compact-price{font-size:11px!important;font-weight:800;color:var(--gold-light);text-align:right;white-space:nowrap}
.auc-compact-id,.auc-compact-time{font-size:10px!important;color:var(--text-dim);white-space:nowrap;text-align:center}
.auc-compact-qty{font-size:9px!important;color:#ddd}
.auc-card-gold .auc-compact-icon{font-size:28px}
.auc-empty{font-size:12px;color:#8b949e}
.auc-tabs{gap:3px!important}
.auc-tab{font-size:11px!important;padding:5px 9px!important}
@media(max-width:850px){
  .auc-card.auc-card-compact{grid-template-columns:38px minmax(120px,1fr) 90px 70px!important}
  .auc-compact-id,.auc-compact-time{display:none!important}
}

/* 0.36.7 — Admin Operations Console */
#admin-overlay{--admin-panel:#10161d;--admin-panel-2:#0b1016;--admin-line:#2c3642;--admin-muted:#8793a1}
#admin-overlay .admin-topbar{min-height:54px!important;padding:8px 13px!important;background:linear-gradient(90deg,#0a0f15,#121a23)!important;border-bottom:1px solid var(--admin-line)!important}
.admin-brand{display:flex;align-items:baseline;gap:10px;min-width:0}.admin-brand h2{margin:0!important;font-size:17px!important}.admin-brand span{color:#7e8996;font-size:10px;letter-spacing:.3px}.admin-top-actions{display:flex;align-items:center;gap:8px}.admin-live-pill{display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #24573b;border-radius:999px;background:#0e2118;color:#72d99a;font-size:9.5px;text-transform:uppercase;letter-spacing:.45px}.admin-live-pill i{width:6px;height:6px;border-radius:50%;background:#4fd17f;box-shadow:0 0 7px #4fd17f}
.admin-shell-v2{grid-template-columns:238px minmax(0,1fr)!important}.admin-section-nav-v2{padding:8px!important}.admin-nav-search{width:100%;height:31px;margin:3px 0 7px;padding:5px 9px;border:1px solid #303b47;border-radius:5px;background:#111820;color:#dce3ea;font-size:10.5px;outline:0}.admin-nav-search:focus{border-color:#947d2d;box-shadow:0 0 0 2px rgba(201,168,57,.1)}.admin-nav-group{padding:9px 9px 3px;color:#596573;font-size:8px;font-weight:900;letter-spacing:1.15px;text-transform:uppercase}.admin-nav-filtered,.admin-data-filtered{display:none!important}
.admin-section-main-v2{padding-top:45px!important;position:relative}.admin-section-tools{position:sticky;top:0;z-index:7;height:45px;margin:-45px -15px 0;padding:6px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(11,16,22,.98);border-bottom:1px solid var(--admin-line);box-sizing:border-box}.admin-breadcrumb{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px}.admin-breadcrumb span{color:#66717d}.admin-breadcrumb span:after{content:'›';margin-left:7px}.admin-breadcrumb b{color:#dce3e9}.admin-tool-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.admin-tool-actions input{width:min(260px,24vw);height:29px;padding:4px 8px;border:1px solid #303a45;background:#10171e;color:#dbe2e8;font-size:10px}.admin-section-hero{top:45px!important}.admin-tool-actions .active{color:var(--gold-light)!important;border-color:#7d6923!important;background:#211e10!important}
.admin-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 13px}.admin-quick-actions button{min-width:0;padding:9px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;text-align:left;border:1px solid #303a46;background:linear-gradient(135deg,#111923,#0c1218);color:#dbe2e8;cursor:pointer}.admin-quick-actions button:hover{border-color:#7b6724;background:#171a16}.admin-quick-actions span{grid-row:1/3;font-size:20px;align-self:center}.admin-quick-actions b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-quick-actions small{color:#778391;font-size:8.5px}
#admin-overlay .admin-section>.mp-sep{border-radius:3px 3px 0 0!important}#admin-overlay .social-add{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;padding:7px!important;border:1px solid #27313c!important;background:#0d131a!important}#admin-overlay textarea.mp-input{min-height:74px!important;margin:6px 0!important;padding:8px!important}#admin-overlay .admin-audit,#admin-overlay .social-list{border:1px solid #29333e!important;border-radius:0 0 4px 4px!important}#admin-overlay .admin-log{padding:8px 9px!important;line-height:1.35!important}#admin-overlay .admin-log:hover{background:#121a22}#admin-overlay .admin-card{padding:9px!important;border-radius:4px!important;box-shadow:inset 0 1px rgba(255,255,255,.02)}#admin-overlay .admin-card span{color:#8793a1;font-size:9.5px;text-transform:uppercase;letter-spacing:.4px}#admin-overlay .admin-card strong{margin-top:4px;font-size:18px!important}
#admin-overlay #admin-error{position:sticky;bottom:0;z-index:10;margin:8px 0 0;padding:7px 10px;background:#251214;border:1px solid #74343a;box-shadow:0 -5px 14px rgba(0,0,0,.35)}#admin-overlay #admin-error:empty{display:none}.admin-compact .admin-section-hero{padding-top:7px;padding-bottom:7px}.admin-compact .admin-section-hero p{display:none}.admin-compact .mp-sep{margin-top:8px!important;padding-top:4px!important;padding-bottom:4px!important}.admin-compact .admin-log{padding:4px 7px!important}.admin-compact .social-add{padding:4px!important}.admin-compact .admin-card{min-height:45px!important;padding:6px!important}.admin-compact .admin-card strong{font-size:15px!important}
#admin-overlay #admin-builder-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;padding:9px;border:1px solid #303945;background:#0c1218;border-radius:4px}#admin-overlay .btn-danger{border-color:#77383b!important;background:#2a1416!important}#admin-overlay .btn-danger:hover{background:#3a181b!important}
@media(max-width:1000px){}
@media(max-width:850px){.admin-section-nav-v2{padding:6px!important}.admin-nav-search,.admin-nav-group{display:none!important}.admin-section-main-v2{padding-top:43px!important}.admin-section-tools{height:43px;margin-top:-43px}.admin-section-hero{top:43px!important}.admin-tool-actions input{width:150px}.admin-tool-actions #btn-admin-density{display:none}.admin-brand span,.admin-live-pill{display:none}.admin-quick-actions{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.admin-tool-actions input{width:116px}.admin-breadcrumb span{display:none}.admin-breadcrumb span:after{display:none}.admin-quick-actions{grid-template-columns:1fr}.admin-section-main-v2{padding-left:9px!important;padding-right:9px!important}.admin-section-tools{margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}}

/* Admin — formulários explicativos e sprites interativos */
#admin-overlay .admin-field{display:flex;flex-direction:column;gap:4px;min-width:0;padding:7px 8px;border:1px solid #2b3540;border-radius:4px;background:#0c1218;box-sizing:border-box}#admin-overlay .admin-field>span{color:#d8dee5;font-size:10.5px;font-weight:800}#admin-overlay .admin-field>small{min-height:22px;color:#778390;font-size:8.7px;line-height:1.25}#admin-overlay .admin-field:focus-within{border-color:#806c28;background:#10171e;box-shadow:0 0 0 2px rgba(196,160,42,.08)}#admin-overlay .admin-field:focus-within>span{color:var(--gold-light)}#admin-overlay .admin-field .mp-input{width:100%!important;margin:0!important;background:#121a22!important}
#admin-overlay .admin-check-field{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid #2b3540;border-radius:4px;background:#0c1218;cursor:pointer}#admin-overlay .admin-check-field input{margin-top:2px}#admin-overlay .admin-check-field span{display:flex;flex-direction:column;gap:3px}#admin-overlay .admin-check-field b{font-size:10.5px}#admin-overlay .admin-check-field small{color:#778390;font-size:8.7px;font-weight:400}
#admin-builder-assets:not(:empty){display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:7px;padding:8px;border:1px solid #303a45;background:#0a1016}.builder-asset-field{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;padding:7px;border:1px solid #2c3742;border-radius:5px;background:#10171f}.builder-asset-preview{min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;border:1px dashed #3a4653;border-radius:4px;background:repeating-conic-gradient(#101820 0 25%,#151e27 0 50%) 0/12px 12px;color:#73808d;font-size:9px}.builder-asset-preview img{width:76px;height:64px;object-fit:contain;image-rendering:pixelated}.builder-asset-preview small{width:100%;padding:2px;background:rgba(0,0,0,.72);color:#c1cad3;text-align:center;font-size:7.5px}.builder-asset-controls{display:flex;flex-direction:column;gap:5px}.builder-asset-controls .admin-field{padding:5px}.builder-asset-controls .admin-field small{display:none}.builder-asset-upload-shortcut{width:100%}
#admin-overlay .admin-file-drop{border-style:dashed!important;border-width:2px!important;cursor:pointer;transition:.15s}#admin-overlay .admin-file-drop:hover,#admin-overlay .admin-file-drop.dragging{border-color:#b99a34!important;background:#171a13!important}#admin-overlay .admin-file-drop.dragging:after{content:'Solte o arquivo para visualizar';padding:5px;color:var(--gold-light);font-size:10px;font-weight:800;text-align:center}#admin-asset-preview{position:relative;min-height:150px!important;border-style:dashed!important;background:repeating-conic-gradient(#0c1218 0 25%,#111923 0 50%) 0/16px 16px!important;border-radius:5px}#admin-asset-preview:empty:before{content:'A prévia do sprite aparecerá aqui';color:#74808c;font-size:10px}#admin-assets-list .social-row{cursor:pointer}#admin-assets-list .social-row:hover{border-color:#7d6925;background:#151a18}
@media(max-width:650px){#admin-builder-assets:not(:empty){grid-template-columns:1fr}.builder-asset-field{grid-template-columns:72px minmax(0,1fr)}.builder-asset-preview{min-height:76px}.builder-asset-preview img{width:64px;height:54px}}

/* 0.36.3.5 — Party/Dungeon simplificada */

#party-membership{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:6px!important}
#dungeon-history{max-height:180px!important;overflow-y:auto!important}
#dungeon-run-box{overflow:visible!important;max-height:none!important}
.dungeon-auto-note{margin-top:8px;padding:7px 9px;border:1px solid #30363d;background:#0f141a}

/* 0.36.3.5 — alinhamento do Leilão */
#auction-overlay{align-items:center!important;justify-content:center!important;padding:14px!important;box-sizing:border-box!important}
#auction-modal{
  width:min(1160px,96vw)!important;height:min(760px,92vh)!important;max-width:none!important;max-height:none!important;
  margin:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;
  overflow:hidden!important;box-sizing:border-box!important;
}
#auction-main{min-width:0!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#auc-panel-vitrine,#auc-panel-favoritos,#auc-panel-meus{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
#auc-grid{width:100%!important;min-width:0!important}
.inv-slot.filter-empty{display:flex!important;visibility:visible!important;opacity:.45!important}

/* 0.36.3.6 — correção estrutural do Leilão */
#auc-grid.hidden{display:none!important}
#auc-grid:not(.hidden){
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  visibility:visible!important;
  opacity:1!important;
  padding:2px 0 6px!important;
}
#auc-grid:not(.hidden) .auc-card.auc-card-compact{
  display:grid!important;
  flex:0 0 56px!important;
  min-height:56px!important;
  max-height:56px!important;
  visibility:visible!important;
  opacity:1!important;
}
#auc-panel-criar.hidden,#auc-panel-carteira.hidden,#auc-panel-historico.hidden{display:none!important}
#auc-panel-criar:not(.hidden){
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding:0 2px 8px!important;
}
#auction-main{height:100%!important}
#auction-top,#auc-filters,#auc-count{flex:0 0 auto!important}
.auc-create-card{width:100%!important;box-sizing:border-box!important}
.auc-create-items{width:100%!important;box-sizing:border-box!important}

/* 0.36.3.6 — modal Party/Dungeons */
#party-overlay{align-items:center!important;justify-content:center!important;padding:14px!important;box-sizing:border-box!important}
.party-modal{
  width:min(900px,94vw)!important;
  height:min(720px,90vh)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  padding:16px!important;
}
#party-membership{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:7px!important;
}
#dungeon-run-box{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
#dungeon-history{max-height:190px!important;overflow-y:auto!important;overflow-x:hidden!important}
#party-error{flex:0 0 auto!important;margin:6px 0!important}
#btn-party-close{flex:0 0 auto!important}

/* 0.36.3.9 — robustez do carregamento do Leilão */
.auc-load-error{padding:18px;border:1px solid #8b3131;background:#261313;color:#ff9c9c;font-size:13px}
.auc-card-invalid{grid-template-columns:42px minmax(190px,1fr) 120px!important;opacity:.8}

/* 0.36.3.10 — renderer online independente do Leilão */
#auc-grid .auc-online-card{display:grid!important;position:relative!important;height:56px!important;min-height:56px!important;max-height:56px!important;overflow:visible!important}
#auc-grid .auc-online-card .auc-online-action{display:block!important;visibility:visible!important}
.auc-online-empty{padding:18px!important;color:#b8c0cc!important;border:1px solid #343a43!important;background:#11161d!important}

/* 0.36.3.11 — cards verticais compactos do Leilão */
#auc-grid:not(.hidden){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;grid-auto-rows:230px!important;align-content:start!important;gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:5px 4px 10px!important}
#auc-grid:not(.hidden) .auc-card.auc-card-market,#auc-grid:not(.hidden) .auc-online-card.auc-card-market{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:initial!important;width:100%!important;height:230px!important;min-height:230px!important;max-height:230px!important;padding:8px!important;gap:3px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid var(--auc-rarity,#444)!important;border-top:2px solid var(--auc-rarity,#555)!important;border-radius:4px!important;background:#10151b!important;visibility:visible!important;opacity:1!important}
#auc-grid .auc-card-market:hover{border-color:var(--auc-rarity,#777)!important;box-shadow:0 0 8px rgba(255,255,255,.08)!important;transform:translateY(-1px)}
.auc-market-icon-wrap{position:relative!important;width:78px!important;height:78px!important;min-height:78px!important;margin:0 auto 3px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #30363d!important;background:#0a0e13!important;box-sizing:border-box!important}
.auc-market-icon{width:70px!important;height:70px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;font-size:45px!important}
.auc-market-icon img{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important}
.auc-market-refine{position:absolute;right:2px;top:2px;min-width:21px;padding:1px 3px;border:1px solid #8c7217;background:#171203;color:#ffe16a;font-size:10px;font-weight:900;text-align:center;line-height:15px}
.auc-market-qty{position:absolute;right:2px;bottom:2px;max-width:70px;padding:1px 4px;background:rgba(0,0,0,.82);color:#fff;font-size:10px;font-weight:800;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auc-market-name{height:30px!important;min-height:30px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-align:center!important;font-size:11.5px!important;font-weight:800!important;line-height:14px!important}
.auc-market-meta{min-height:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:9.5px!important;color:var(--text-dim)!important;white-space:nowrap!important}
.auc-market-price{margin-top:2px!important;text-align:center!important;color:var(--gold-light)!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.auc-market-time,.auc-market-id{text-align:center!important;color:#8b949e!important;font-size:9px!important;line-height:11px!important;white-space:nowrap!important}
.auc-market-action{width:100%!important;height:25px!important;min-height:25px!important;margin-top:auto!important;padding:2px 5px!important;font-size:10.5px!important;line-height:18px!important}
#auc-grid .auc-online-empty,#auc-grid .auc-empty{grid-column:1/-1!important;height:auto!important;min-height:54px!important}
@media(max-width:900px){#auc-grid:not(.hidden){grid-template-columns:repeat(auto-fill,minmax(142px,1fr))!important}}

/* 0.36.3.12 — Painel Admin reorganizado */
#admin-overlay .admin-modal{
  width:min(1320px,97vw)!important;
  height:min(820px,94vh)!important;
}
.admin-shell-v2{
  grid-template-columns:225px minmax(0,1fr)!important;
  background:#10151b;
}
.admin-section-nav-v2{
  padding:10px 8px!important;
  gap:3px!important;
  background:#0a0e13!important;
}
.admin-nav-title{
  padding:5px 9px 10px;
  margin-bottom:4px;
  color:#727b86;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.4px;
  border-bottom:1px solid #272e37;
}
.admin-section-btn-v2{
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-height:37px!important;
  padding:6px 8px!important;
  border-left:2px solid transparent!important;
  border-radius:2px!important;
  font-size:11.5px!important;
}
.admin-section-btn-v2 .admin-nav-icon{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  opacity:.9;
}
.admin-section-btn-v2:hover{
  background:#141a21!important;
  border-color:#3f4855!important;
  border-left-color:#8b7624!important;
}
.admin-section-btn-v2.active{
  background:#1a1a12!important;
  color:#f2d56b!important;
  border-color:#574b19!important;
  border-left-color:var(--gold)!important;
}
.admin-section-main-v2{
  padding:0 15px 20px!important;
  background:linear-gradient(180deg,#11171e 0,#0f141a 100%);
}
.admin-section-hero{
  position:sticky;
  top:0;
  z-index:4;
  margin:0 -15px 12px;
  padding:11px 15px 10px;
  background:rgba(17,23,30,.98);
  border-bottom:1px solid #343b45;
  box-shadow:0 4px 9px rgba(0,0,0,.22);
}
.admin-section-hero h3{
  margin:0 0 3px;
  color:var(--gold-light);
  font-size:16px;
  line-height:1.2;
}
.admin-section-hero p{
  margin:0;
  color:#87909b;
  font-size:10.5px;
}
#admin-overlay .admin-section>.mp-sep{
  margin-top:14px!important;
  padding:6px 8px!important;
  border-left:2px solid #8a7122!important;
  border-bottom:1px solid #2d343e!important;
  background:#11161c!important;
  color:#d9dde3!important;
  font-size:12px!important;
  font-weight:800!important;
}
#admin-overlay .admin-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:7px;
}
#admin-overlay .admin-card{
  min-height:58px;
  border:1px solid #313844;
  background:#0c1117;
}
#admin-overlay .admin-audit,
#admin-overlay .social-list{
  border-color:#303844;
  background:#0c1117;
}
#admin-overlay .social-add{
  gap:6px!important;
  align-items:center!important;
}
#admin-overlay .mp-input{
  min-height:31px!important;
  font-size:11px!important;
}
#admin-overlay .btn{
  font-size:11px!important;
}
#admin-overlay .admin-json{
  min-height:190px!important;
  max-height:310px!important;
}
@media(max-width:850px){
  #admin-overlay .admin-modal{width:100vw!important;height:95dvh!important}
  .admin-shell-v2{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}
  .admin-section-nav-v2{
    flex-direction:row!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-right:0!important;
    border-bottom:1px solid #343b45!important;
  }
  .admin-nav-title{display:none}
  .admin-section-btn-v2{
    flex:0 0 auto!important;
    width:auto!important;
    grid-template-columns:20px auto!important;
    white-space:nowrap!important;
  }
}

/* Histórico nunca compartilha a grade da Vitrine. */
#auc-panel-historico:not(.hidden){display:block!important;min-height:0!important;overflow-y:auto!important}
#auc-panel-historico:not(.hidden) + #auc-grid,
#auc-panel-historico:not(.hidden) ~ #auc-grid{display:none!important}


/* ===== Atualização obrigatória de versão ===== */
.mandatory-update-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.82);padding:20px;pointer-events:auto}
.mandatory-update-modal{width:min(430px,calc(100vw - 32px));background:#17131f;border:1px solid #6f4c91;border-radius:12px;box-shadow:0 18px 70px rgba(0,0,0,.65);padding:26px;text-align:center;color:#eee}
.mandatory-update-title{font-size:22px;font-weight:800;color:#d9a4ff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}
.mandatory-update-text{font-size:14px;color:#d5d0da;margin-bottom:18px}
.mandatory-update-versions{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;font-size:13px;color:#aaa2b1}
.mandatory-update-versions b{color:#fff}
.mandatory-update-btn{min-width:180px;border:1px solid #a45be0;border-radius:8px;background:#7b32b0;color:#fff;font-weight:800;font-size:15px;padding:12px 22px;cursor:pointer}
.mandatory-update-btn:hover{filter:brightness(1.12)}
.mandatory-update-btn:disabled{opacity:.7;cursor:wait}
html.version-update-locked body>*:not(#mandatory-version-update){pointer-events:none!important;user-select:none!important}
html.version-update-locked{overflow:hidden!important}


/* 0.36.4.9 — cards compactos Loja/Cash Shop/Craft inspirados na vitrine do Leilão */
.market-mini-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:8px!important;align-content:start!important}
.market-mini-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;min-height:174px!important;padding:7px!important;gap:4px!important;box-sizing:border-box!important;border:1px solid #3a414a!important;border-top:2px solid #555d68!important;border-radius:4px!important;background:#10151b!important}
.market-mini-card:hover{border-color:#6a737d!important;box-shadow:0 0 8px rgba(255,255,255,.07)!important}
.market-mini-icon{width:60px!important;height:60px!important;margin:0 auto 2px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #30363d!important;background:#0a0e13!important;font-size:36px!important;overflow:hidden!important}
.market-mini-icon img{width:52px!important;height:52px!important;object-fit:contain!important;image-rendering:pixelated!important}
.market-mini-name{min-height:28px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-align:center!important;font-size:11px!important;font-weight:800!important;line-height:13px!important;color:var(--gold-light)!important}
.market-mini-sub{min-height:24px!important;max-height:36px!important;overflow:hidden!important;text-align:center!important;color:var(--text-dim)!important;font-size:9px!important;line-height:12px!important}
.market-mini-price{margin-top:auto!important;text-align:center!important;color:var(--gold-light)!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.market-mini-action{width:100%!important;min-height:25px!important;padding:2px 5px!important;font-size:10.5px!important}
.market-mini-qty{display:flex!important;justify-content:center!important;gap:3px!important}
.market-mini-qty .qty-input{width:40px!important;min-width:40px!important;text-align:center!important;padding:2px!important}
#craft-recipes.market-mini-grid,#forge-equipment-recipes.market-mini-grid,#shop-offers.market-mini-grid{overflow:visible!important}

/* 0.36.4.9 — badge +N ancorada no SLOT, não no centro do ícone */
.inv-slot,.equip-slot,.forge-bag-slot,.forge-target-slot,.forge-resource-slot{position:relative!important}
.inv-slot>.item-icon-wrap,.equip-slot .item-icon-wrap,.forge-bag-slot .item-icon-wrap,.forge-target-slot .item-icon-wrap,.forge-resource-slot .item-icon-wrap{position:static!important}
.inv-slot>.item-icon-wrap>.item-refine-badge,.equip-slot .item-icon-wrap>.item-refine-badge,.forge-bag-slot .item-icon-wrap>.item-refine-badge,.forge-target-slot .item-icon-wrap>.item-refine-badge,.forge-resource-slot .item-icon-wrap>.item-refine-badge{left:2px!important;top:2px!important;right:auto!important;bottom:auto!important;transform:none!important;z-index:20!important}

/* 0.36.4.13 — faixa natural de roll no tooltip */
.tt-range{margin-left:5px;color:#7f8792;font-size:10px;font-weight:500;white-space:nowrap}


/* ===== 0.36.4.14 — Mobile UX + Auto-Pot flyout ===== */
.autopot-legacy-control{display:none!important}
.char-autopot-btn{margin:4px 0 3px;width:100%;border-color:#4d657a!important;color:#b9d7ef!important}
.autopot-flyout{position:absolute;right:10px;top:10px;z-index:90;width:min(330px,calc(100% - 20px));background:rgba(13,17,23,.98);border:2px solid var(--gold);box-shadow:0 12px 36px rgba(0,0,0,.65);padding:10px;box-sizing:border-box}
.autopot-flyout.hidden{display:none!important}.autopot-flyout-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--gold-light)}
.autopot-owner-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}.autopot-owner.active{border-color:var(--gold);color:var(--gold-light);background:#2a2a1a}.autopot-owner:disabled{opacity:.35}
.autopot-profile-label{font-size:12px;color:#c9d1d9;margin-bottom:6px}.autopot-config-row{display:grid;grid-template-columns:1fr;gap:4px;margin:7px 0;font-size:11px;color:var(--text-dim)}
.autopot-config-row input[type=range]{width:100%}.autopot-note{font-size:9.5px;color:#6e7681;margin-top:7px}
.mobile-item-sheet{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center;padding:10px;box-sizing:border-box}
.mobile-item-sheet.hidden{display:none!important}.mobile-item-sheet-card{width:min(430px,100%);max-height:82dvh;overflow:auto;background:#11161d;border:2px solid var(--gold);border-radius:10px 10px 4px 4px;padding:12px;box-shadow:0 -14px 48px rgba(0,0,0,.75)}
.mobile-item-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--gold-light)}.mobile-item-sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.mobile-item-sheet-actions .btn{width:100%}
.chat-panel-title{display:flex;justify-content:space-between;align-items:center}.chat-panel-title .mobile-only{display:none}
@media (max-width:900px){
  #bottom-hud.open{overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
  #inventory-panel{padding:7px!important;min-height:330px!important}
  #inventory-panel .inv-main{gap:7px!important}.equip-col{width:100%!important}.equip-slots{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}.equip-slot{width:100%!important;height:50px!important}
  .inv-right-col{width:100%!important}.inv-filter-row{display:block!important;overflow:hidden}.inv-tabs{overflow-x:auto!important;white-space:nowrap!important;padding-bottom:4px;scrollbar-width:none}.inv-tabs::-webkit-scrollbar{display:none}.inv-tab{flex:0 0 auto!important;min-height:36px!important;padding:8px 10px!important}
  .inv-filter-row .inv-header-right{justify-content:flex-end;margin:2px 0 4px!important}.inv-body-row{flex-direction:column!important;width:100%!important;max-height:none!important;gap:5px!important}.bag-col{order:0!important;display:grid!important;grid-template-columns:1fr 1fr 38px!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;gap:5px!important}.bag-tabs{display:contents!important}.bag-tab{writing-mode:horizontal-tb!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:8px!important;font-size:12px!important}.bag-tab[data-bag=mochila],.bag-tab[data-bag=drops]{flex:none!important}.btn-organize,#btn-organize-inv{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important}
  .inv-grid-wrap{order:1!important;width:100%!important;max-width:none!important;height:210px!important;max-height:210px!important;overflow:auto!important}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))!important;gap:3px!important;padding:5px!important}.inv-slot{width:100%!important;aspect-ratio:1/1;height:auto!important;min-height:38px!important}
  .chat-panel-title .mobile-only{display:inline-flex!important}.chat-panel-title{position:sticky;top:0;z-index:3;background:#0d1117;padding-bottom:4px}.mobile-chat-collapsed{max-height:48px!important;min-height:48px!important;overflow:hidden!important}.mobile-chat-collapsed>:not(.panel-title){display:none!important}
  #chat-panel:not(.mobile-chat-collapsed){max-height:190px!important}.chat-log{max-height:82px!important}
  .autopot-flyout{position:fixed;left:8px;right:8px;top:auto;bottom:max(8px,env(safe-area-inset-bottom));width:auto;z-index:950;border-radius:10px;max-height:72dvh;overflow:auto}
  #auction-modal{width:96vw!important;max-width:96vw!important}.auc-card-market{cursor:pointer}.auc-market-action{min-height:38px!important}
  #auc-create-items{min-height:54px}.auc-create-item{width:44px!important;height:44px!important;min-width:44px!important}
}
@media (min-width:901px){.mobile-item-sheet{display:none!important}}


/* 0.36.4.16 — Bestiário, Auto-Pot compacto, resumo e encontros especiais */
.char-autopot-icon{position:absolute!important;left:0!important;right:auto!important;top:0!important;width:27px!important;height:27px!important;min-width:27px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-color:#4d657a!important;color:#b9d7ef!important;font-size:14px!important}
.autopot-owner-tabs{display:none!important}
.hunt-summary-box{line-height:1.55}
.bestiary-modal{width:min(1000px,94vw)!important;max-width:none!important;height:min(700px,88vh);overflow:hidden!important;display:flex;flex-direction:column}
.bestiary-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}.bestiary-summary>div{border:1px solid #30363d;background:#0d1117;padding:7px;text-align:center;font-size:11px}.bestiary-summary strong{display:block;color:var(--gold-light);font-size:16px}
.bestiary-zone-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:7px;flex:0 0 auto}.bestiary-zone-btn{white-space:nowrap}.bestiary-zone-btn.active{border-color:var(--gold);color:var(--gold-light)}
.bestiary-layout{display:grid;grid-template-columns:260px 1fr;gap:8px;min-height:0;flex:1}.bestiary-list,.bestiary-detail{border:1px solid #30363d;background:#090c10;overflow:auto;min-height:0}.bestiary-monster{display:flex;justify-content:space-between;gap:6px;padding:9px;border-bottom:1px solid #21262d;cursor:pointer;font-size:12px}.bestiary-monster:hover,.bestiary-monster.active{background:#171c24}.bestiary-monster.locked{opacity:.5}.bestiary-detail{padding:12px}.bestiary-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bestiary-sprite{font-size:34px}.bestiary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bestiary-card{border:1px solid #30363d;background:#0d1117;padding:8px;font-size:12px}.bestiary-card strong{color:var(--gold-light)}.bestiary-drops{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.bestiary-chip{border:1px solid #30363d;padding:3px 6px;background:#161b22;font-size:10px}.bestiary-milestone.done{color:#3fb950}.bestiary-milestone.pending{color:#8b949e}
.special-encounter-toast{position:absolute;left:50%;top:16%;transform:translateX(-50%);z-index:80;padding:7px 12px;background:rgba(10,10,14,.9);border:1px solid var(--gold);color:#fff;font-weight:800;font-size:13px;pointer-events:none;animation:specialEncounterIn 1.9s ease forwards}@keyframes specialEncounterIn{0%{opacity:0;transform:translate(-50%,-10px) scale(.92)}15%,70%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-4px) scale(.98)}}
@media(max-width:700px){.bestiary-modal{width:100vw!important;height:94dvh!important;max-height:94dvh!important}.bestiary-summary{grid-template-columns:repeat(2,1fr)}.bestiary-layout{grid-template-columns:1fr}.bestiary-detail{display:none}.bestiary-layout.detail-open .bestiary-list{display:none}.bestiary-layout.detail-open .bestiary-detail{display:block}.bestiary-grid{grid-template-columns:1fr}.char-autopot-icon{left:0!important;right:auto!important}}

/* 0.36.4.17 — Hotfix combate, qualidade compacta e Auto-Pot */
.tt-quality{font-size:11.2px!important;font-weight:700;margin:2px 0!important}
.tt-quality-normal{color:#8b949e!important}
.tt-quality-good{color:#3fb950!important}
.tt-quality-great{color:#58a6ff!important}
.tt-quality-excellent{color:#bc8cff!important}
.tt-quality-perfect{color:#f2cc60!important}
/* Patch 0.36.4.20 — Gemas & Sockets mais legíveis */
.forge-socket-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 8px}
.forge-socket-card{position:relative;min-height:82px;border:1px solid #3b414a;background:#0d1117;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.forge-socket-card.socket-filled{border-color:#6f58a8}.forge-socket-card.socket-empty{border-color:#4b748a}.forge-socket-card.socket-locked{opacity:.86;border-style:dashed}
.forge-socket-icon{font-size:24px!important;line-height:1}.forge-socket-title{font-weight:700;font-size:11px!important}.forge-socket-bonus{font-size:10px!important;color:#8fd5a2}.forge-socket-state{font-size:9px!important;color:var(--text-dim)}
.forge-socket-card .btn{padding:3px 7px!important;min-height:23px!important;font-size:9px!important}
.forge-socket-empty-note{grid-column:1/-1;text-align:center;color:var(--text-dim);padding:14px;border:1px dashed #3b414a}
.forge-gem-preview{margin:8px 0;padding:9px;border:1px solid #343a43;background:#0d1117;font-size:11px!important;line-height:1.35}
.forge-gem-preview .gem-preview-name{font-weight:700;color:#f2c94c;margin-bottom:4px}.forge-gem-preview .gem-preview-good{color:#72d98b}.forge-gem-preview .gem-preview-bad{color:#e37b7b}
@media(max-width:700px){.forge-socket-board{gap:5px}.forge-socket-card{min-height:70px;padding:5px}.forge-socket-title{font-size:9px!important}.forge-socket-bonus,.forge-gem-preview{font-size:9px!important}.forge-socket-icon{font-size:20px!important}}


/* 0.36.4.21 — Torre compacta + Ranking independente */
#tower-overlay.feature-window-overlay > .tower-feature-modal{width:min(560px,92vw)!important;max-height:78vh!important}
.tower-battle{display:grid;gap:8px;padding:8px}.tower-floor{text-align:center;font-weight:800;color:#f4c542}.tower-unit{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;gap:8px;align-items:center;padding:7px;border:1px solid #39434f;background:#111820}.tower-unit.enemy{border-color:#8e3b3b}.tower-unit.companion{border-color:#315b85}.tower-hp{height:10px;background:#222;border:1px solid #555;overflow:hidden}.tower-hp i{display:block;height:100%;background:#b82535}.tower-unit.companion .tower-hp i{background:#2474aa}.tower-vs{text-align:center;font-size:20px}.tower-unit small{grid-column:1/-1;color:#9aa5b1}.ranking-feature-modal{width:min(760px,94vw);max-height:82vh}.ranking-feature-modal .social-tabs{margin-bottom:10px}
@media(max-width:700px){.tower-unit{grid-template-columns:1fr}.tower-unit span{font-size:11px}}

/* 0.36.4.22 — Gemas visuais + CombatView unificado */
.gem-combine-panel{display:grid;gap:10px;padding:10px;border:1px solid #343a43;background:#0d1117}
.gem-combine-types,.gem-combine-ranks{display:flex;gap:8px;flex-wrap:wrap}
.gem-type-card,.gem-rank-card{border:1px solid #3a424d;background:#151b22;color:#d7dde5;min-height:54px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:7px}
.gem-type-card span{font-size:20px}.gem-type-card.active,.gem-rank-card.active{border-color:var(--gold);box-shadow:0 0 0 1px rgba(244,197,66,.22) inset;background:#1b1a11;color:#ffd84d}
.gem-rank-card{flex-direction:column;align-items:flex-start;min-width:94px}.gem-rank-card small{color:#8f9aa7}
.gem-combine-preview{padding:10px;border:1px solid #303944;background:#10161d;line-height:1.45;font-size:12px}.gem-combine-title{font-weight:800;color:#f2c94c;font-size:14px}.gem-combine-title span{padding:0 6px}.gem-combine-rule{margin:5px 0}
.gem-combine-actions{display:flex;gap:8px}.gem-combine-actions .btn{flex:1}

.combat-view-shell{overflow:hidden}.special-combat-view{margin:8px 0}.special-combat-stage{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:8px;align-items:center;padding:10px;border:1px solid #353e49;background:linear-gradient(180deg,#111821,#0b1016);min-height:170px;position:relative}.special-team{display:flex;gap:8px;justify-content:center;align-items:flex-end;flex-wrap:wrap}.special-combat-actor{min-width:110px;max-width:150px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.special-combat-label{font-size:9px;color:#99a5b1;text-transform:uppercase;letter-spacing:.06em}.special-combat-actor b{font-size:11px}.special-combat-actor small{font-size:9px;color:#8d98a5}.special-sprite{width:72px;height:72px;background-repeat:no-repeat;background-position:0 center;image-rendering:pixelated;animation:special-idle 1s steps(var(--frames)) infinite}.special-combat-actor.attacking .special-sprite{animation-duration:.7s}.special-enemy-icon{font-size:54px;line-height:72px;filter:drop-shadow(0 0 8px rgba(226,68,68,.38))}.special-combat-actor.enemy.attacking .special-enemy-icon{animation:special-enemy-hit .65s ease-in-out infinite}.special-hp,.special-mp{height:8px;width:100%;background:#171c22;border:1px solid #3f4853;overflow:hidden}.special-hp i,.special-mp i{display:block;height:100%;transition:width .2s linear}.special-hp i{background:#b62638}.special-mp i{background:#176eb4}.special-combat-actor.enemy .special-hp i{background:#d54835}.special-combat-actor span{font-size:9px;color:#b8c0c9}.special-combat-center{text-align:center;position:relative;min-height:80px;display:grid;place-items:center}.special-vs{font-size:24px}.special-float{position:absolute;font-weight:900;animation:special-float .75s ease-out forwards;text-shadow:0 1px 2px #000}.special-float.damage{color:#ffd54a;top:10px;right:-20px}.special-float.received{color:#ff5a62;bottom:8px;left:-18px}.special-combat-meta{text-align:center;color:#8f9aa7;font-size:10px;margin-top:6px}.tower-compact-stats{display:flex;justify-content:center;gap:12px;font-size:10px;color:#9ca6b2}
@keyframes special-idle{to{background-position:100% center}}@keyframes special-enemy-hit{50%{transform:translateX(-4px) scale(1.04)}}@keyframes special-float{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}100%{opacity:0;transform:translateY(-22px)}}

/* Ranking agora ocupa aproximadamente metade da largura anterior no desktop */
.ranking-feature-modal{width:min(400px,92vw)!important;max-height:70vh!important}
#tower-overlay.feature-window-overlay > .tower-feature-modal{width:min(400px,92vw)!important;max-height:74vh!important}
@media(max-width:700px){.gem-combine-types{display:grid;grid-template-columns:repeat(2,1fr)}.gem-combine-actions{flex-direction:column}.special-combat-stage{grid-template-columns:1fr 34px 1fr;padding:7px;min-height:150px}.special-combat-actor{min-width:78px}.special-sprite{width:58px;height:58px}.special-enemy-icon{font-size:42px;line-height:58px}.ranking-feature-modal,#tower-overlay.feature-window-overlay > .tower-feature-modal{width:94vw!important}}

/* 0.36.4.23 — Upgrade de Gemas separado + CombatView Idle/Attack corrigido */
#forge-tab-gem-upgrade{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding-right:4px}
#forge-tab-gem-upgrade:not(.hidden){display:flex;flex-direction:column;gap:8px}
#forge-tab-gem-upgrade .forge-title{flex:0 0 auto;margin:2px 0 6px!important}
.gem-upgrade-help{padding:9px 10px;border:1px solid #343a43;background:#10161d;color:#aeb7c2;font-size:11px;line-height:1.35}
#forge-tab-gem-upgrade .gem-combine-panel{max-width:780px;width:100%;margin:0 auto;box-sizing:border-box}

/* O sprite sheet possui N frames, mas há N-1 deslocamentos entre o primeiro e o último frame. */
.special-sprite{overflow:hidden;background-repeat:no-repeat;background-position:0 center;animation-name:special-sprite-cycle!important;animation-timing-function:steps(var(--sprite-steps),end)!important;animation-iteration-count:infinite!important}
.special-sprite-idle{animation-duration:1s!important}
.special-sprite-attack{animation-duration:.72s!important}
@keyframes special-sprite-cycle{from{background-position:0 center}to{background-position:100% center}}

/* CombatViews especiais: compactos, sem scroll interno e com foco no combate. */
.special-combat-stage{min-height:132px!important;padding:7px 9px!important;gap:6px!important}
.special-team{gap:5px!important;flex-wrap:nowrap!important}
.special-combat-actor{min-width:92px!important;max-width:132px!important;gap:2px!important}
.special-sprite{width:62px!important;height:62px!important}
.special-enemy-icon{font-size:48px!important;line-height:62px!important}
.special-combat-center{min-height:62px!important}
.special-combat-meta{margin-top:4px!important}
#tower-run .special-combat-view,#guild-boss-combat-view,#world-boss-combat-view{overflow:hidden!important}
#tower-run .tower-battle{padding:5px!important;gap:5px!important}
#tower-run .special-combat-stage{min-height:126px!important}
#tower-run .tower-compact-stats{gap:8px!important}

@media(max-width:700px){
  #forge-tab-gem-upgrade .gem-combine-panel{padding:7px}
  .gem-upgrade-help{font-size:9px}
  .special-combat-stage{min-height:118px!important;padding:5px!important;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important}
  .special-combat-actor{min-width:70px!important;max-width:96px!important}
  .special-sprite{width:52px!important;height:52px!important}
  .special-enemy-icon{font-size:38px!important;line-height:52px!important}
}

/* 0.36.4.24 — Combat 2.0 + CombatViews empilhados */
.special-combat-stage.stacked-layout{grid-template-columns:minmax(135px,.78fr) 34px minmax(180px,1.22fr)!important;align-items:stretch!important;min-height:178px!important;padding:8px 10px!important}
.special-team.stacked{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:5px!important}
.special-team.stacked .special-combat-actor{display:grid!important;grid-template-columns:58px minmax(70px,1fr)!important;grid-template-rows:auto auto auto auto!important;column-gap:7px!important;row-gap:2px!important;max-width:none!important;width:100%!important;min-width:0!important;text-align:left!important;align-items:center!important}
.special-team.stacked .special-combat-label{grid-column:2;grid-row:1}.special-team.stacked .special-sprite{grid-column:1;grid-row:1/5;width:54px!important;height:54px!important}
.special-team.stacked .special-combat-actor b{grid-column:2;grid-row:2}.special-team.stacked .special-combat-actor small{display:none}
.special-team.stacked .special-hp{grid-column:2;grid-row:3}.special-team.stacked .special-mp{grid-column:2;grid-row:4}
.special-team.stacked .special-combat-actor span{display:none!important}
.special-combat-stage.stacked-layout>.special-combat-actor.enemy{max-width:none!important;width:100%!important;justify-content:center!important;align-self:stretch!important;min-width:0!important}
.special-combat-stage.stacked-layout>.special-combat-actor.enemy .special-enemy-icon{font-size:88px!important;line-height:100px!important;min-height:100px!important;display:grid!important;place-items:center!important}
.special-combat-stage.stacked-layout>.special-combat-actor.enemy .special-hp{width:min(95%,320px)!important;height:10px!important}
.special-combat-stage.stacked-layout>.special-combat-actor.enemy span{font-size:10px!important}
.special-combat-stage.stacked-layout .special-combat-center{min-height:100%!important}
/* Dados de HP duplicados ficam apenas nas barras do CombatView. */
#guild-boss-combat>.world-boss-hp-row,#world-boss-combat-box>.wb-combat-row{display:none!important}
#guild-boss-combat,#world-boss-combat-box{overflow:hidden!important}
/* Torre: tudo deve caber sem barra de rolagem interna. */
#tower-overlay .tower-feature-modal{width:min(520px,92vw)!important;max-height:min(620px,92vh)!important;overflow:hidden!important}
#tower-overlay .tower-feature-modal>.social-list,#tower-run{overflow:visible!important;max-height:none!important}
#tower-run .special-combat-stage.stacked-layout{min-height:172px!important}
#tower-run .special-combat-meta{display:none!important}
#tower-run .tower-battle{overflow:hidden!important}
/* Guild/World Boss um pouco mais compactos, sem perder o boss grande. */
#world-boss-overlay>.social-modal{width:min(650px,94vw)!important;max-height:90vh!important}
.guild-panel[data-guild-panel="boss"] .world-boss-combat-box{max-height:none!important}
@media(max-width:700px){
 .special-combat-stage.stacked-layout{grid-template-columns:minmax(110px,.85fr) 22px minmax(135px,1.15fr)!important;min-height:158px!important;padding:6px!important}
 .special-team.stacked .special-combat-actor{grid-template-columns:46px minmax(58px,1fr)!important;column-gap:5px!important}
 .special-team.stacked .special-sprite{width:44px!important;height:44px!important}
 .special-combat-stage.stacked-layout>.special-combat-actor.enemy .special-enemy-icon{font-size:68px!important;line-height:78px!important;min-height:78px!important}
 #tower-overlay .tower-feature-modal{width:94vw!important;max-height:92vh!important}
}


/* 0.36.4.25 — Cidade segura + CombatViews 2x + Ranking compacto */
/* Principal/Companion empilhados: sprite 2x e HP/MP compactos logo abaixo da sprite. */
.special-combat-stage.stacked-layout{
  grid-template-columns:minmax(145px,.72fr) 28px minmax(180px,1.28fr)!important;
  min-height:302px!important;
  align-items:center!important;
  padding:8px 10px!important;
}
.special-team.stacked{
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.special-team.stacked .special-combat-actor{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  text-align:center!important;
  gap:2px!important;
}
.special-team.stacked .special-combat-label{order:0!important;font-size:8px!important}
.special-team.stacked .special-combat-actor b{order:1!important;font-size:10px!important}
.special-team.stacked .special-sprite{
  order:2!important;
  width:108px!important;
  height:108px!important;
  flex:0 0 108px!important;
}
.special-team.stacked .special-combat-actor small{display:none!important}
.special-team.stacked .special-hp,
.special-team.stacked .special-mp{
  order:3!important;
  width:104px!important;
  height:6px!important;
  flex:0 0 6px!important;
}
.special-team.stacked .special-mp{order:5!important}
.special-team.stacked .special-combat-actor span{
  display:block!important;
  width:112px!important;
  font-size:7px!important;
  line-height:9px!important;
  color:#aeb8c4!important;
  white-space:nowrap!important;
}
.special-team.stacked .special-hp + span{order:4!important}
.special-team.stacked .special-mp + span{order:6!important}
.special-combat-stage.stacked-layout>.special-combat-actor.enemy .special-enemy-icon{
  font-size:132px!important;
  line-height:146px!important;
  min-height:146px!important;
}
.special-combat-stage.stacked-layout>.special-combat-actor.enemy .special-hp{width:min(92%,270px)!important}

/* Torre: comporta as duas sprites 2x sem criar barra de rolagem interna. */
#tower-overlay .tower-feature-modal{max-height:min(700px,94vh)!important;overflow:hidden!important}
#tower-run .special-combat-stage.stacked-layout{min-height:292px!important}
#tower-run,#tower-run .tower-battle,#tower-run .special-combat-view{overflow:hidden!important}

/* Ranking independente: cerca de metade da área visual anterior, sem espaço vazio artificial. */
.ranking-feature-modal{
  width:min(300px,90vw)!important;
  max-height:48vh!important;
  min-height:0!important;
  padding:10px!important;
}
.ranking-feature-modal .social-panel{min-height:0!important}
.ranking-feature-modal .social-tabs{margin:6px 0!important;gap:3px!important}
.ranking-feature-modal .social-tab{padding:5px 7px!important;font-size:10px!important}
.ranking-feature-modal .social-list{max-height:250px!important;overflow:auto!important}
.ranking-feature-modal .rank-row{padding:5px 6px!important;font-size:10px!important}

@media(max-width:700px){
  .special-combat-stage.stacked-layout{
    grid-template-columns:minmax(112px,.78fr) 20px minmax(125px,1.22fr)!important;
    min-height:252px!important;
    padding:5px!important;
  }
  .special-team.stacked{gap:5px!important}
  .special-team.stacked .special-combat-actor{width:104px!important;min-width:104px!important;max-width:104px!important}
  .special-team.stacked .special-sprite{width:88px!important;height:88px!important;flex-basis:88px!important}
  .special-team.stacked .special-hp,.special-team.stacked .special-mp{width:88px!important}
  .special-team.stacked .special-combat-actor span{width:94px!important;font-size:6px!important}
  .special-combat-stage.stacked-layout>.special-combat-actor.enemy .special-enemy-icon{font-size:94px!important;line-height:108px!important;min-height:108px!important}
  #tower-run .special-combat-stage.stacked-layout{min-height:246px!important}
  .ranking-feature-modal{width:min(280px,92vw)!important;max-height:58vh!important}
}


/* 0.36.4.26 — modais mais compactos e cabeçalhos em linha */
/* Guild: padding reduzido, nome centralizado e Guild Boss + boss ativo na mesma fileira. */
.guild-modal{padding:6px!important}
#guild-title{text-align:center!important;margin:2px 0 8px!important}
.guild-boss-headline{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:6px!important;align-items:stretch!important;margin-bottom:4px!important}
.guild-boss-headline>.mp-sep{margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:5px 6px!important;white-space:nowrap!important}
.guild-boss-headline>#guild-boss-box{margin:0!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
.guild-boss-headline>#guild-boss-box .social-row{padding:5px 7px!important;min-height:0!important}
.guild-boss-headline>#guild-boss-box .social-name{font-size:11px!important;line-height:1.15!important}
.guild-boss-headline>#guild-boss-box .social-sub{font-size:9px!important;line-height:1.15!important;margin-top:1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* World Boss: evento ativo fica na mesma linha do título World Boss. */
.world-boss-headline{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
.world-boss-headline h2{white-space:nowrap!important}
.world-boss-headline>#world-boss-event{margin:0!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
.world-boss-headline>#world-boss-event .social-row{padding:5px 8px!important;min-height:0!important}
.world-boss-headline>#world-boss-event .social-main{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.world-boss-headline>#world-boss-event .social-name{font-size:11px!important;white-space:nowrap!important}
.world-boss-headline>#world-boss-event .social-sub{font-size:9px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Torre: +15% em relação ao modal anterior (520x700). */
#tower-overlay .tower-feature-modal{width:min(600px,94vw)!important;max-height:min(805px,94vh)!important}

/* Ranking independente: modal com aproximadamente metade da área anterior,
   mas conteúdo maior/mais legível dentro da janela compacta. */
.ranking-feature-modal{width:min(250px,90vw)!important;max-height:30vh!important;min-height:0!important;padding:8px!important}
.ranking-feature-modal .social-head h2{font-size:18px!important}
.ranking-feature-modal .social-tabs{margin:5px 0!important;gap:4px!important}
.ranking-feature-modal .social-tab{padding:6px 8px!important;font-size:12px!important}
.ranking-feature-modal .social-list{max-height:calc(30vh - 92px)!important;overflow:auto!important}
.ranking-feature-modal .rank-row{padding:7px 7px!important;font-size:12px!important;line-height:1.25!important}
.ranking-feature-modal .rank-row strong{font-size:13px!important}

@media(max-width:700px){
  .guild-modal{padding:6px!important}
  .guild-boss-headline{grid-template-columns:88px minmax(0,1fr)!important;gap:4px!important}
  .world-boss-headline{grid-template-columns:1fr auto!important}
  .world-boss-headline h2{grid-column:1!important}
  .world-boss-headline>#btn-world-boss-close{grid-column:2!important;grid-row:1!important}
  .world-boss-headline>#world-boss-event{grid-column:1/-1!important;grid-row:2!important}
  #tower-overlay .tower-feature-modal{width:94vw!important;max-height:94vh!important}
  .ranking-feature-modal{width:min(250px,92vw)!important;max-height:42vh!important}
  .ranking-feature-modal .social-list{max-height:calc(42vh - 92px)!important}
}


/* ===== 0.36.4.27 — Hunt autoritativa + Admin online + Torre sem scrollbar ===== */
#tower-overlay.feature-window-overlay > .tower-feature-modal{
  width:min(600px,94vw)!important;
  height:auto!important;
  max-height:min(805px,94vh)!important;
  overflow-y:hidden!important;
  overflow-x:hidden!important;
}
#tower-overlay.feature-window-overlay > .tower-feature-modal > .social-list,
#tower-overlay.feature-window-overlay > .tower-feature-modal #tower-run,
#tower-overlay.feature-window-overlay > .tower-feature-modal .tower-battle,
#tower-overlay.feature-window-overlay > .tower-feature-modal .special-combat-view{
  max-height:none!important;
  overflow:visible!important;
}
.admin-online-players-box{margin:8px 0 10px;padding:7px;border:1px solid #303842;background:#0f141a;min-width:0}
.admin-online-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--gold-light);font-size:12px}
.admin-online-head span{min-width:24px;text-align:center;padding:2px 6px;border:1px solid #49515b;background:#171d24;font-weight:800}
.admin-online-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:6px;max-height:190px;overflow-y:auto;overflow-x:hidden;padding:1px}
.admin-online-card{min-width:0;padding:6px 7px;border:1px solid #39424c;border-top:2px solid #5b6570;background:#111820;box-sizing:border-box}
.admin-online-name{font-size:11px;font-weight:800;color:#e8d49b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-online-meta,.admin-online-activity{font-size:9px;line-height:1.25;color:#9ba6b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.admin-online-activity{color:#7fc4ef}
@media(max-width:700px){
  #tower-overlay.feature-window-overlay > .tower-feature-modal{width:94vw!important;height:auto!important;max-height:94dvh!important;overflow:hidden!important}
  .admin-online-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:170px}
}

/* 0.36.4.29 — Fighter */
.float-text.dmg-fighter{color:#ffb347!important}

/* ===== 0.36.4.34 — Responsive Desktop System ===== */
@media (min-width:901px){
  :root{
    --ui-side:clamp(180px,12.2vw,310px);
    --ui-right:clamp(190px,11.8vw,300px);
    --ui-top:clamp(36px,3.1vh,54px);
    --ui-bottom:clamp(166px,23vh,330px);
    --ui-gap:clamp(4px,.38vw,8px);
    --ui-pad:clamp(4px,.42vw,9px);
    --ui-font:clamp(11px,.72vw,15px);
    --ui-slot:clamp(36px,2.45vw,58px);
  }
  html,body{min-width:0!important;min-height:0!important}
  body{font-size:var(--ui-font);overflow:hidden!important}
  #game-wrapper{
    min-width:0!important;min-height:0!important;
    grid-template-columns:var(--ui-side) minmax(0,1fr) var(--ui-right)!important;
    grid-template-rows:var(--ui-top) minmax(0,1fr) var(--ui-bottom)!important;
  }
  #left-panel,#right-panel,#battle-area,#bottom-hud,#zones-panel,#inventory-panel,#skills-panel{min-width:0!important;min-height:0!important}
  #left-panel,#right-panel{padding:var(--ui-pad)!important;gap:var(--ui-gap)!important}
  #boss-bar-container{padding-inline:clamp(5px,.6vw,14px)!important;gap:var(--ui-gap)!important;min-width:0!important}
  #top-left-actions,#top-right-actions{gap:clamp(3px,.3vw,7px)!important;min-width:0!important}
  #top-left-actions .btn,#top-right-actions .btn{font-size:clamp(9px,.64vw,13px)!important;padding:clamp(3px,.35vh,6px) clamp(5px,.45vw,10px)!important;white-space:nowrap}
  .zone-seg{width:clamp(21px,1.5vw,32px)!important;height:clamp(21px,1.5vw,32px)!important;font-size:clamp(14px,1.05vw,21px)!important}
  .boss-hp-wrap{flex-basis:clamp(120px,9vw,210px)!important}
  .panel-section{padding:clamp(5px,.45vw,10px)!important;min-width:0!important}
  .panel-title{font-size:clamp(11px,.75vw,15px)!important;margin-bottom:clamp(4px,.5vh,9px)!important}
  .btn{font-size:clamp(10px,.67vw,14px);padding:clamp(4px,.48vh,7px) clamp(6px,.55vw,11px)}
  .btn-small{font-size:clamp(9px,.6vw,12px)!important;padding:clamp(2px,.3vh,4px) clamp(4px,.35vw,7px)!important}
  #bottom-hud{
    grid-template-columns:clamp(170px,12vw,290px) clamp(310px,26vw,620px) minmax(210px,1fr) clamp(170px,12vw,290px)!important;
    gap:var(--ui-gap)!important;padding:var(--ui-pad)!important;min-width:0!important;overflow:hidden!important;
  }
  #zones-panel,#inventory-panel,#skills-panel{padding:clamp(5px,.42vw,9px)!important}
  .inv-top-bar,.inv-main,.inv-right-col,.inv-body-row,.inv-grid-wrap{min-width:0!important;max-width:100%!important}
  .inv-right-col{flex:1 1 auto!important;margin-left:clamp(2px,.25vw,5px)!important}
  .inv-grid{grid-template-columns:repeat(auto-fill,minmax(var(--ui-slot),1fr))!important;gap:clamp(2px,.22vw,4px)!important}
  .inv-slot{width:auto!important;height:auto!important;min-width:0!important;aspect-ratio:1/1!important}
  .equip-slot{max-width:clamp(42px,3vw,68px)!important;max-height:clamp(42px,3vw,68px)!important}
  #chat-panel,.chat-log,.skills-list{min-width:0!important;min-height:0!important}
  .float-text{font-size:clamp(12px,.78vw,17px)!important}.crit{font-size:clamp(14px,.95vw,20px)!important}

  /* Modais nunca podem escapar da viewport desktop. */
  .modal-content,.social-modal,.guild-modal,.bestiary-modal,.forge-modal,.auction-modal,.feature-window-modal,
  #tower-overlay.feature-window-overlay>.tower-feature-modal,.ranking-feature-modal{
    max-width:min(96vw,1200px)!important;max-height:94vh!important;box-sizing:border-box!important;
  }
  .social-modal,.guild-modal,.bestiary-modal,.forge-modal,.auction-modal,.feature-window-modal{overflow:auto}
}

/* Desktop compacto / notebooks: 1280x720, 1366x768 e próximos. */
@media (min-width:901px) and (max-width:1399px){
  :root{--ui-side:clamp(168px,14vw,205px);--ui-right:clamp(176px,14vw,210px);--ui-top:36px;--ui-bottom:clamp(154px,22vh,190px);--ui-gap:4px;--ui-pad:4px;--ui-font:11px;--ui-slot:34px}
  #game-wrapper{border-width:2px!important}
  #bottom-hud{grid-template-columns:clamp(155px,13vw,180px) clamp(270px,30vw,390px) minmax(175px,1fr) clamp(155px,13vw,180px)!important}
  #left-panel,#right-panel{overflow-y:auto!important;scrollbar-width:thin}
  .panel-section{padding:5px!important}.panel-title{font-size:11px!important;margin-bottom:4px!important}
  .bar-row{gap:3px!important;margin-top:2px!important}.bar-label{width:27px!important;font-size:9px!important}.bar-bg{height:10px!important}.bar-text{font-size:8px!important}
  #char-name{font-size:12px!important}#char-class-level{font-size:10px!important}
  .attr-row,.stats-idle,.zone-info{font-size:9px!important;line-height:1.35!important}
  .inv-header-right{gap:5px!important;font-size:9px!important}.inv-top-bar{margin-bottom:2px!important}
  .inv-main{gap:3px!important}.inv-filter-row{gap:3px!important}
  #zones-panel select{font-size:10px!important;padding:4px!important;margin-top:3px!important}
  #boss-bar-container{padding-inline:5px!important}
  .zone-progress{gap:2px!important}.zone-seg{width:20px!important;height:20px!important;font-size:13px!important;border-width:1px!important}
  .boss-hp-wrap{flex-basis:110px!important}.boss-hp-wrap #boss-bar-bg{height:12px!important}
  #game-version{font-size:8px!important;padding:1px 4px!important}
}

/* Baixa altura: evita que o HUD inferior esmague a Hunt. */
@media (min-width:901px) and (max-height:799px){
  :root{--ui-top:34px;--ui-bottom:clamp(148px,21vh,178px)}
  
  #zones-panel,#inventory-panel,#skills-panel{padding:4px!important}
  .panel-section{padding:4px!important}.panel-title{margin-bottom:3px!important}
  .action-btns{gap:3px!important}
}

/* Full HD / desktop padrão. */
@media (min-width:1400px) and (max-width:2199px) and (min-height:800px){
  :root{--ui-side:clamp(205px,12.2vw,260px);--ui-right:clamp(205px,11.7vw,250px);--ui-bottom:clamp(190px,23vh,250px)}
}

/* 1440p e ultrawide: amplia a UI com limite, preservando o canvas. */
@media (min-width:2200px){
  :root{--ui-side:clamp(250px,11vw,330px);--ui-right:clamp(245px,10.5vw,320px);--ui-top:clamp(46px,3.4vh,58px);--ui-bottom:clamp(245px,24vh,340px);--ui-font:clamp(13px,.62vw,16px);--ui-slot:clamp(46px,2.1vw,62px)}
  #bottom-hud{grid-template-columns:clamp(230px,11vw,330px) clamp(460px,24vw,700px) minmax(350px,1fr) clamp(230px,11vw,330px)!important}
}

/* 4K: cresce sem transformar os painéis em paredes gigantes. */
@media (min-width:3200px) and (min-height:1700px){
  :root{--ui-side:340px;--ui-right:330px;--ui-top:58px;--ui-bottom:350px;--ui-font:16px;--ui-slot:64px;--ui-gap:8px;--ui-pad:9px}
  #bottom-hud{grid-template-columns:330px 720px minmax(480px,1fr) 330px!important}
  .panel-title{font-size:17px!important}.btn{font-size:15px!important}.btn-small{font-size:13px!important}
}

/* ===== 0.36.4.35 — Responsive viewport/clipping hotfix ===== */
@media (min-width:901px){
  html{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  @supports (height:100dvh){
    body{height:100dvh!important;max-height:100dvh!important}
  }
  #game-wrapper{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  /* Filhos de Grid/Flex precisam poder encolher dentro da viewport. */
  #boss-bar-container,#left-panel,#right-panel,#battle-area,#bottom-hud,
  #zones-panel,#chat-panel,#inventory-panel,#skills-col,#skills-panel,
  .inv-main,.equip-col,.equip-slots,.inv-right-col,.inv-filter-row,.inv-body-row,
  .bag-col,.inv-grid-wrap,.inv-grid,.skills-content{
    min-width:0!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }

  /* Remove dimensões legadas que furavam as colunas responsivas. */
  #zones-panel{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  #chat-panel{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  #skills-col{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    overflow:hidden!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  #skills-panel{
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    min-height:0!important;
    flex:1 1 auto!important;
  }
  

  #bottom-hud{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #bottom-hud>*{min-width:0!important;max-width:100%!important}

  /* Inventário: equipamentos cedem espaço antes de provocar clipping. */
  #inventory-panel{width:100%!important;max-width:100%!important;overflow:hidden!important;align-items:stretch!important}
  .inv-main{width:100%!important;max-width:100%!important;justify-content:stretch!important;overflow:hidden!important}
  .equip-col{
    width:clamp(112px,10.5vw,174px)!important;
    max-width:42%!important;
    flex:0 1 clamp(112px,10.5vw,174px)!important;
  }
  .equip-slots{width:100%!important;max-width:100%!important}
  .inv-right-col{
    width:auto!important;
    max-width:none!important;
    flex:1 1 0!important;
    overflow:hidden!important;
  }
  .inv-filter-row{flex-wrap:nowrap!important;overflow:hidden!important}
  .inv-tabs{min-width:0!important;overflow:hidden!important;gap:2px!important}
  .inv-tab{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .inv-header-right{flex:0 0 auto!important;white-space:nowrap!important}
  .inv-body-row{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .inv-grid-wrap{flex:1 1 auto!important;width:auto!important;max-width:100%!important;overflow:auto!important}

  /* Chat/skills mantêm scroll somente no conteúdo interno, não na página. */
  
  #chat-log{min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}
  #skills-list{min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}

  /* Topbar não pode aumentar a linha e ser recortada pelo grid. */
  #top-left-actions,#top-right-actions{
    min-width:0!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
  }
  #top-left-actions .btn,#top-right-actions .btn{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .zone-progress{min-width:0!important;overflow:hidden!important}

  /* Overlays ficam presos à área visível do navegador. */
  .modal-overlay,.feature-window-overlay{
    max-width:100%!important;
    max-height:100%!important;
    overflow:auto!important;
  }
  .modal-content,.social-modal,.guild-modal,.bestiary-modal,.forge-modal,.auction-modal,
  .feature-window-modal,#tower-overlay.feature-window-overlay>.tower-feature-modal,.ranking-feature-modal{
    max-width:96%!important;
    max-height:92%!important;
    box-sizing:border-box!important;
  }
  .modal{max-width:min(96%,1200px)!important;max-height:92%!important;box-sizing:border-box!important}
}

/* Notebooks/desktop estreito: prioriza a arena e compacta o HUD sem cortar. */
@media (min-width:901px) and (max-width:1399px){
  #game-wrapper{
    grid-template-columns:clamp(158px,13.2vw,190px) minmax(320px,1fr) clamp(164px,13.5vw,196px)!important;
  }
  #bottom-hud{
    grid-template-columns:
      minmax(128px,14%)
      minmax(220px,25%)
      minmax(300px,1fr)
      minmax(128px,14%)!important;
  }
  .equip-col{width:clamp(100px,9vw,132px)!important;flex-basis:clamp(100px,9vw,132px)!important}
  .equip-owner-tabs .equip-owner{font-size:10px!important}
  .equip-slot{min-width:0!important}
  .inv-tab{padding-inline:4px!important;font-size:9px!important}
  .inv-header-right{font-size:8px!important;gap:3px!important}
  .chat-tab{font-size:10px!important;padding:2px!important}
  .chat-input-row input{min-width:0!important}
}

/* Baixa altura: usa cada pixel vertical sem ultrapassar o viewport. */
@media (min-width:901px) and (max-height:799px){
  #game-wrapper{
    grid-template-rows:32px minmax(260px,1fr) minmax(138px,20vh)!important;
  }
  #bottom-hud{min-height:0!important}
  #chat-panel,#zones-panel,#inventory-panel,#skills-col{height:100%!important;max-height:100%!important}
  .chat-tabs{margin-bottom:2px!important}
  .chat-input-row{margin-top:2px!important}
  #btn-sell-all{padding-block:2px!important}
}

/* 4K/ultrawide continua escalando, mas nunca cria largura mínima maior que a viewport. */
@media (min-width:2200px){
  #bottom-hud{
    grid-template-columns:minmax(220px,11%) minmax(420px,23%) minmax(420px,1fr) minmax(220px,11%)!important;
  }
}

/* ===== 0.36.4.36 — HUD, menus e viewport hotfix ===== */
@media (min-width:901px){
  /* Dropdowns da navegação precisam sair da barra sem serem recortados. */
  #top-left-actions{
    overflow:visible!important;
    position:relative!important;
    z-index:80!important;
  }
  #top-right-actions{overflow:visible!important;position:relative!important;z-index:79!important}
  #top-left-actions .nav-group,#top-left-actions .system-menu,#top-left-actions .system-nav,
  #top-right-actions .nav-group,#top-right-actions .system-menu{overflow:visible!important}
  .nav-group,.system-menu{position:relative!important}
  .nav-dropdown,.system-dropdown,.nav-group-menu,.system-menu-dropdown{
    z-index:9999!important;
    overflow:visible!important;
  }

  /* O HUD inferior deve preservar seu conteúdo funcional antes de ceder espaço. */
  #bottom-hud{
    min-height:205px!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  #zones-panel,#chat-panel,#inventory-panel,#skills-col{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
  }

  /* Inventário: não cortar equipamentos, abas nem botão Reorganizar. */
  #inventory-panel{overflow:visible!important;justify-content:stretch!important;align-items:stretch!important}
  .inv-main{overflow:visible!important;min-height:0!important;height:100%!important;align-items:stretch!important}
  .equip-col{
    min-width:96px!important;
    max-width:36%!important;
    height:100%!important;
    overflow:visible!important;
    align-self:stretch!important;
  }
  .equip-slots{max-height:100%!important;overflow:visible!important}
  .inv-right-col{
    min-width:150px!important;
    min-height:0!important;
    height:100%!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .inv-filter-row{
    flex:0 0 auto!important;
    overflow:visible!important;
    min-height:24px!important;
  }
  .inv-tabs{overflow:visible!important;flex:1 1 auto!important}
  .inv-header-right{display:flex!important;visibility:visible!important;opacity:1!important}
  #btn-organize-inv,.btn-organize{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
  }
  .inv-body-row{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .inv-grid-wrap{
    min-width:150px!important;
    min-height:70px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  /* Skills: cabeçalho/controles fixos; somente a lista rola. */
  #skills-col{overflow:hidden!important;display:flex!important;flex-direction:column!important}
  #skills-panel{overflow:hidden!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
  .skills-content{min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
  #skills-list,.skills-list{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto!important}
  #btn-sell-all{flex:0 0 auto!important;display:block!important;visibility:visible!important}
}

/* Telas de pouca altura: reduz componentes, mas não corta o HUD. */
@media (min-width:901px) and (max-height:799px){
  :root{--ui-top:32px;--ui-bottom:clamp(205px,31vh,235px)!important}
  #game-wrapper{
    grid-template-rows:32px minmax(220px,1fr) var(--ui-bottom)!important;
  }
  #bottom-hud{min-height:205px!important;padding:3px!important;gap:3px!important}
  #zones-panel,#chat-panel,#inventory-panel,#skills-panel{padding:3px!important}
  .equip-slot{max-width:38px!important;max-height:38px!important}
  .equip-slots{gap:2px!important}
  .equip-owner-tabs{min-height:20px!important}
  .equip-owner-tabs .equip-owner{padding:2px 4px!important;font-size:9px!important}
  .inv-filter-row{min-height:20px!important;margin-bottom:1px!important}
  .inv-tab{padding:2px 4px!important;font-size:9px!important}
  #btn-organize-inv,.btn-organize{min-height:22px!important;height:22px!important;min-width:26px!important;width:26px!important;padding:1px!important}
  .skill-row,.skill-item{min-height:32px!important}
}

/* Notebooks estreitos: mochila ganha prioridade horizontal sobre equipamentos. */
@media (min-width:901px) and (max-width:1399px){
  .equip-col{width:clamp(96px,8vw,118px)!important;flex:0 1 clamp(96px,8vw,118px)!important;max-width:34%!important}
  .inv-right-col{min-width:145px!important;flex:1 1 66%!important}
  .inv-grid-wrap{min-width:145px!important}
}

/* ===== 0.36.4.37 — correção estrutural do HUD inferior ===== */
@media (min-width:901px){
  /* Equipamentos: a grade é a autoridade; slots nunca ultrapassam a própria box. */
  #inventory-panel .equip-col{
    min-width:0!important;
    width:clamp(108px,9vw,174px)!important;
    max-width:38%!important;
    flex:0 1 clamp(108px,9vw,174px)!important;
    overflow:hidden!important;
  }
  #inventory-panel .equip-slots{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    gap:3px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    align-content:start!important;
  }
  #inventory-panel .equip-slot{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #inventory-panel .equip-slot .slot-icon{font-size:clamp(15px,1.3vw,22px)!important}

  /* Mochila: ocupa somente o espaço disponível e rola dentro da própria box. */
  
  #inventory-panel .inv-right-col{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:0!important;
    width:auto!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  #inventory-panel .inv-body-row{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  #inventory-panel .bag-col{
    flex:0 0 22px!important;
    width:22px!important;
    min-width:22px!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
  
  #inventory-panel .inv-grid-wrap{
    flex:1 1 0!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  #inventory-panel .inv-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(34px,42px))!important;
    grid-auto-rows:auto!important;
    justify-content:start!important;
    align-content:start!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #inventory-panel .inv-slot{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    min-width:0!important;
    min-height:34px!important;
    max-width:42px!important;
    box-sizing:border-box!important;
  }

  /* Skills: grade fixa de três colunas no desktop; sem lista horizontal/coluna única. */
  #skills-panel{min-width:0!important;min-height:0!important;overflow:hidden!important}
  #skills-list,.skills-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:max-content!important;
    gap:4px!important;
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    align-content:start!important;
  }
  #skills-list .skill-item,.skills-list .skill-item{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    padding:2px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #skills-list .skill-icon,.skills-list .skill-icon{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    font-size:clamp(18px,2vw,36px)!important;
    box-sizing:border-box!important;
  }
  #skills-list .skill-icon img,.skills-list .skill-icon img{
    max-width:88%!important;
    max-height:88%!important;
    width:auto!important;
    height:auto!important;
  }
}

@media (min-width:901px) and (max-height:799px){
  #inventory-panel .equip-col{width:clamp(96px,7.4vw,124px)!important;flex-basis:clamp(96px,7.4vw,124px)!important}
  #inventory-panel .equip-slots{gap:2px!important}
  #inventory-panel .inv-grid{grid-template-columns:repeat(auto-fill,minmax(32px,38px))!important;gap:3px!important}
  #inventory-panel .inv-slot{min-height:32px!important;max-width:38px!important}
  #skills-list,.skills-list{gap:3px!important}
}

/* ===== 0.36.4.38 — contenção vertical da HUD, inventário e skills ===== */
@media (min-width:901px){
  /* A altura da linha do Grid é a autoridade. Um min-height maior no filho fazia
     a HUD ultrapassar a viewport e ser cortada pelo overflow do body. */
  #bottom-hud{
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  #bottom-hud>#zones-panel,
  #bottom-hud>#chat-panel,
  #bottom-hud>#inventory-panel,
  #bottom-hud>#skills-col{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /* Os slots de equipamento passam a respeitar simultaneamente largura e altura.
     A grade ocupa apenas o espaço restante abaixo das abas do proprietário. */
  #inventory-panel .equip-col{
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  
  #inventory-panel .equip-slots{
    flex:1 1 0!important;
    min-height:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  #inventory-panel .equip-slot{
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #inventory-panel .equip-slot>span:last-child{
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* Cabeçalhos ficam dentro da box; apenas as coleções recebem rolagem. */
  #inventory-panel .inv-main,
  #inventory-panel .inv-right-col,
  #inventory-panel .inv-body-row,
  #skills-col,
  #skills-panel{
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  #inventory-panel .inv-grid-wrap,
  #skills-list,
  .skills-list{
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  /* No HTML atual, #skills-list também possui a classe .skills-content.
     Evita que a regra de contenção do painel desative a rolagem da grade. */
  #skills-panel>#skills-list.skills-content{
    flex:1 1 0!important;
    min-height:0!important;
    max-height:100%!important;
    grid-auto-rows:minmax(40px,1fr)!important;
    align-content:stretch!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  #skills-panel>#skills-list.skills-content>.skill-item{
    height:100%!important;
    aspect-ratio:auto!important;
  }
  #skills-panel>#skills-list.skills-content>.skill-item>.skill-icon{
    aspect-ratio:auto!important;
  }
}

/* ===== 0.36.4.39 — HUD inferior um pouco mais espaçosa ===== */
@media (min-width:901px) and (max-width:1399px) and (min-height:800px){
  :root{
    --ui-bottom:clamp(205px,24vh,230px);
  }
}

/* ===== 0.36.4.40 — Chat e Auto-Pot compactos ===== */
#chat-panel .chat-panel-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin-bottom:3px!important;
}
#chat-panel .chat-panel-title>.chat-tabs{
  display:flex!important;
  flex:0 1 auto!important;
  gap:2px!important;
  margin:0!important;
  min-width:0!important;
}
#chat-panel .chat-panel-title .chat-tab{
  flex:0 1 auto!important;
  min-width:0!important;
  padding:1px 5px!important;
  font-size:9px!important;
  line-height:15px!important;
}
#chat-panel .chat-panel-title .mobile-only{margin-left:auto!important}

.autopot-flyout{
  width:min(270px,calc(100% - 16px))!important;
  padding:7px!important;
}
.autopot-flyout-head{gap:6px!important;font-size:12px!important}
.autopot-flyout-head .btn{padding:2px 5px!important;font-size:9px!important}
.autopot-profile-label{font-size:10px!important;margin:3px 0!important}
.autopot-config-row{
  grid-template-columns:86px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  margin:4px 0!important;
  font-size:9.5px!important;
}
.autopot-config-row .pot-select{padding:3px 5px!important;font-size:10px!important}
.autopot-config-row input[type=range]{min-width:0!important;margin:0!important}
.autopot-note{font-size:8.5px!important;margin-top:4px!important;line-height:1.3!important}

/* ===== 0.36.4.41 — Cabeçalhos compactos de inventário e skills ===== */
#inventory-panel .inv-filter-row{
  justify-content:flex-start!important;
  gap:6px!important;
}
#inventory-panel .inv-tabs{
  flex:0 1 auto!important;
  width:auto!important;
}
#inventory-panel .inv-tab{
  flex:0 1 auto!important;
  padding-inline:5px!important;
}
#inventory-panel .inv-header-right{
  flex:0 0 auto!important;
  justify-content:flex-start!important;
  margin-left:auto!important;
  gap:5px!important;
  white-space:nowrap!important;
}
#inventory-panel .inv-filter-row>#slot-count{
  flex:0 0 auto!important;
  align-self:center!important;
  white-space:nowrap!important;
}
#inventory-panel .cash-display{
  color:#6edcff!important;
  text-shadow:0 0 5px rgba(64,190,255,.28);
}

#skills-panel .skills-panel-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
}
#skills-panel .skills-panel-title>.skill-owner-tabs{
  display:flex!important;
  flex:0 0 auto!important;
  gap:2px!important;
  margin:0!important;
}
#skills-panel .skills-panel-title .skill-owner{
  min-width:17px!important;
  width:17px!important;
  height:17px!important;
  padding:0!important;
  font-size:9px!important;
  line-height:15px!important;
}
#skills-panel .skills-panel-title>#btn-toggle-skills{
  margin-left:auto!important;
}

#skills-panel>#skills-list.skills-content{
  grid-template-columns:repeat(3,50px)!important;
  grid-auto-rows:50px!important;
  justify-content:start!important;
  align-content:start!important;
}
#skills-panel>#skills-list.skills-content>.skill-item{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  padding:2px!important;
}
#skills-panel>#skills-list.skills-content>.skill-item>.skill-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
}
#skills-panel>#skills-list.skills-content>.skill-item>.skill-icon>img{
  width:44px!important;
  height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  object-fit:contain!important;
}
.item-lock-badge{position:absolute;left:1px;top:1px;font-size:10px;line-height:1;padding:1px;border-radius:2px;background:#07111dcc;color:#70b7ff;pointer-events:none}.inv-slot.item-locked{box-shadow:inset 0 0 0 1px #70b7ff88}
.admin-item-lab-controls{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:7px;margin:8px 0}.admin-lab-summary{margin:8px 0}.admin-lab-alert{padding:8px 10px;margin:7px 0;border:1px solid #46515d;background:#111820;font-size:11px}.admin-lab-alert.ok{border-color:#287746;background:#102419;color:#9be7b4}.admin-lab-alert.warning{border-color:#8a6924;background:#2a2110;color:#f0cf7a}.admin-lab-alert.error{border-color:#8d3434;background:#291313;color:#ff9a9a}.admin-lab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:5px}.admin-lab-stat{display:grid;padding:7px;border:1px solid #303943;background:#0d1319;font-size:10px}.admin-lab-stat b{color:var(--gold-light)}.admin-lab-stat span{margin-top:3px}.admin-lab-stat small{color:#8b98a5}.admin-item-samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px}.admin-item-sample{border:1px solid var(--item-rarity);border-top-width:3px;background:#0c1218;padding:8px;min-width:0}.admin-item-sample header{display:flex;gap:7px;align-items:center}.admin-item-sample header i{font-style:normal;font-size:27px;width:36px;text-align:center}.admin-item-sample header div{display:grid}.admin-item-sample header b{color:var(--item-rarity)}.admin-item-sample header small{color:#8f9aa5}.admin-item-sample-stats{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.admin-item-sample-stats span{padding:3px 5px;background:#17202a;border:1px solid #2f3b47;font-size:9px}.admin-item-affixes{display:grid;gap:2px;min-height:22px;color:#b9c5d1}.admin-item-sample footer{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:7px;padding-top:6px;border-top:1px solid #28313a;font-size:9px;color:#8996a3}.admin-item-sample footer b{color:#d8e0e8}.admin-lab-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-lab-row{display:flex;justify-content:space-between;gap:8px;padding:5px;border-bottom:1px solid #252e37;font-size:10px}.admin-lab-row span{color:#91a0ad}.admin-level-curve{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:6px;margin-top:8px}.admin-level-point{display:grid;gap:3px;padding:9px;border:1px solid #36424e;background:#10171e;text-align:center}.admin-level-point b{color:var(--gold-light)}.admin-level-point span{font-size:11px}.admin-level-point small{font-size:8px;color:#8d99a5}@media(max-width:850px){.admin-item-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-level-curve{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.admin-item-lab-controls,.admin-lab-columns{grid-template-columns:1fr}.admin-item-samples{grid-template-columns:1fr}}

/* Visão Geral Admin: evita recortes no cabeçalho, cards e atalhos. */
#admin-overlay .admin-section-main-v2{overflow-x:hidden!important}
#admin-overlay .admin-section-main-v2>.admin-section{box-sizing:border-box}
#admin-overlay .admin-section-main-v2>.admin-section>.admin-section-hero{margin-bottom:57px}
#admin-overlay [data-admin-section="overview"]{width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}
#admin-overlay [data-admin-section="overview"]>.admin-section-hero{width:calc(100% + 30px);max-width:none;box-sizing:border-box}
#admin-overlay #admin-summary{grid-template-columns:repeat(5,minmax(105px,1fr));align-items:stretch;min-width:0}
#admin-overlay #admin-summary .admin-card{display:flex;flex-direction:column;justify-content:center;min-width:0;box-sizing:border-box;overflow:hidden}
#admin-overlay #admin-summary .admin-card span{display:block;flex:0 0 auto;color:#c4cbd3!important;font-size:10.5px!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#admin-overlay #admin-summary .admin-card strong{display:block;flex:0 0 auto;line-height:1.15;margin-top:4px!important}
#admin-overlay .admin-quick-actions button{box-sizing:border-box;overflow:hidden}
@media(max-width:1050px){#admin-overlay #admin-summary{grid-template-columns:repeat(3,minmax(105px,1fr))}}
@media(max-width:850px){#admin-overlay .admin-section-main-v2>.admin-section>.admin-section-hero{margin-bottom:55px}}
@media(max-width:700px){#admin-overlay #admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#admin-overlay [data-admin-section="overview"]>.admin-section-hero{width:calc(100% + 18px)}}

/* Inspetor administrativo de personagens */
#admin-character-inspect-overlay{z-index:320!important;background:rgba(0,0,0,.68)!important;backdrop-filter:blur(2px)}
.admin-online-card{position:relative;width:100%;text-align:left;color:inherit;font-family:inherit;cursor:pointer}.admin-online-card:hover,.admin-online-card:focus-visible{border-color:var(--gold)!important;background:#171d20;outline:none}.admin-online-inspect-hint{display:block;margin-top:4px;color:#d4b84d;font-size:8px;opacity:0;transform:translateY(2px);transition:.15s}.admin-online-card:hover .admin-online-inspect-hint,.admin-online-card:focus-visible .admin-online-inspect-hint{opacity:1;transform:none}.admin-character-inspect-modal{width:min(1050px,95vw)!important;height:min(760px,91vh)!important;max-width:none!important;display:flex;flex-direction:column;overflow:hidden!important;border:2px solid var(--gold)!important;background:#11171e!important}.admin-character-inspect-modal>.social-head{flex:0 0 auto;padding-bottom:9px;border-bottom:1px solid #343e49}.admin-character-inspect-modal h2{margin:0;color:var(--gold-light)}.admin-character-inspect-body{flex:1;min-height:0;overflow:auto;padding:8px 2px 4px}.admin-inspect-loading,.admin-inspect-empty{padding:20px;text-align:center;color:#82909e;border:1px dashed #35414d;background:#0d1319}.admin-inspect-account{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid #35404b;background:#0c1218}.admin-inspect-account>div{display:grid;flex:1}.admin-inspect-account small{color:#85919d}.admin-inspect-account>span{color:var(--gold-light);font-weight:800}.admin-character-tabs{display:flex;gap:5px;overflow-x:auto;padding:7px 0}.admin-character-tab{display:grid;min-width:145px;padding:7px 9px;text-align:left;border:1px solid #34404c;background:#111922;color:#d7dfe7;cursor:pointer}.admin-character-tab small{color:#8794a0}.admin-character-tab.active{border-color:var(--gold);background:#211e11;color:var(--gold-light)}.admin-inspect-hero{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid #35404b;background:linear-gradient(135deg,#151d26,#0d1319)}.admin-inspect-hero h3{margin:0;color:#efd56f}.admin-inspect-hero p{margin:3px 0 0;color:#93a0ac;font-size:10px}.admin-inspect-vitals{display:grid;gap:3px;text-align:right;font-size:10px}.admin-inspect-vitals b{color:#dce4eb}.admin-inspect-attrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:5px;margin:7px 0}.admin-inspect-attrs>div{display:flex;justify-content:space-between;padding:6px;border:1px solid #303b46;background:#0d141b;font-size:9px}.admin-inspect-attrs span{color:#8996a2}.admin-inspect-attrs b{color:#e3c95e}.admin-inspect-columns{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:10px}.admin-inspect-columns section{min-width:0}.admin-inspect-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.admin-inspect-bag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:285px;overflow:auto}.admin-inspect-bag.compact{max-height:175px}.admin-inspect-item{position:relative;display:grid;grid-template-columns:31px minmax(0,1fr);gap:6px;min-width:0;padding:7px;border:1px solid var(--inspect-rarity,#35414c);border-left-width:3px;background:#0c131a}.admin-inspect-item>i{display:grid;place-items:center;font-style:normal;font-size:22px}.admin-inspect-item>div{display:grid;min-width:0}.admin-inspect-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce4eb;font-size:10px}.admin-inspect-item small{color:#8c99a5;font-size:8px}.admin-inspect-item em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b5c0ca;font-size:7.5px;font-style:normal}.admin-inspect-item>span{grid-column:1/-1;color:#778490;font-size:7.5px;text-transform:uppercase}.admin-inspect-item.empty{display:grid;place-items:center;min-height:48px;border-style:dashed;color:#65717d}.admin-inspect-item.empty small{color:#525e69}@media(max-width:800px){.admin-character-inspect-modal{width:100vw!important;height:94dvh!important}.admin-inspect-columns{grid-template-columns:1fr}.admin-inspect-bag{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-inspect-account{flex-wrap:wrap}.admin-inspect-hero{align-items:flex-start}.admin-inspect-vitals{text-align:left}}

/* Overrides finais das janelas secundárias compactas. */
#social-overlay>.social-modal{width:min(580px,90vw)!important;max-width:580px!important;height:auto!important;max-height:min(620px,82vh)!important;padding:12px!important;overflow:auto!important}
#social-overlay .social-panel{min-height:210px!important}#social-overlay .social-list{max-height:250px!important}#social-overlay .dm-messages{height:140px!important}
#mail-overlay.feature-window-overlay>.mp-modal{width:min(600px,90vw)!important;height:auto!important;max-width:600px!important;max-height:min(560px,78vh)!important;padding:12px!important;overflow:auto!important;border-radius:8px!important}
#mail-overlay #mail-list{min-height:120px!important;max-height:390px!important;overflow:auto!important}
#farm-afk-overlay.feature-window-overlay>.afk-feature-modal{width:min(560px,90vw)!important;height:auto!important;min-height:0!important;max-width:560px!important;max-height:min(480px,76vh)!important;padding:12px!important;overflow:auto!important;border-radius:8px!important}
#farm-afk-overlay .afk-info-card{max-width:none!important;margin:10px auto 2px!important;padding:15px!important}#farm-afk-overlay .afk-time-bar{height:24px!important;margin:14px 0!important}#farm-afk-overlay .afk-start-btn{margin-top:12px!important}
#ranking-overlay.feature-window-overlay>.ranking-feature-modal{width:min(540px,90vw)!important;height:auto!important;max-width:540px!important;max-height:min(540px,78vh)!important;padding:12px!important;overflow:auto!important;border-radius:8px!important}
#ranking-overlay #independent-ranking-list{min-height:120px!important;max-height:400px!important;overflow:auto!important}
@media(max-width:700px){#social-overlay>.social-modal,#mail-overlay.feature-window-overlay>.mp-modal,#farm-afk-overlay.feature-window-overlay>.afk-feature-modal,#ranking-overlay.feature-window-overlay>.ranking-feature-modal{width:calc(100vw - 16px)!important;height:auto!important;max-height:82dvh!important;border-width:1px!important;border-radius:9px!important}#social-overlay,#mail-overlay.feature-window-overlay,#farm-afk-overlay.feature-window-overlay,#ranking-overlay.feature-window-overlay{padding:8px!important;align-items:center!important}}

/* RBAC: controles exclusivos do ADMIN não aparecem para GM. */
.admin-gm-mode #btn-admin-payment-refund,.admin-gm-mode #btn-admin-payment-cancel,.admin-gm-mode #btn-admin-cash-adjust,.admin-gm-mode #btn-admin-vip-grant,.admin-gm-mode #btn-admin-season-premium-on,.admin-gm-mode #btn-admin-season-premium-off,.admin-gm-mode #btn-admin-balance-save,.admin-gm-mode #btn-admin-beta-save,.admin-gm-mode #btn-admin-beta-invite,.admin-gm-mode [data-beta-revoke],.admin-gm-mode #btn-admin-mail-send,.admin-gm-mode #btn-admin-season-create,.admin-gm-mode #btn-admin-event-create,.admin-gm-mode [data-event-delete],.admin-gm-mode #btn-admin-eco-snapshot,.admin-gm-mode #btn-admin-eco-scan,.admin-gm-mode #admin-eco-alerts button,.admin-gm-mode #admin-feature-flags button,.admin-gm-mode #btn-admin-prod-refresh{display:none!important}.admin-gm-mode:before{content:'Perfil GM · moderação limitada a jogadores comuns · banimento máximo de 7 dias';display:block;flex:0 0 auto;padding:5px 12px;background:#172231;border-bottom:1px solid #31506e;color:#91c8ef;font-size:9px;text-align:center}

/* Conta compacta */
#account-overlay{padding:12px!important;align-items:center!important}.account-modal-compact{width:min(430px,calc(100vw - 24px))!important;max-width:430px!important;min-height:0!important;height:auto!important;max-height:85dvh!important;padding:14px!important;border-radius:8px!important;overflow:auto!important}.account-modal-head{display:flex;align-items:center;gap:9px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #343e48}.account-modal-head>div:nth-child(2){min-width:0;flex:1}.account-modal-head h2{margin:0;color:var(--gold-light);font-size:17px}.account-modal-head small{color:#8794a1;font-size:9px}.account-avatar{width:36px;height:36px;display:grid;place-items:center;border:1px solid #4a5662;background:#111a22;font-size:20px}.account-character-card{display:grid;gap:3px;padding:10px;border:1px solid #34404b;background:#0d141b}.account-character-card b{color:#e6d08a;font-size:12px}.account-character-card small{color:#85929e;font-size:9px;overflow:hidden;text-overflow:ellipsis}.account-session-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 4px;color:#94a0ab;font-size:9px}.account-session-row span{display:flex;align-items:center;gap:5px}.account-session-row i{width:7px;height:7px;border-radius:50%;background:#36b86b;box-shadow:0 0 7px #36b86b}.account-session-row b{color:#bdc8d2}.account-modal-compact .mp-actions{margin-top:3px}.account-modal-compact .mp-actions .btn{flex:1}.account-modal-compact #account-logged-out{display:grid;gap:7px}

/* Áreas internas do editor Admin */
.admin-content-workspace-tabs{display:flex;gap:5px;margin:-43px 0 10px;padding:6px;border:1px solid #303a45;background:#0c1218;position:sticky;top:102px;z-index:5}.admin-content-workspace-tabs button{flex:1;min-height:30px;border:1px solid transparent;background:#121a22;color:#91a0ad;font:inherit;font-size:9.5px;cursor:pointer}.admin-content-workspace-tabs button:hover{border-color:#495664;color:#dce4eb}.admin-content-workspace-tabs button.active{border-color:#78661e;background:#211f12;color:#efd568}.admin-content-workspace{min-width:0}.admin-content-workspace.hidden{display:none!important}@media(max-width:700px){.admin-content-workspace-tabs{top:98px;margin-top:-41px}.admin-content-workspace-tabs button{font-size:8.5px}}

/* Laboratório visual de heróis e pets */
.admin-sprite-lab{display:grid;grid-template-columns:180px minmax(250px,.85fr) minmax(320px,1.15fr);gap:9px;margin-bottom:8px}.admin-sprite-catalog{display:grid;align-content:start;gap:4px;max-height:330px;overflow:auto;padding:5px;border:1px solid #303b46;background:#0b1117}.admin-sprite-catalog button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 6px;padding:7px;border:1px solid transparent;background:#111922;color:#c7d0d8;text-align:left;cursor:pointer}.admin-sprite-catalog button:hover,.admin-sprite-catalog button.active{border-color:#756322;background:#201e12}.admin-sprite-catalog button span{grid-row:1/3;align-self:center;font-size:20px}.admin-sprite-catalog button b{font-size:9.5px}.admin-sprite-catalog button small{color:#778592;font-size:7.5px}.admin-sprite-empty{padding:15px;color:#7d8a95;text-align:center;font-size:9px}.admin-sprite-stage-wrap{display:grid;grid-template-rows:minmax(245px,1fr) auto;border:1px solid #34414c;background:radial-gradient(circle at 50% 75%,#1a2730,#0a1016 65%)}.admin-sprite-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:245px;overflow:hidden}.admin-sprite-stage>small{position:absolute;left:8px;top:7px;color:#8996a1;font-size:8px}.admin-sprite-fallback{font-size:48px;transform-origin:center}.admin-sprite-render{background-repeat:no-repeat;image-rendering:pixelated;transform-origin:center}.admin-sprite-stage-tools{display:flex;gap:5px;padding:6px;border-top:1px solid #303b46;background:#0d141b}.admin-sprite-stage-tools select{min-width:0;flex:1}.admin-sprite-form{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}.admin-sprite-form .admin-sprite-scale-field,.admin-sprite-actions{grid-column:1/-1}.admin-sprite-scale-field input{width:100%;accent-color:#c7a93a}.admin-sprite-scale-field b{float:right;color:#e6ce70}.admin-sprite-actions{margin:2px 0 0}.admin-sprite-actions .btn{flex:1}@media(max-width:1050px){.admin-sprite-lab{grid-template-columns:150px 1fr}.admin-sprite-form{grid-column:1/-1}}@media(max-width:650px){.admin-sprite-lab{grid-template-columns:1fr}.admin-sprite-catalog{grid-template-columns:1fr 1fr;max-height:180px}.admin-sprite-form{grid-template-columns:1fr}.admin-sprite-form .admin-field,.admin-sprite-actions{grid-column:1}}
.admin-sprite-save-status{grid-column:1/-1;min-height:30px;padding:7px 9px;border:1px solid #303b46;background:#0b1117;color:#8e9aa5;font-size:9px;line-height:1.5}.admin-sprite-save-status.pending{border-color:#8b7427;background:#1b190e;color:#e2c65e}.admin-sprite-save-status.success{border-color:#26784e;background:#0d2118;color:#75dda5}.admin-sprite-save-status.error{border-color:#8a3540;background:#271116;color:#ff8794}.admin-sprite-actions .btn:disabled{cursor:wait;opacity:.65}
.admin-equipment-variants{display:grid;gap:5px;max-height:270px;overflow:auto;margin-top:7px}.admin-equipment-variant{display:grid;grid-template-columns:minmax(180px,1fr) 80px 80px 65px;gap:6px;align-items:center;padding:5px;border:1px solid #2c3741;background:#0b1218}.admin-equipment-variant label{display:flex;align-items:center;gap:7px;min-width:0}.admin-equipment-variant img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.admin-equipment-variant b{overflow:hidden;text-overflow:ellipsis}.admin-equipment-variant:has(input[type=checkbox]:checked){border-color:#887325;background:#1a180e}@media(max-width:700px){.admin-equipment-variant{grid-template-columns:1fr 58px 58px 52px}}
.admin-visual-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px}.admin-visual-result{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:7px;padding:6px;border:1px solid #303b45;background:#0c1319}.admin-visual-result img,.admin-item-sample header i img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.admin-visual-result div{display:grid;min-width:0}.admin-visual-result b,.admin-visual-result small{overflow:hidden;text-overflow:ellipsis}.admin-visual-result small{color:#8996a2}.admin-visual-result strong{color:var(--gold-light)}

/* Diagnóstico rápido do painel Admin */
.admin-quick-diagnostics{margin:0 0 13px;padding:10px;border:1px solid #35424e;background:linear-gradient(145deg,#0d151c,#0a1016);box-shadow:inset 0 1px rgba(255,255,255,.025)}.admin-diagnostics-loading{padding:12px;text-align:center;color:#9eabb6;font-size:10px}.admin-diagnostics-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.admin-diagnostics-head>div{display:grid;gap:2px}.admin-diagnostics-head b{color:#e7d27e;font-size:11px}.admin-diagnostics-head small{color:#7f8c98;font-size:8.5px}.admin-diagnostics-head button{width:27px;height:27px;border:1px solid #3b4651;background:#111922;color:#aeb9c2;cursor:pointer}.admin-diagnostics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.admin-diagnostics-cards>div{display:grid;gap:3px;padding:8px;border:1px solid #34404b;background:#0d141a}.admin-diagnostics-cards small{font-size:8px;color:#82909c}.admin-diagnostics-cards strong{font-size:12px}.admin-diagnostics-cards .ok strong{color:#5fd58b}.admin-diagnostics-cards .warning strong{color:#e6bd58}.admin-diagnostics-cards .error strong{color:#ef7777}.admin-diagnostics-facts{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.admin-diagnostics-facts span{padding:5px 7px;border:1px solid #2b3741;background:#101820;color:#a6b1bb;font-size:8.5px}.admin-diagnostics-warnings{display:grid;gap:4px;max-height:190px;overflow:auto}.admin-diagnostics-warnings>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:7px;padding:6px 8px;border-left:2px solid #d1a946;background:#151611;font-size:8.5px}.admin-diagnostics-warnings>div.error{border-color:#d85c5c;background:#191112}.admin-diagnostics-warnings b{color:#dabb60}.admin-diagnostics-warnings .error b{color:#ef7777}.admin-diagnostics-warnings span{color:#aab4bd}.admin-diagnostics-clear{display:block!important;border-left-color:#42b873!important;background:#101812!important;color:#71d696!important}.admin-quick-actions{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1000px){.admin-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-diagnostics-cards{grid-template-columns:1fr 1fr}}@media(max-width:520px){.admin-quick-actions,.admin-diagnostics-cards{grid-template-columns:1fr}}
#account-overlay .account-modal-compact{width:min(820px,calc(100vw - 24px))!important;max-width:820px!important}
.account-character-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.account-slot{position:relative;min-height:190px;border:1px solid #3b4651;background:linear-gradient(180deg,#121b24,#0a1016);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;color:#ccd4db;cursor:pointer;overflow:hidden}
.account-slot:hover{border-color:var(--gold);transform:translateY(-1px)}.account-slot.active{border-color:#4bc979;box-shadow:inset 0 0 0 1px #4bc97955}.account-slot.empty{justify-content:center;border-style:dashed;color:#8794a1}
.account-slot-name{font-size:13px;color:#f0d989;text-align:center}.account-slot-meta{font-size:9px;color:#8996a2;text-transform:capitalize}.account-slot-badge{position:absolute;top:7px;right:7px;font-size:8px;padding:2px 5px;background:#174a2b;color:#8de7aa}
.account-slot-sprite{width:96px;height:96px;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;animation:account-idle 1s steps(var(--sprite-steps)) infinite}
.account-slot-plus{font-size:38px;color:var(--gold-light)}.account-shared-time{text-align:center;color:#8f9aa5;font-size:10px;margin:10px 0 4px}.account-shared-time b{color:#d7c277}
@keyframes account-idle{to{background-position:100% 0}}
#login-panel-selector .account-character-slots{margin:14px 0 8px}.login-card:has(#login-panel-selector:not(.hidden)){width:min(960px,96vw);max-height:calc(100dvh - 36px);overflow:auto}.login-selector-logout{display:block;min-width:170px;margin:12px auto 0}
@media(max-width:650px){.account-character-slots{grid-template-columns:1fr}.account-slot{min-height:120px}.account-slot-sprite{width:72px;height:72px}#login-panel-selector .account-character-slots{margin:12px 0}}
#admin-asset-preview{display:block!important;overflow:auto!important;max-height:520px}.admin-asset-grid-layout{min-width:max-content;display:grid;grid-template-columns:auto 190px;gap:16px;align-items:start;padding:10px}.admin-asset-sheet{position:relative;flex:none;cursor:crosshair;image-rendering:pixelated;box-shadow:0 0 0 1px #536170}.admin-asset-sheet>img{display:block;image-rendering:pixelated}.admin-asset-grid-overlay{position:absolute;inset:0;pointer-events:none}.admin-asset-grid-overlay[data-active="1"]{background-image:linear-gradient(to right,rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.32) 1px,transparent 1px)}.admin-asset-grid-overlay:after{content:'';position:absolute;left:var(--select-x,0);top:var(--select-y,0);width:var(--select-w,0);height:var(--select-h,0);box-sizing:border-box;border:2px solid #ffbf24;background:rgba(255,191,36,.12);box-shadow:0 0 8px #000}.admin-asset-frame-side{position:sticky;right:0;top:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;border:1px solid #394551;background:#0b1219}.admin-asset-frame-side>b{color:var(--gold-light);font-size:10px}.admin-asset-frame-side>small{max-width:170px;color:#8995a1;font-size:8px;text-align:center}.admin-asset-frame-play{background-repeat:no-repeat;image-rendering:pixelated;transform:scale(2);transform-origin:center;margin:28px}
@media(max-width:760px){.admin-asset-grid-layout{grid-template-columns:1fr}.admin-asset-frame-side{position:static}}
.admin-asset-binding-guide{display:grid!important;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.25fr) minmax(210px,1fr) minmax(190px,.8fr)!important;align-items:stretch!important}.admin-asset-binding-guide>.btn{height:auto;min-height:54px}.admin-asset-binding-guide select{width:100%}
@media(max-width:1000px){.admin-asset-binding-guide{grid-template-columns:1fr 1fr!important}}@media(max-width:620px){.admin-asset-binding-guide{grid-template-columns:1fr!important}}
.session-conflict-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:#020305}.session-conflict-overlay.hidden{display:none!important}.session-conflict-card{width:min(460px,calc(100vw - 36px));display:grid;gap:12px;padding:28px;box-sizing:border-box;border:1px solid #b54242;background:#11161c;box-shadow:0 20px 80px #000;text-align:center}.session-conflict-icon{font-size:38px;color:#ffbf45}.session-conflict-card h2{margin:0;color:#f0d38b;font-size:19px}.session-conflict-card p{margin:0;color:#c5ced6;font-size:12px;line-height:1.5}.session-conflict-card small{color:#8895a1}.session-conflict-card .btn{width:100%;margin-top:5px}
.admin-asset-operation-status{margin:8px 0;padding:9px 11px;border:1px solid #3c4854;background:#0d141b;color:#aab5bf;font-size:9px}.admin-asset-operation-status.success{border-color:#287b49;background:#0d2116;color:#92e1ad}.admin-asset-operation-status.error{border-color:#9f3b42;background:#251014;color:#ff9da3}.admin-asset-operation-status.pending{border-color:#9b7a20;background:#211b0c;color:#f0d177}
.admin-skill-visual-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-skill-visual-scale .admin-field{border-color:#665620!important}.admin-skill-visual-scale input{font-weight:800;color:#f0d37b}@media(max-width:700px){.admin-skill-visual-scale{grid-template-columns:1fr}}
.skill-assets-editor{display:block!important}.skill-assets-editor>.mp-sep{margin:10px 0 7px!important;text-align:left!important}.skill-assets-editor>div[style*="grid-template-columns"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.skill-assets-editor .builder-asset-field{min-width:0;grid-template-columns:112px minmax(0,1fr)!important}.skill-assets-editor .builder-asset-preview{min-height:112px}.skill-assets-editor .builder-asset-preview img{width:100px;height:92px}.skill-assets-editor .builder-asset-controls{min-width:0}.skill-assets-editor .builder-asset-controls select{width:100%;min-width:0}.skill-assets-editor .admin-skill-visual-scale{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:6px}.skill-assets-editor>.mp-muted{display:block;margin-top:8px;padding:8px;border-left:2px solid #8c7427;background:#15160f}
@media(max-width:760px){.skill-assets-editor>div[style*="grid-template-columns"],.skill-assets-editor .admin-skill-visual-scale{grid-template-columns:1fr!important}.skill-assets-editor .builder-asset-field{grid-template-columns:90px minmax(0,1fr)!important}}

/* Equipment layout 0.1.20088: 3 + 3 + 3 + Botas centralizada */
#inventory-panel .equip-slots{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;}
#inventory-panel .equip-slot[data-slot="boots"]{grid-column:2!important;}

/* ===== 0.1.220811 — Layout híbrido: geometria moderna sobre HUD legado ===== */
@media (min-width:901px){
  :root{
    --hybrid-left:clamp(218px,15.5vw,278px);
    --hybrid-right:clamp(292px,20.5vw,372px);
    --hybrid-top:clamp(38px,4.1vh,48px);
    --hybrid-hunt:clamp(98px,11.5vh,126px);
    --hybrid-footer:clamp(108px,14.5vh,146px);
    --hybrid-gap:6px;
  }

  /* Três colunas permanentes: status | batalha | inventário. */
  #game-wrapper{
    display:grid!important;
    grid-template-columns:var(--hybrid-left) minmax(0,1fr) var(--hybrid-right)!important;
    grid-template-rows:var(--hybrid-top) var(--hybrid-hunt) minmax(0,1fr) var(--hybrid-footer)!important;
    gap:0!important;
    overflow:hidden!important;
  }

  /* Barra superior continua sendo a barra original, ocupando toda a largura. */
  #boss-bar-container{
    grid-column:1 / 4!important;
    grid-row:1!important;
    min-height:0!important;
    z-index:90!important;
  }

  /* O antigo painel de status passa para a lateral esquerda. */
  #right-panel{
    grid-column:1!important;
    grid-row:2 / 5!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    border-left:0!important;
    border-right:2px solid var(--gold)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:var(--panel-bg)!important;
  }

  /* O HUD inferior deixa de ser uma faixa. Seus filhos entram no grid principal. */
  #bottom-hud{
    display:contents!important;
  }

  /* Cabeçalho da Hunt: seletor à esquerda e resumo/analisador à direita. */
  #zones-panel{
    grid-column:2!important;
    grid-row:2!important;
    width:36%!important;
    height:calc(100% - var(--hybrid-gap))!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:var(--hybrid-gap) 0 0 var(--hybrid-gap)!important;
    justify-self:start!important;
    align-self:start!important;
    overflow:hidden!important;
  }
  #left-panel{
    grid-column:2!important;
    grid-row:2!important;
    width:calc(64% - (var(--hybrid-gap) * 3))!important;
    height:calc(100% - var(--hybrid-gap))!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:var(--hybrid-gap) var(--hybrid-gap) 0 0!important;
    padding:0!important;
    justify-self:end!important;
    align-self:start!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  #left-panel #idle-panel{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:7px 9px!important;
    margin:0!important;
  }
  #left-panel #idle-panel>.panel-title{
    margin-bottom:3px!important;
  }
  #left-panel .hunt-summary-box{
    margin:0!important;
    line-height:1.45!important;
    columns:2;
    column-gap:18px;
  }
  #left-panel .idle-min{display:none!important}

  /* Battle ocupa todo o centro disponível entre cabeçalho e rodapé funcional. */
  #battle-area{
    grid-column:2!important;
    grid-row:3!important;
    width:calc(100% - (var(--hybrid-gap) * 2))!important;
    height:calc(100% - var(--hybrid-gap))!important;
    min-width:0!important;
    min-height:0!important;
    margin:var(--hybrid-gap) var(--hybrid-gap) 0!important;
    border:2px solid var(--panel-border)!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    overflow:hidden!important;
  }

  /* Chat e skills ficam presos ao rodapé do Game Battle, como no layout moderno. */
  #chat-panel{
    grid-column:2!important;
    grid-row:4!important;
    width:calc(44% - (var(--hybrid-gap) * 1.5))!important;
    height:calc(100% - (var(--hybrid-gap) * 2))!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:var(--hybrid-gap) 0 var(--hybrid-gap) var(--hybrid-gap)!important;
    justify-self:start!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }
  #skills-col{
    grid-column:2!important;
    grid-row:4!important;
    width:calc(56% - (var(--hybrid-gap) * 1.5))!important;
    height:calc(100% - (var(--hybrid-gap) * 2))!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:var(--hybrid-gap) var(--hybrid-gap) var(--hybrid-gap) 0!important;
    justify-self:end!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }
  #skills-panel{
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
  }
  #skills-list{
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
  }
  #btn-sell-all{
    flex:0 0 auto!important;
    padding-block:2px!important;
    margin-bottom:3px!important;
  }

  /* Equipamentos + mochila permanecem componentes antigos, agora na lateral direita. */
  #inventory-panel{
    grid-column:3!important;
    grid-row:2 / 5!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    min-height:0!important;
    padding:6px!important;
    border:0!important;
    border-left:2px solid var(--gold)!important;
    background:var(--panel-bg)!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    overflow:hidden!important;
  }
  #inventory-panel .inv-main{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  #inventory-panel .equip-col{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    flex:0 0 auto!important;
    overflow:hidden!important;
  }
  #inventory-panel .equip-slots{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,auto)!important;
    gap:4px!important;
    width:100%!important;
    overflow:hidden!important;
  }
  
  #inventory-panel .inv-right-col{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    flex:1 1 0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #inventory-panel .inv-filter-row{
    flex-wrap:wrap!important;
    gap:3px!important;
    min-height:0!important;
  }
  
  #inventory-panel .inv-tab{
    text-align:center!important;
    padding:3px 4px!important;
    font-size:10px!important;
  }
  #inventory-panel .inv-header-right{
    margin-left:0!important;
  }
  #inventory-panel .inv-body-row{
    flex:1 1 0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #inventory-panel .inv-grid-wrap{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  #inventory-panel .inv-grid{
    grid-template-columns:repeat(auto-fill,minmax(38px,1fr))!important;
    gap:3px!important;
  }

  /* O seletor de zonas e o resumo não devem competir por altura com o canvas. */
  #zones-panel .panel-title,
  #left-panel .panel-title{font-size:11px!important;margin-bottom:3px!important}
  #zones-panel select{margin-top:2px!important;padding:4px!important;font-size:10px!important}
  #zones-panel .zone-info{margin-top:4px!important;font-size:9px!important;line-height:1.3!important}
  #left-panel .stats-idle{font-size:9px!important}

  /* A arena é o elemento que cresce primeiro. */
  #battle-canvas{width:100%!important;height:100%!important}
}

/* Notebook / pouca altura: mantém o mesmo desenho, apenas compacta cabeçalho/rodapé. */
@media (min-width:901px) and (max-width:1399px){
  :root{--hybrid-left:clamp(190px,14.5vw,220px);--hybrid-right:clamp(250px,20vw,300px);--hybrid-hunt:94px;--hybrid-footer:108px}
  #inventory-panel .equip-slots{gap:2px!important}
  #inventory-panel .inv-grid{grid-template-columns:repeat(auto-fill,minmax(32px,1fr))!important}
  #left-panel .hunt-summary-box{column-gap:8px!important;font-size:8.5px!important}
}
@media (min-width:901px) and (max-height:799px){
  :root{--hybrid-top:34px;--hybrid-hunt:86px;--hybrid-footer:102px}
  #zones-panel,#left-panel #idle-panel,#inventory-panel{padding:4px!important}
  #chat-panel,#skills-col{margin-top:4px!important;margin-bottom:4px!important}
  #left-panel .hunt-summary-box{line-height:1.25!important}
  #inventory-panel .equip-slot .slot-icon{font-size:14px!important}
}

/* ===== 0.1.220812 — Inventário lateral + tooltip alinhado ===== */
@media (min-width:901px){
  #tooltip,#tooltip-compare{
    left:0!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
  }

  #inventory-panel .equip-col{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    overflow:visible!important;
    gap:4px!important;
  }
  #inventory-panel .inventory-section-title{
    display:block!important;
    color:var(--gold)!important;
    font-size:10px!important;
    line-height:15px!important;
    font-weight:700!important;
    padding:0 1px!important;
  }
  #inventory-panel .equip-owner-tabs{
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
  }
  #inventory-panel .equip-slots{
    display:grid!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    gap:4px!important;
    overflow:visible!important;
  }
  #inventory-panel .equip-slot,
  #inventory-panel .equip-slot[data-slot="boots"]{
    grid-column:auto!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
  }

  #inventory-panel .inv-filter-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) 24px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:3px 5px!important;
    width:100%!important;
  }
  #inventory-panel .inv-tabs{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:3px!important;
  }
  
  #inventory-panel .inv-header-right{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    margin:0!important;
  }
  #inventory-panel #btn-organize-inv{
    grid-column:3!important;
    grid-row:2!important;
    justify-self:end!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:22px!important;
    min-height:22px!important;
    padding:0!important;
  }

  #inventory-panel .inv-body-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    width:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #inventory-panel .bag-col{
    order:0!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  #inventory-panel .bag-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:3px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #inventory-panel .bag-tab,
  #inventory-panel .bag-tab[data-bag="mochila"],
  #inventory-panel .bag-tab[data-bag="drops"]{
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:3px 4px!important;
    font-size:10px!important;
    line-height:16px!important;
    flex:none!important;
  }
  #inventory-panel .inv-grid-wrap{
    flex:1 1 0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* ===== 0.1.220813 — atributos 2x2 + Auto-Pot ancorado + paper-doll de equipamentos ===== */
@media (min-width:901px){
  /* Atributos do personagem principal: STR/AGI na primeira linha, VIT/INT na segunda. */
  #char-status > .status-max > .attr-grid-two{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 34px!important;
    width:100%!important;
    margin:3px 0 3px!important;
  }
  #char-status > .status-max > .attr-grid-two > .attr-row{
    display:grid!important;
    grid-template-columns:auto minmax(22px,1fr) auto!important;
    align-items:center!important;
    gap:3px!important;
    min-width:0!important;
    margin:0!important;
    font-size:11px!important;
  }
  #char-status > .status-max > .attr-grid-two .attr-val{
    min-width:0!important;
    text-align:center!important;
  }
  #char-status > .status-max > .attr-grid-two .attr-btns{
    gap:1px!important;
  }
  #char-status > .status-max > .attr-grid-two .attr-btns .btn{
    width:21px!important;
    min-width:21px!important;
    height:21px!important;
    min-height:21px!important;
    padding:0!important;
    line-height:19px!important;
  }

  /* O mesmo flyout é compartilhado entre personagem e Companion; JS ancora no botão que o abriu. */
  body > #autopot-flyout.autopot-flyout{
    position:fixed!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1150!important;
    max-width:calc(100vw - 16px)!important;
  }

  /* Geometria aprovada do layout anterior: 10 slots em paper-doll 3x4. */
  #inventory-panel .equip-slots{
    --equip-paper-slot:48px;
    display:grid!important;
    grid-template-columns:repeat(3,var(--equip-paper-slot))!important;
    grid-template-rows:repeat(4,var(--equip-paper-slot))!important;
    grid-template-areas:
      "necklace helmet relic"
      "weapon armor offhand"
      "ring pants gloves"
      ". boots ."!important;
    grid-auto-flow:row!important;
    grid-auto-rows:unset!important;
    justify-content:center!important;
    align-content:start!important;
    gap:4px!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    margin:2px auto 4px!important;
  }
  #inventory-panel .equip-slot{
    width:var(--equip-paper-slot)!important;
    height:var(--equip-paper-slot)!important;
    min-width:var(--equip-paper-slot)!important;
    min-height:var(--equip-paper-slot)!important;
    max-width:var(--equip-paper-slot)!important;
    max-height:var(--equip-paper-slot)!important;
    aspect-ratio:auto!important;
  }
  #inventory-panel .equip-slot[data-slot="necklace"]{grid-area:necklace!important}
  #inventory-panel .equip-slot[data-slot="helmet"]{grid-area:helmet!important}
  #inventory-panel .equip-slot[data-slot="relic"]{grid-area:relic!important}
  #inventory-panel .equip-slot[data-slot="weapon"]{grid-area:weapon!important}
  #inventory-panel .equip-slot[data-slot="armor"]{grid-area:armor!important}
  #inventory-panel .equip-slot[data-slot="offhand"]{grid-area:offhand!important}
  #inventory-panel .equip-slot[data-slot="ring"]{grid-area:ring!important}
  #inventory-panel .equip-slot[data-slot="pants"]{grid-area:pants!important}
  #inventory-panel .equip-slot[data-slot="gloves"]{grid-area:gloves!important}
  #inventory-panel .equip-slot[data-slot="boots"]{grid-area:boots!important;justify-self:center!important}
}

@media (min-width:901px) and (max-width:1200px){
  #inventory-panel .equip-slots{--equip-paper-slot:44px}
}

/* ===== 0.1.220815 — compactação Hunt/Zonas + controles do inventário ===== */
@media (min-width:901px){
  :root{
    --hybrid-hunt:66px;
  }

  /* Hunt e Zonas alinhados em 60px de altura. */
  #zones-panel,
  #left-panel{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    align-self:start!important;
  }
  #zones-panel{
    padding:3px 7px!important;
  }
  #left-panel #idle-panel{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:3px 7px!important;
  }
  #zones-panel .panel-title,
  #left-panel #idle-panel>.panel-title{
    font-size:10px!important;
    line-height:11px!important;
    margin-bottom:1px!important;
  }
  #zones-panel select{
    height:19px!important;
    min-height:19px!important;
    padding:1px 3px!important;
    margin-top:0!important;
    font-size:9px!important;
    line-height:15px!important;
  }
  #zones-panel .zone-info{
    margin-top:1px!important;
    max-height:18px!important;
    overflow:hidden!important;
    font-size:8px!important;
    line-height:9px!important;
  }
  #left-panel .hunt-summary-box{
    margin:0!important;
    font-size:8px!important;
    line-height:1.12!important;
    column-gap:14px!important;
  }

  /* Equipados: botões 1/2 em 60x15. */
  #inventory-panel .equip-owner-tabs{
    display:flex!important;
    width:auto!important;
    align-self:center!important;
    justify-content:center!important;
    gap:4px!important;
  }
  #inventory-panel .equip-owner-tabs .equip-owner{
    flex:0 0 60px!important;
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    padding:0 3px!important;
    line-height:13px!important;
    font-size:9px!important;
  }

  /* Filtros 90x20 em 2x2, acima de Mochila/Drops. */
  #inventory-panel .inv-filter-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:3px 6px!important;
  }
  #inventory-panel .inv-tabs{
    grid-column:1 / -1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,90px)!important;
    grid-auto-rows:20px!important;
    justify-content:center!important;
    gap:3px!important;
    width:auto!important;
    margin:0 auto!important;
  }
  #inventory-panel .inv-tab{
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    padding:0 4px!important;
    line-height:18px!important;
    font-size:9px!important;
  }
  #inventory-panel .inv-filter-row>#slot-count{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
  }
  #inventory-panel .inv-header-right{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    margin:0!important;
  }

  /* Mochila, Drops e Organizar na mesma linha. */
  #inventory-panel .bag-tabs{
    display:grid!important;
    grid-template-columns:90px 90px 24px!important;
    grid-template-rows:20px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:3px!important;
    width:100%!important;
    height:20px!important;
  }
  #inventory-panel .bag-tab,
  #inventory-panel .bag-tab[data-bag="mochila"],
  #inventory-panel .bag-tab[data-bag="drops"]{
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    padding:0 4px!important;
    line-height:18px!important;
    font-size:9px!important;
  }
  #inventory-panel .bag-tabs #btn-organize-inv{
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    padding:0!important;
    margin:0!important;
    font-size:13px!important;
    line-height:18px!important;
    justify-self:start!important;
  }
}


/* ===== 0.1.220816 — skills por dono + chat integrado + cabeçalho 80px + inventário ===== */
.desktop-owner-skills{display:none}
#btn-storage[data-ui-tooltip]{position:relative}
#btn-storage[data-ui-tooltip]::after{content:attr(data-ui-tooltip);position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%) translateY(-2px);width:max-content;max-width:270px;padding:6px 8px;border:1px solid #66572b;background:#0b1016;color:#e8edf2;font-size:10px;line-height:1.25;white-space:normal;text-align:left;box-shadow:0 6px 18px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;z-index:2000;transition:opacity .12s ease,transform .12s ease}
#btn-storage[data-ui-tooltip]:hover::after,#btn-storage[data-ui-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media (min-width:901px){
  :root{--hybrid-hunt:86px!important}
  #game-wrapper{grid-template-rows:var(--hybrid-top) var(--hybrid-hunt) minmax(0,1fr)!important}
  #right-panel{grid-row:2 / 4!important}
  #inventory-panel{grid-row:2 / 4!important}
  #skills-col{display:none!important}
  #zones-panel,#left-panel{height:80px!important;min-height:80px!important;max-height:80px!important;align-self:start!important}
  #zones-panel{padding:5px 8px!important}
  #left-panel #idle-panel{height:80px!important;min-height:80px!important;max-height:80px!important;padding:5px 8px!important}
  #zones-panel .panel-title,#left-panel #idle-panel>.panel-title{font-size:14px!important;line-height:15px!important;margin-bottom:2px!important}
  #zones-panel select{height:22px!important;min-height:22px!important;padding:1px 4px!important;margin-top:0!important;font-size:10px!important;line-height:18px!important}
  #zones-panel .zone-info{margin-top:2px!important;max-height:24px!important;overflow:hidden!important;font-size:10px!important;line-height:11px!important}
  #left-panel .hunt-summary-box{margin:0!important;font-size:10px!important;line-height:1.18!important;column-gap:14px!important}
  .desktop-owner-skills{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:3px!important;flex-wrap:nowrap!important;min-height:30px!important;height:30px!important;width:100%!important;padding:2px 4px!important;margin:1px 0 2px!important;overflow:hidden!important;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
  
  .inline-skill-slot{position:relative!important;flex:0 0 26px!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;padding:0!important;margin:0!important;border:1px solid #38424c!important;background:#0e151c!important;display:grid!important;place-items:center!important;overflow:hidden!important;cursor:help!important}
  .inline-skill-slot .skill-icon{position:relative!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;display:grid!important;place-items:center!important;font-size:17px!important;line-height:24px!important;overflow:hidden!important}
  .inline-skill-slot .skill-icon>img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;image-rendering:pixelated!important}
  .inline-skill-slot .skill-cd-overlay{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.66)!important;color:#fff!important;font-size:8px!important;font-weight:800!important;line-height:1!important}
  .inline-skill-slot .skill-cd-overlay.ready{background:transparent!important;color:transparent!important;pointer-events:none!important}
  #chat-panel{grid-column:2!important;grid-row:3!important;z-index:75!important;width:min(43%,440px)!important;height:148px!important;min-height:120px!important;max-height:42%!important;margin:0 0 10px 10px!important;justify-self:start!important;align-self:end!important;background:rgba(22,27,34,.70)!important;border:1px solid rgba(212,160,23,.48)!important;box-shadow:0 8px 20px rgba(0,0,0,.28)!important;overflow:hidden!important}
  #chat-panel .chat-log{background:rgba(5,9,13,.18)!important}
  #chat-panel .chat-input-row input{background:rgba(8,13,18,.72)!important}
  #inventory-panel .bag-tabs{grid-template-columns:90px 90px 24px 65px!important;grid-template-rows:20px!important;justify-content:center!important;align-items:stretch!important;gap:3px!important;width:100%!important;height:20px!important}
  #inventory-panel .bag-tabs #btn-organize-inv{display:flex!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;width:24px!important;height:20px!important;min-width:24px!important;min-height:20px!important;max-width:24px!important;max-height:20px!important;padding:0!important;margin:0!important;line-height:18px!important;justify-self:start!important}
  #inventory-panel .bag-tabs #btn-sell-all{grid-column:4!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;width:38px!important;height:20px!important;min-width:38px!important;min-height:20px!important;max-width:38px!important;max-height:20px!important;padding:0 2px!important;margin:0 0 0 27px!important;font-size:8px!important;line-height:18px!important;justify-self:start!important}
}
@media (max-width:900px){#inventory-panel #btn-sell-all{grid-column:1 / -1!important;width:100%!important;max-width:none!important;height:32px!important;margin:4px 0 0!important}}


/* ===== 0.1.220818 — chat compacto, filtros em fila, Auto-Pot e barras de skill ===== */
@media (min-width:901px){
  /* Quatro filtros 90x20 precisam de 366px úteis (4x90 + 3 gaps). */
  :root{--hybrid-right:clamp(378px,21.5vw,400px)!important}

  /* Redução real de ~70% sobre os 148px da build anterior. A especificidade
     inclui #bottom-hud para vencer a regra legada height:100%!important. */
  #bottom-hud>#chat-panel{
    position:relative!important;
    width:min(43%,440px)!important;
    height:45px!important;
    min-height:45px!important;
    max-height:45px!important;
    padding:2px 4px!important;
    overflow:hidden!important;
    align-self:end!important;
  }
  #chat-panel .chat-panel-title{height:14px!important;min-height:14px!important;max-height:14px!important;margin:0!important;line-height:12px!important}
  #chat-panel .chat-panel-title>span:first-child{display:none!important}
  #chat-panel .chat-panel-title>.chat-tabs{height:14px!important;margin:0!important;gap:2px!important;overflow:hidden!important}
  #chat-panel .chat-panel-title .chat-tab{height:14px!important;min-height:14px!important;padding:0 4px!important;font-size:8px!important;line-height:12px!important}
  #chat-panel .chat-log{position:absolute!important;left:4px!important;right:4px!important;top:16px!important;height:10px!important;min-height:10px!important;max-height:10px!important;padding:0 2px!important;overflow:hidden!important;white-space:nowrap!important;font-size:8px!important;line-height:10px!important}
  #chat-panel .chat-input-row{position:absolute!important;left:4px!important;right:4px!important;bottom:2px!important;height:16px!important;min-height:16px!important;margin:0!important;gap:3px!important}
  #chat-panel .chat-input-row input{height:16px!important;min-height:16px!important;padding:0 4px!important;font-size:8px!important;line-height:14px!important}
  #chat-panel .chat-input-row .btn{height:16px!important;min-height:16px!important;min-width:42px!important;padding:0 4px!important;font-size:8px!important;line-height:14px!important}

  /* Filtros em uma única fila, mantendo exatamente 90x20. */
  #inventory-panel .inv-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,90px)!important;
    grid-template-rows:20px!important;
    grid-auto-flow:column!important;
    gap:2px!important;
    width:max-content!important;
    max-width:none!important;
    margin:0 auto!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  #inventory-panel .inv-tab{width:90px!important;min-width:90px!important;max-width:90px!important;height:20px!important;min-height:20px!important;max-height:20px!important;aspect-ratio:auto!important;padding:0 3px!important;line-height:18px!important}

  /* A faixa existe mesmo quando o primeiro snapshot online chegou depois do DOM. */
  
  
  

  /* Posição final é escrita pelo JS com !important a partir do botão clicado. */
  body>#autopot-flyout.autopot-flyout{position:fixed!important;right:auto!important;bottom:auto!important}
}


/* ===== 0.1.220818 — skills fixas, stats de combate, tooltips e alinhamentos ===== */

@media (min-width:901px){
  .desktop-owner-skills{display:flex!important;visibility:visible!important;opacity:1!important;height:30px!important;min-height:30px!important;max-height:30px!important;gap:3px!important;padding:2px 4px!important;overflow:hidden!important}
  .desktop-owner-skills.hidden{display:none!important}
  .inline-skill-slot{display:grid!important;visibility:visible!important;opacity:1!important;flex:0 0 26px!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important}
  .inline-skill-slot.empty{border-color:#2b333c!important;background:#0a0f14!important;cursor:default!important}
  .inline-skill-empty-mark{width:14px;height:14px;border:1px solid #202830;display:block}

  #chat-panel,#bottom-hud>#chat-panel{height:90px!important;min-height:90px!important;max-height:90px!important;width:min(43%,440px)!important}
  #chat-panel .chat-panel-title{height:18px!important;min-height:18px!important;max-height:18px!important;line-height:16px!important}
  #chat-panel .chat-panel-title>.chat-tabs{height:18px!important}
  #chat-panel .chat-panel-title .chat-tab{height:18px!important;min-height:18px!important;line-height:16px!important;font-size:9px!important}
  #chat-panel .chat-log{position:absolute!important;left:4px!important;right:4px!important;top:20px!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:2px 3px!important;overflow-y:auto!important;overflow-x:hidden!important;white-space:normal!important;font-size:9px!important;line-height:12px!important}
  #chat-panel .chat-input-row{left:4px!important;right:4px!important;bottom:3px!important;height:20px!important;min-height:20px!important}
  #chat-panel .chat-input-row input,#chat-panel .chat-input-row .btn{height:20px!important;min-height:20px!important;font-size:9px!important;line-height:18px!important}

  #inventory-panel .bag-tabs{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;height:20px!important;min-height:20px!important;overflow:visible!important}
  #inventory-panel .bag-tabs #btn-organize-inv{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;position:static!important;transform:none!important;margin:0!important;width:24px!important;height:20px!important;min-width:24px!important;min-height:20px!important;max-width:24px!important;max-height:20px!important;line-height:18px!important}
  #inventory-panel .bag-tabs #btn-sell-all{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;position:static!important;transform:none!important;margin:0 0 0 27px!important;width:38px!important;height:20px!important;min-width:38px!important;min-height:20px!important;max-width:38px!important;max-height:20px!important;line-height:18px!important}

  .equipment-summary-row{display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;width:100%!important;min-width:0!important}
  
  .combat-stats-box{flex:1 1 180px;min-width:170px;max-width:210px;height:100%;padding:4px 6px;border:1px solid #30363d;background:#0d1117;color:#c9d1d9;font-size:9px;line-height:1.2;overflow:hidden}
  .combat-power-card{display:inline-block;margin:0 0 4px 0;padding:3px 6px;border:1px solid var(--gold);background:#211a08;color:var(--gold-light);font-size:10px;font-weight:700;white-space:nowrap}
  .combat-stats-owner{color:#8b949e;font-size:8px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .combat-stats-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center}
  .combat-stats-grid span{color:#9aa7b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .combat-stats-grid b{color:#e6edf3;text-align:right;font-weight:700}

  .autopot-flyout.autopot-docked{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;margin:4px 0!important;z-index:120!important;box-shadow:0 6px 18px rgba(0,0,0,.45)!important}
}


/* ===== 0.1.220819 — follow-up UI ===== */
#tooltip,#tooltip-compare{position:fixed!important;z-index:50000!important;pointer-events:none!important}
@media (min-width:901px){
  #chat-panel,#bottom-hud>#chat-panel{height:350px!important;min-height:350px!important;max-height:350px!important;width:min(43%,440px)!important;padding:4px!important}
  #chat-panel .chat-panel-title{height:22px!important;min-height:22px!important;max-height:22px!important;line-height:20px!important}
  #chat-panel .chat-panel-title>.chat-tabs{height:22px!important}
  #chat-panel .chat-panel-title .chat-tab{height:22px!important;min-height:22px!important;line-height:20px!important;font-size:9px!important}
  #chat-panel .chat-log{position:absolute!important;left:4px!important;right:4px!important;top:26px!important;bottom:30px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:4px!important;overflow-y:auto!important;overflow-x:hidden!important;white-space:normal!important;font-size:10px!important;line-height:13px!important}
  #chat-panel .chat-input-row{left:4px!important;right:4px!important;bottom:4px!important;height:24px!important;min-height:24px!important}
  #chat-panel .chat-input-row input,#chat-panel .chat-input-row .btn{height:24px!important;min-height:24px!important;font-size:9px!important;line-height:22px!important}
  
  .equipment-summary-row{justify-content:flex-start!important;gap:0!important;overflow:visible!important}
  .equipment-summary-row>.equip-col{flex:0 0 156px!important;width:156px!important;min-width:156px!important;max-width:156px!important}
  .combat-stats-box{flex:1 1 190px!important;min-width:180px!important;max-width:none!important;margin-left:40px!important;height:auto!important;min-height:145px!important;overflow:visible!important}
  .combat-power-card{font-size:11px!important;padding:4px 7px!important}
  .combat-stats-grid{font-size:9px!important;line-height:1.25!important}
  #inventory-panel .equip-slot{display:grid!important;place-items:center!important}
  #inventory-panel .equip-slot>.slot-icon{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-size:clamp(18px,1.5vw,24px)!important;overflow:hidden!important}
  #inventory-panel .equip-slot>span:not(.slot-icon){display:none!important}
  #inventory-panel .bag-tabs{height:24px!important;min-height:24px!important;align-items:center!important}
  #inventory-panel .bag-tabs #btn-sell-all{width:72px!important;min-width:72px!important;max-width:72px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0 8px!important;margin-left:27px!important;font-size:10px!important;line-height:22px!important;color:#fff!important;font-weight:700!important}
  .inline-skill-slot .skill-icon-source{position:relative!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .inline-skill-slot .skill-icon-fallback{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-size:17px!important;line-height:24px!important;color:#fff!important}
  .inline-skill-slot .skill-icon-source>img{position:absolute!important;inset:0!important;width:24px!important;height:24px!important;object-fit:contain!important;image-rendering:pixelated!important;z-index:2!important}
}


/* ===== 0.1.220820 — dimensões finais + skills/tooltips ===== */
@media (min-width:901px){
  /* 30% menor que os 43% / 440px da build anterior. */
  #chat-panel,#bottom-hud>#chat-panel{width:min(30.1%,308px)!important;}

  /* Equipados 320x204 e Estatísticas alinhadas ao lado com 40px reais. */
  :root{--hybrid-right:clamp(600px,32vw,640px)!important;}
  .equipment-summary-row{display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:40px!important;width:100%!important;overflow:visible!important;}
  .equipment-summary-row>.equip-col{box-sizing:border-box!important;flex:0 0 320px!important;width:320px!important;min-width:320px!important;max-width:320px!important;height:204px!important;min-height:204px!important;max-height:204px!important;overflow:hidden!important;}
  .equipment-summary-row>.equip-col .equip-slots{--equip-paper-slot:40px!important;grid-template-columns:repeat(3,var(--equip-paper-slot))!important;grid-template-rows:repeat(4,var(--equip-paper-slot))!important;gap:3px!important;margin:1px auto 0!important;}
  .combat-stats-box{box-sizing:border-box!important;flex:0 0 220px!important;width:220px!important;min-width:220px!important;max-width:220px!important;height:204px!important;min-height:204px!important;max-height:204px!important;margin-left:0!important;padding:7px 9px!important;overflow:hidden!important;}
  .combat-stats-grid{font-size:10px!important;line-height:1.35!important;gap:3px 10px!important;}
  .combat-power-card{font-size:12px!important;}

  /* O botão de venda precisa ser visualmente vermelho, não apenas ter borda de perigo. */
  #inventory-panel .bag-tabs #btn-sell-all{background:#9d1f1f!important;border-color:#e14b4b!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;}
  #inventory-panel .bag-tabs #btn-sell-all:hover{background:#b92828!important;border-color:#ff6666!important;color:#fff!important;}

  /* Fallback da skill sempre visível; asset, quando válido, fica sobre ele. */
  .inline-skill-slot .skill-icon{position:relative!important;display:grid!important;place-items:center!important;width:24px!important;height:24px!important;color:#fff!important;}
  .inline-skill-slot .skill-icon-fallback{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;z-index:1!important;opacity:1!important;visibility:visible!important;}
  .inline-skill-slot .inline-skill-img{position:absolute!important;inset:0!important;width:24px!important;height:24px!important;object-fit:contain!important;image-rendering:pixelated!important;z-index:2!important;}
}


/* ===== 0.1.220821 — corrigir composição Equipados + Estatísticas sem somar larguras ===== */
@media (min-width:901px){
  /* Restaura a largura da lateral usada antes da expansão artificial da 0.1.220820. */
  :root{--hybrid-right:clamp(430px,24vw,470px)!important;}

  /* Equipados permanece exatamente 320x204. A box de estatísticas apenas ocupa o espaço restante. */
  #inventory-panel .equipment-summary-row{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:20px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #inventory-panel .equipment-summary-row>.equip-col{
    box-sizing:border-box!important;
    flex:0 0 320px!important;
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }
  #inventory-panel .equipment-summary-row>.combat-stats-box{
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:145px!important;
    max-height:none!important;
    margin:0!important;
  }
}


/* ===== 0.1.220822 — equipment-summary-row 380x218 ===== */
@media (min-width:901px){
  #inventory-panel div.equipment-summary-row{
    width:380px!important;
    min-width:380px!important;
    max-width:380px!important;
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
  }
}


/* ===== 0.1.220823 — Companion espelhado + cabeçalho/slots Equipados ===== */
@media (min-width:901px){
  /* Companion usa a mesma geometria 2x2 do principal. */
  #companion-status > .status-max > .attr-grid-two{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 34px!important;
    width:100%!important;
    margin:3px 0 3px!important;
  }
  #companion-status > .status-max > .attr-grid-two > .attr-row{
    display:grid!important;
    grid-template-columns:auto minmax(22px,1fr) auto!important;
    align-items:center!important;
    gap:3px!important;
    min-width:0!important;
    margin:0!important;
    font-size:11px!important;
  }
  #companion-status > .status-max > .attr-grid-two .attr-val{
    min-width:0!important;
    text-align:center!important;
  }
  #companion-status > .status-max > .attr-grid-two .attr-btns{gap:1px!important;}
  #companion-status > .status-max > .attr-grid-two .attr-btns .btn{
    width:21px!important;
    min-width:21px!important;
    height:21px!important;
    min-height:21px!important;
    padding:0!important;
    line-height:19px!important;
  }
  #companion-status #comp-name{font-size:15.4px!important;}
  #companion-status #comp-class-level{font-size:12.6px!important;}

  /* 1|2 ficam no cabeçalho de Equipados. */
  #inventory-panel .equipment-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:20px!important;
  }
  #inventory-panel .equipment-section-head .inventory-section-title{margin:0!important;}
  #inventory-panel .equipment-section-head .equip-owner-tabs{
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    margin:0!important;
    min-height:0!important;
  }

  /* Dimensões solicitadas dos slots e ícones. */
  #inventory-panel .equipment-summary-row .equip-slots{
    --equip-paper-slot:48px!important;
    grid-template-columns:repeat(3,48px)!important;
    grid-template-rows:repeat(4,48px)!important;
  }
  #inventory-panel .equipment-summary-row .equip-slot,
  #inventory-panel .equipment-summary-row .equip-slot[data-slot="boots"]{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  #inventory-panel .equipment-summary-row .equip-slot>.slot-icon{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    font-size:32px!important;
    line-height:42px!important;
  }
  #inventory-panel .equipment-summary-row .equip-slot>.slot-icon>img,
  #inventory-panel .equipment-summary-row .equip-slot>.slot-icon .item-icon-wrap,
  #inventory-panel .equipment-summary-row .equip-slot>.slot-icon .item-icon-wrap>img{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }

  /* PODER/Estatísticas fica encostado nos Equipados; sem largura nova definida. */
  #inventory-panel div.equipment-summary-row{
    gap:0!important;
    width:380px!important;
    min-width:380px!important;
    max-width:380px!important;
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
    overflow:visible!important;
  }
  #inventory-panel div.equipment-summary-row>.equip-col{overflow:visible!important;}
  #inventory-panel div.equipment-summary-row>.combat-stats-box{margin-left:0!important;}
}


/* ===== 0.1.220824 — equip-slots 270x204, tabs centralizadas, stats 180x218 ===== */
@media (min-width:901px){
  #inventory-panel div.equip-slots{
    width:270px!important;
    min-width:270px!important;
    max-width:270px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }
  #inventory-panel .equipment-section-head{
    position:relative!important;
  }
  #inventory-panel .equipment-section-head .equip-owner-tabs{
    position:absolute!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  #inventory-panel #combat-stats-box{
    box-sizing:border-box!important;
    flex:0 0 180px!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
  }
}


/* ===== 0.1.220825 — dimensões Equipados/Estatísticas ===== */
@media (min-width:901px){
  #inventory-panel div.equip-slots{
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
    margin:2px 4px 4px!important;
  }
  #inventory-panel div.equipment-summary-row>.equip-col{
    box-sizing:border-box!important;
    flex:0 0 280px!important;
    width:280px!important;
    min-width:280px!important;
    max-width:280px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }
  #inventory-panel #combat-stats-box{
    margin-top:22px!important;
  }
  #inventory-panel div.equipment-summary-row{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
}

/* ===== 0.1.220826 — equip-col 240x204 ===== */
@media (min-width:901px){
  #inventory-panel div.equipment-summary-row>.equip-col{
    box-sizing:border-box!important;
    flex:0 0 240px!important;
    width:240px!important;
    min-width:240px!important;
    max-width:240px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }
}

/* ===== 0.1.220827 — equip-slots 180x204, equip-col 190x204 ===== */
@media (min-width:901px){
  #inventory-panel div.equip-slots{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }
  #inventory-panel div.equipment-summary-row>.equip-col{
    box-sizing:border-box!important;
    flex:0 0 190px!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }
}


/* ===== 0.1.220828 — HUD lateral direita 40px menor ===== */
@media (min-width:901px){
  :root{--hybrid-right:calc(clamp(430px,24vw,470px) - 40px)!important;}
}


/* ===== 0.1.220829 — HUD lateral direita mais 30px menor ===== */
@media (min-width:901px){
  :root{--hybrid-right:calc(clamp(430px,24vw,470px) - 70px)!important;}
}

/* ===== 0.1.220830 — HUD direita -30px, cabeçalho de equipamentos sem texto, summary 320/245 ===== */
@media (min-width:901px){
  :root{--hybrid-right:calc(clamp(430px,24vw,470px) - 100px)!important;}
  #inventory-panel div.equipment-summary-row{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
    height:280px!important;
    min-height:245px!important;
    max-height:245px!important;
  }
}

/* ===== 0.1.220831 — combat-stats-box 150x218 ===== */
@media (min-width:901px){
  #inventory-panel #combat-stats-box{
    box-sizing:border-box!important;
    flex:0 0 150px!important;
    width:150px!important;
    min-width:150px!important;
    max-width:160px!important;
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
  }
}


/* ===== 0.1.23089 — skills dentro das informações do personagem ===== */
@media (min-width:901px){
  #char-status > .status-min > #skills-main-inline,
  #companion-status > .status-min > #skills-companion-inline{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:2!important;
    align-self:stretch!important;
    flex:0 0 30px!important;
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;
    margin:2px 0 0!important;
    padding:2px 4px!important;
    overflow:visible!important;
  }
  #char-status > .status-min > #skills-main-inline.hidden,
  #companion-status > .status-min > #skills-companion-inline.hidden{display:none!important;}
  #char-status > .status-min > #skills-main-inline > .inline-skill-slot,
  #companion-status > .status-min > #skills-companion-inline > .inline-skill-slot{
    flex:0 0 26px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    max-width:26px!important;
    max-height:26px!important;
  }
}


/* ===== 0.1.230810 — box de status totais autoritativos ===== */
@media (min-width:901px){
  #inventory-panel #combat-stats-box{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    box-sizing:border-box!important;
    flex:0 0 150px!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
    margin-left:0!important;
    overflow:hidden!important;
  }
  #inventory-panel #combat-stats-box .combat-stats-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:3px 8px!important;
  }
}


/* 0.1.230817 — Rework do Combate Etapa 1: hierarquia e impacto */
.float-text{letter-spacing:.15px!important;will-change:transform,opacity!important}
.float-text.dmg-skill{font-size:17px!important;font-weight:950!important;text-shadow:0 1px 2px #000,0 0 7px currentColor!important}
.float-text.dmg-crit{font-size:21px!important;font-weight:1000!important;letter-spacing:.45px!important;animation:combatCritFloat 1.05s cubic-bezier(.15,.8,.25,1) forwards!important}
.float-text.dmg-received{font-size:16px!important;font-weight:950!important;animation:combatReceivedFloat .92s ease-out forwards!important}
@keyframes combatCritFloat{0%{opacity:0;transform:translate(-50%,7px) scale(.72)}12%{opacity:1;transform:translate(-50%,-2px) scale(1.28)}38%{transform:translate(-50%,-19px) scale(1.04)}100%{opacity:0;transform:translate(-50%,-54px) scale(.94)}}
@keyframes combatReceivedFloat{0%{opacity:0;transform:translate(-50%,3px) scale(.82)}18%{opacity:1;transform:translate(-50%,-4px) scale(1.08)}100%{opacity:0;transform:translate(-50%,-42px) scale(.92)}}


/* 0.1.24083 — Companion com 5 classes + exclusão segura na seleção de personagens */
#companion-modal .companion-recruit-modal{
  max-height:min(700px,92vh);
  overflow-y:auto;
}
#comp-class-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}
#comp-class-options .class-card{
  width:auto;
  min-width:0;
  padding:10px 8px;
}
#comp-class-options .class-card .icon{font-size:32px;margin-bottom:5px}
#comp-class-options .class-card .name{font-size:12px;margin-bottom:4px}
#comp-class-options .class-card .desc{font-size:9.5px;min-height:27px}

.account-slot-card{
  position:relative;
  min-width:0;
  min-height:190px;
}
.account-slot-card>.account-slot{
  width:100%;
  height:100%;
}
.account-slot-delete{
  position:absolute;
  z-index:4;
  top:7px;
  left:7px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #8f3d46;
  background:#32161b;
  color:#ff9ca7;
  cursor:pointer;
  font-size:14px;
  line-height:1;
  border-radius:4px;
}
.account-slot-delete:hover{
  border-color:#ff6878;
  background:#4a1c24;
  color:#fff;
}
@media(max-width:650px){
  #comp-class-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-slot-card{min-height:120px}
}


/* ==========================================================================
   MOBILE REBUILD 0.1.24085
   Shell mobile independente: HUD superior + 5 views + chat flutuante.
   Todas as regras ficam sob 900px para preservar o desktop integralmente.
   ========================================================================== */
@media (max-width:900px){
  :root{
    --m-head-h:86px;
    --m-nav-h:68px;
    --m-safe-top:env(safe-area-inset-top,0px);
    --m-safe-right:env(safe-area-inset-right,0px);
    --m-safe-bottom:env(safe-area-inset-bottom,0px);
    --m-safe-left:env(safe-area-inset-left,0px);
  }
  html,body{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden!important;overscroll-behavior:none;background:#070b10!important}
  body{padding:0!important;display:block!important;font-size:14px;-webkit-text-size-adjust:100%;touch-action:manipulation}
  #game-wrapper{
    position:fixed!important;inset:0!important;display:block!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
    padding:0!important;margin:0!important;border:0!important;background:#070b10!important;overflow:hidden!important;
  }
  #boss-bar-container{display:none!important}

  /* HUD superior */
  #mobile-game-header{
    display:grid!important;grid-template-rows:auto auto auto;gap:5px;position:absolute!important;z-index:430;top:0;left:0;right:0;height:calc(var(--m-head-h) + var(--m-safe-top));
    padding:calc(6px + var(--m-safe-top)) calc(9px + var(--m-safe-right)) 6px calc(9px + var(--m-safe-left));
    background:linear-gradient(180deg,#151b23 0%,#0c1218 100%);border-bottom:1px solid #74631f;box-shadow:0 4px 18px rgba(0,0,0,.45);box-sizing:border-box;color:#dce4ec;
  }
  .mobile-hud-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:23px}
  .mobile-hud-identity{display:flex;align-items:baseline;gap:7px;min-width:0}
  .mobile-hud-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0cf62;font-size:15px;line-height:1}
  .mobile-hud-identity span{flex:0 0 auto;color:#96a5b4;font-size:10px}
  .mobile-hud-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;font-size:9px;color:#8999a8;white-space:nowrap}
  .mobile-hud-meta strong{max-width:104px;overflow:hidden;text-overflow:ellipsis;color:#c7d2dc;font-size:9px}
  #mobile-hud-wave{padding:2px 5px;border:1px solid #3a4651;background:#111922;color:#d1bd6a;border-radius:3px}
  #mobile-hud-time{color:#66b4ff}
  .mobile-hud-vitals{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}
  .mobile-hud-bar{display:grid;grid-template-columns:20px minmax(0,1fr);gap:4px;align-items:center;font-size:8px;color:#778694}
  .mobile-hud-bar>div,.mobile-hud-boss>div{position:relative;height:13px;overflow:hidden;border:1px solid #37414b;background:#080b0f;border-radius:2px}
  .mobile-hud-bar i,.mobile-hud-boss i{position:absolute;inset:0 auto 0 0;width:0%;transition:width .18s linear}
  .mobile-hud-bar.hp i{background:linear-gradient(90deg,#751727,#c6324a)}
  .mobile-hud-bar.mp i{background:linear-gradient(90deg,#114b84,#2389de)}
  .mobile-hud-bar b,.mobile-hud-boss b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:8px;line-height:1;text-shadow:0 1px 2px #000;font-weight:700}
  .mobile-hud-boss{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px;align-items:center;min-height:12px;font-size:7px;color:#d65a66}
  .mobile-hud-boss.hidden{display:none!important}.mobile-hud-boss i{background:linear-gradient(90deg,#71151e,#c43b45)}

  /* Batalha sempre ocupa o centro; as outras views cobrem somente quando abertas. */
  #battle-area{
    position:absolute!important;z-index:1!important;top:calc(var(--m-head-h) + var(--m-safe-top))!important;bottom:calc(var(--m-nav-h) + var(--m-safe-bottom))!important;
    left:var(--m-safe-left)!important;right:var(--m-safe-right)!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
    grid-column:auto!important;grid-row:auto!important;border:0!important;background:#07120a!important;overflow:hidden!important;touch-action:none!important;
  }
  #battle-canvas{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important}
  #floating-texts,#death-overlay,#transition-overlay{inset:0!important}
  #transition-overlay.wave-complete #transition-text{min-width:210px!important;max-width:82vw;padding:12px 16px!important}
  #transition-overlay.wave-complete #transition-text b{font-size:16px!important}

  /* Bottom navigation */
  #mobile-nav{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:absolute!important;z-index:460;left:0;right:0;bottom:0;height:calc(var(--m-nav-h) + var(--m-safe-bottom));
    padding:5px calc(5px + var(--m-safe-right)) calc(5px + var(--m-safe-bottom)) calc(5px + var(--m-safe-left))!important;gap:4px!important;
    background:linear-gradient(180deg,#10161d,#090d12);border:0!important;border-top:1px solid #4f4720!important;box-shadow:0 -5px 18px rgba(0,0,0,.42);overflow:visible!important;
  }
  .mob-nav-btn{
    min-width:0!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px!important;
    padding:4px 2px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#7f8e9c!important;font:600 9px/1.05 Inter,system-ui,sans-serif!important;
    box-shadow:none!important;transform:none!important;white-space:nowrap;-webkit-tap-highlight-color:transparent;
  }
  .mob-nav-icon{font-size:20px;line-height:21px;filter:grayscale(.35);opacity:.85}
  .mob-nav-btn.active{border-color:#655923!important;background:#201e13!important;color:#f0d064!important}
  .mob-nav-btn.active .mob-nav-icon{filter:none;opacity:1;transform:translateY(-1px)}

  /* Views principais */
  #drawer-backdrop{display:none!important}
  #left-panel,#right-panel,#bottom-hud,#mobile-menu-drawer{
    display:none!important;position:absolute!important;z-index:390!important;top:calc(var(--m-head-h) + var(--m-safe-top))!important;bottom:calc(var(--m-nav-h) + var(--m-safe-bottom))!important;
    left:var(--m-safe-left)!important;right:var(--m-safe-right)!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;min-width:0!important;
    margin:0!important;padding:10px!important;border:0!important;border-radius:0!important;background:#0d131a!important;box-shadow:none!important;transform:none!important;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:auto!important;
  }
  #left-panel.open,#right-panel.open,#bottom-hud.open,#mobile-menu-drawer.open{display:flex!important;transform:none!important}
  #left-panel.open,#right-panel.open,#mobile-menu-drawer.open{flex-direction:column!important;gap:9px!important}
  #bottom-hud.open{flex-direction:column!important;gap:8px!important}
  .mobile-view-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:45px;padding:1px 2px 7px;border-bottom:1px solid #2b3540;flex:0 0 auto}
  .mobile-view-head>div{display:grid;gap:1px}.mobile-view-head small{color:#7e8c99;font-size:8px;letter-spacing:.12em}.mobile-view-head strong{color:#ead16f;font-size:17px;line-height:1.05}.mobile-view-head>span{color:#778695;font-size:9px;text-align:right}

  /* Personagem: Status / Equipamentos / Skills */
  #right-panel{background:linear-gradient(180deg,#0e151d,#0b1117)!important}
  .mobile-character-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px;position:sticky;top:-10px;z-index:20;padding:7px 0;background:#0e151d;flex:0 0 auto}
  .mobile-character-tabs button{min-height:38px;border:1px solid #2e3944;background:#111a22;color:#83929f;font:700 10px Inter,system-ui;cursor:pointer;border-radius:5px}
  .mobile-character-tabs button.active{border-color:#8b7728;background:#262315;color:#f0d26c}
  #right-panel[data-mobile-character-tab="status"] #equipment-summary-row,#right-panel[data-mobile-character-tab="status"] #skills-col{display:none!important}
  #right-panel[data-mobile-character-tab="equipment"] #char-status,#right-panel[data-mobile-character-tab="equipment"] #companion-panel,#right-panel[data-mobile-character-tab="equipment"] #party-actions,#right-panel[data-mobile-character-tab="equipment"] #skills-col{display:none!important}
  #right-panel[data-mobile-character-tab="skills"] #char-status,#right-panel[data-mobile-character-tab="skills"] #companion-panel,#right-panel[data-mobile-character-tab="skills"] #party-actions,#right-panel[data-mobile-character-tab="skills"] #equipment-summary-row{display:none!important}
  #right-panel .panel-section{border:1px solid #2d3843!important;background:#10171f!important;padding:10px!important;border-radius:7px}
  #right-panel .compact-status-head{display:grid!important;grid-template-columns:34px minmax(0,1fr) 38px!important;grid-template-rows:auto auto auto auto auto!important;gap:5px 7px!important;align-items:center!important}
  #right-panel .compact-toggle{grid-column:1;grid-row:1;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}
  #right-panel .compact-char-header{grid-column:2;grid-row:1;align-items:flex-start!important;text-align:left!important}
  #right-panel .char-autopot-btn{grid-column:3;grid-row:1;width:38px!important;height:34px!important;min-height:34px!important;padding:0!important}
  #right-panel .compact-status-head>.bar-row:nth-of-type(1){grid-column:1/-1;grid-row:2}
  #right-panel .compact-status-head>.bar-row:nth-of-type(2){grid-column:1/-1;grid-row:3}
  #right-panel .compact-status-head>.bar-row:nth-of-type(3){grid-column:1/-1;grid-row:4}
  #right-panel .desktop-owner-skills{grid-column:1/-1!important;grid-row:5!important;justify-content:flex-start!important;gap:6px!important;margin-top:3px!important}
  #right-panel .inline-skill-slot{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  #right-panel .inline-skill-slot>*{max-width:36px!important;max-height:36px!important}
  #right-panel .bar-row{margin:0!important;gap:6px!important}.bar-label{width:28px!important;font-size:9px!important}.bar-bg{height:16px!important}.bar-text{font-size:9px!important}
  #right-panel .status-max{margin-top:9px;padding-top:8px;border-top:1px solid #27323c}
  #right-panel .attr-grid-two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  #right-panel .attr-row{display:grid!important;grid-template-columns:32px 1fr auto;min-height:40px;margin:0!important;padding:6px;border:1px solid #27323c;background:#0b1218;border-radius:4px}
  #right-panel .attr-btns .btn{width:32px!important;height:30px!important;min-height:30px!important;padding:0!important}
  #party-actions{margin-top:auto!important;display:grid!important;grid-template-columns:1fr;gap:6px!important}
  #equipment-summary-row{width:100%!important;display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(132px,.78fr)!important;gap:10px!important;align-items:start!important;padding:2px 0 10px}
  #equipment-summary-row .equip-col{width:100%!important;min-width:0!important;align-items:center!important}
  #equipment-summary-row .equip-owner-tabs{width:min(220px,100%)!important;margin-bottom:7px}
  #equipment-summary-row .equip-owner{height:34px!important;max-height:none!important;line-height:32px!important;font-size:12px!important}
  #equipment-summary-row .equip-slots{grid-template-columns:repeat(3,52px)!important;gap:5px!important;justify-content:center!important}
  #equipment-summary-row .equip-slot{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  #equipment-summary-row .combat-stats-box{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:8px!important;position:static!important;overflow:visible!important}
  #equipment-summary-row .combat-power-card{font-size:12px!important;padding:7px!important;text-align:center}.combat-stats-grid{font-size:10px!important;line-height:1.55!important}
  #skills-col{width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important}
  #skills-panel{width:100%!important;height:auto!important;max-height:none!important;padding:8px!important;border:1px solid #2d3843!important;border-radius:7px!important;background:#10171f!important}
  #skills-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;max-height:none!important}
  .skill-item{min-height:70px!important;border-radius:5px!important}.skill-icon{width:52px!important;height:52px!important;font-size:30px!important}

  /* Inventário */
  #bottom-hud{background:#0b1117!important}
  #bottom-hud #inventory-panel{display:flex!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
  #inventory-panel .inv-main{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:0!important;gap:8px!important;align-items:stretch!important;justify-content:flex-start!important;overflow:hidden!important}
  #inventory-panel .inv-right-col{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;margin:0!important;gap:7px!important}
  #inventory-panel .inv-filter-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tabs count" "money money";gap:5px!important;align-items:center!important}
  #inventory-panel .inv-tabs{grid-area:tabs;display:flex!important;gap:4px!important;overflow-x:auto!important;scrollbar-width:none}.inv-tabs::-webkit-scrollbar{display:none}
  #inventory-panel .inv-tab{flex:0 0 auto!important;min-height:36px!important;padding:9px 10px!important;font-size:10px!important;border-radius:4px!important}
  #inventory-panel #slot-count{grid-area:count;white-space:nowrap;font-size:10px}.inv-header-right{grid-area:money!important;justify-content:flex-end!important;gap:12px!important;font-size:12px!important;min-height:24px}
  #inventory-panel .inv-body-row{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;gap:7px!important;align-items:stretch!important}
  #inventory-panel .bag-col{width:100%!important;height:auto!important;max-height:none!important;margin:0!important;display:block!important}
  #inventory-panel .bag-tabs{display:flex!important;flex-direction:row!important;width:100%!important;height:auto!important;max-height:none!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none}
  #inventory-panel .bag-tabs::-webkit-scrollbar{display:none}
  #inventory-panel .bag-tab{writing-mode:horizontal-tb!important;flex:1 0 90px!important;width:auto!important;min-width:90px!important;max-width:none!important;min-height:38px!important;height:38px!important;padding:9px 12px!important;font-size:10px!important;border-radius:4px!important}
  #inventory-panel #btn-organize-inv{flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:38px!important;min-height:38px!important;font-size:17px!important;border-radius:4px}
  #inventory-panel #btn-sell-all{flex:0 0 74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 8px!important;font-size:10px!important}
  #inventory-panel .inv-grid-wrap{flex:1 1 auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;max-width:none!important;padding:6px!important;overflow-y:auto!important;overflow-x:hidden!important;border:1px solid #222b34!important;background:#070a0e!important}
  #inventory-panel .inv-grid{display:grid!important;width:100%!important;grid-template-columns:repeat(auto-fill,52px)!important;align-content:start!important;justify-content:center!important;gap:6px!important;padding:0!important}
  #inventory-panel .inv-slot{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;font-size:28px!important;border-width:1px!important;border-radius:3px!important}
  #inventory-panel .inv-slot img{max-width:48px!important;max-height:48px!important;object-fit:contain}
  #inventory-panel .inv-slot .qty{font-size:10px!important}

  /* Hunt */
  #left-panel{background:#0c1218!important}
  #left-panel #zones-panel{order:1!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:10px!important;border:1px solid #2d3843!important;border-radius:7px!important;background:#10171f!important;overflow:visible!important}
  #left-panel #idle-panel{order:2!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;flex:0 0 auto!important;border-radius:7px!important}
  #zones-panel .panel-title{font-size:13px!important;margin-bottom:7px!important}#zones-panel select{height:44px!important;min-height:44px!important;font-size:16px!important;padding:8px 10px!important;border-radius:5px!important}
  #zones-panel .zone-info{font-size:11px!important;line-height:1.55!important;margin-top:9px!important;padding:8px!important;background:#0b1117;border:1px solid #252f38;border-radius:5px}
  #left-panel .hunt-summary-box{font-size:12px!important;line-height:1.7!important;margin-top:0!important;padding:9px!important;border:1px solid #29343d;background:#0a1016;border-radius:5px}
  #left-panel .panel-title{font-size:13px!important}.autopot-legacy-control{display:none!important}

  /* Menu */
  #mobile-menu-drawer{background:#0b1117!important;padding:10px!important}
  #mobile-menu-drawer .drawer-header{display:flex!important;position:sticky!important;top:-10px!important;z-index:20!important;min-height:48px!important;padding:8px 2px!important;background:#0b1117!important;border-bottom:1px solid #2d3741!important;color:#efd36f!important;font-size:17px!important}
  #mobile-menu-drawer .drawer-close{display:none!important}
  .mobile-system-menu{display:grid!important;gap:9px!important}.mobile-menu-section{padding:9px!important;border:1px solid #2b3640!important;background:#10171f!important;border-radius:7px!important}
  .mobile-menu-title{margin-bottom:7px!important;color:#d7c16c!important;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase}
  .mobile-menu-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .mobile-menu-grid .btn{width:100%!important;min-height:46px!important;margin:0!important;padding:7px 6px!important;font-size:11px!important;line-height:1.2!important;border-radius:5px!important;white-space:normal!important}

  /* Chat vira sheet flutuante independente do Inventário */
  #mobile-chat-fab{
    display:flex!important;position:absolute!important;z-index:470;right:calc(12px + var(--m-safe-right));bottom:calc(var(--m-nav-h) + var(--m-safe-bottom) + 12px);width:54px;height:54px;min-width:54px;min-height:54px;
    flex-direction:column;align-items:center;justify-content:center;gap:0;border:1px solid #927b26;border-radius:50%;background:linear-gradient(180deg,#302a13,#19170e);color:#f0d56e;box-shadow:0 5px 18px rgba(0,0,0,.5);font-family:Inter,system-ui;cursor:pointer;
  }
  #mobile-chat-fab>span{font-size:21px;line-height:22px}#mobile-chat-fab>small{font-size:7px;line-height:9px}
  #chat-panel{display:none!important;position:absolute!important;z-index:480!important;left:calc(8px + var(--m-safe-left))!important;right:calc(8px + var(--m-safe-right))!important;bottom:calc(var(--m-nav-h) + var(--m-safe-bottom) + 8px)!important;top:auto!important;width:auto!important;height:min(58dvh,470px)!important;max-width:none!important;max-height:none!important;
    padding:9px!important;border:1px solid #8d7727!important;border-radius:10px!important;background:#10171f!important;box-shadow:0 12px 40px rgba(0,0,0,.65)!important;overflow:hidden!important;transform:none!important}
  #chat-panel.mobile-chat-open{display:flex!important;flex-direction:column!important}
  #chat-panel .chat-panel-title{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:6px!important;align-items:center!important;margin:0 0 7px!important}
  #chat-panel .chat-tabs{display:flex!important;overflow-x:auto!important;gap:3px!important;scrollbar-width:none}.chat-tabs::-webkit-scrollbar{display:none}
  #chat-panel .chat-tab{min-width:54px!important;min-height:32px!important;padding:5px 7px!important;font-size:9px!important}
  #btn-mobile-chat-toggle{min-width:52px!important;min-height:32px!important;height:32px!important;padding:4px 7px!important;font-size:9px!important}
  #chat-panel .chat-log{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;padding:7px!important;font-size:11px!important;line-height:1.45!important}
  #chat-panel .chat-input-row{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:5px!important;margin-top:6px!important}
  #chat-panel #chat-input{min-width:0!important;width:100%!important;height:40px!important;min-height:40px!important;font-size:16px!important;padding:7px 9px!important}
  #chat-panel #btn-chat-send{width:64px!important;min-width:64px!important;height:40px!important;min-height:40px!important;font-size:10px!important;padding:0!important}

  /* Auto-Pot como action sheet */
  #autopot-flyout{position:absolute!important;z-index:490!important;left:8px!important;right:8px!important;bottom:calc(var(--m-nav-h) + var(--m-safe-bottom) + 8px)!important;top:auto!important;width:auto!important;max-width:none!important;max-height:70dvh!important;overflow:auto!important;padding:12px!important;border-radius:10px!important}
  #autopot-flyout .pot-select,#autopot-flyout input,#autopot-flyout select{font-size:16px!important;min-height:40px!important}

  /* Touch ergonomics */
  button,.btn,.inv-tab,.bag-tab,.equip-slot,.inv-slot,.skill-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .btn{min-height:40px!important}.btn-small{min-height:34px!important}
  input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="datetime-local"],select,textarea,.mp-input{font-size:16px!important;min-height:42px;max-width:100%;box-sizing:border-box}

  /* Tooltips de mouse não tentam flutuar fora da viewport. O item sheet continua sendo a UI touch oficial. */
  #tooltip,#tooltip-compare{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--m-nav-h) + var(--m-safe-bottom) + 8px)!important;top:auto!important;width:auto!important;max-width:none!important;max-height:44dvh!important;overflow:auto!important;z-index:17000!important}

  /* Modais funcionais em tela cheia. Confirmações continuam compactas. */
  .modal-overlay,.mp-overlay,.feature-window-overlay,#auction-overlay,#auc-detail-modal,#market-cash-modal{
    position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:var(--m-safe-top) var(--m-safe-right) var(--m-safe-bottom) var(--m-safe-left)!important;
    box-sizing:border-box!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important;background:rgba(3,6,9,.86)!important;
  }
  .modal-overlay>.modal,.mp-overlay>.mp-modal,.feature-window-overlay>.modal,.feature-window-overlay>.mp-modal,.feature-window-overlay>.social-modal,.feature-window-overlay>.party-modal,
  #auction-modal,.social-modal,.party-modal,.admin-modal,.build-modal,.afk-feature-modal,.ranking-feature-modal,.modern-official-modal,.modern-storage-official-modal,.auc-detail-box{
    width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;
    padding:12px!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;background:#111820!important;
  }
  #online-confirm-overlay{align-items:center!important;justify-content:center!important;padding:14px!important}
  #online-confirm-overlay>.modal{width:min(390px,100%)!important;height:auto!important;max-height:70dvh!important;border:1px solid #6b5b23!important;border-radius:9px!important;padding:14px!important;background:#111820!important}
  #mobile-item-sheet{z-index:18000!important;padding:8px!important}
  #mobile-item-sheet .mobile-item-sheet-card{max-height:84dvh!important;border-radius:12px 12px 0 0!important}
  #login-gate{padding:max(10px,var(--m-safe-top)) max(10px,var(--m-safe-right)) max(10px,var(--m-safe-bottom)) max(10px,var(--m-safe-left))!important;overflow:auto!important}
  #login-gate .login-card{width:min(430px,100%)!important;max-height:none!important;margin:auto!important}
  #login-gate .login-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.login-class-card{min-height:88px!important}

  /* Banners ficam abaixo do HUD, não sobre a batalha inteira. */
  #active-events-banner,#system-announcement-toast{top:calc(var(--m-head-h) + var(--m-safe-top) + 5px)!important;left:8px!important;right:8px!important;transform:none!important;width:auto!important;max-width:none!important;max-height:26dvh!important;overflow:auto!important;box-sizing:border-box!important;z-index:520!important}
}

@media (max-width:430px){
  #equipment-summary-row{grid-template-columns:1fr!important}
  #equipment-summary-row .equip-owner-tabs{width:100%!important}
  #equipment-summary-row .equip-slots{grid-template-columns:repeat(5,52px)!important;max-width:280px!important}
  #skills-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #inventory-panel .inv-grid{grid-template-columns:repeat(auto-fill,48px)!important;gap:5px!important}
  #inventory-panel .inv-slot{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
  .mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mobile-hud-meta strong{max-width:78px}
}

@media (max-width:900px) and (orientation:landscape){
  :root{--m-head-h:58px;--m-nav-h:70px}
  #mobile-game-header{left:calc(var(--m-nav-h) + var(--m-safe-left));height:calc(var(--m-head-h) + var(--m-safe-top));padding:calc(4px + var(--m-safe-top)) calc(7px + var(--m-safe-right)) 4px 7px;grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr);grid-template-rows:auto auto;gap:3px 10px}
  .mobile-hud-main{grid-column:1;grid-row:1}.mobile-hud-vitals{grid-column:1;grid-row:2}.mobile-hud-boss{grid-column:2;grid-row:2}.mobile-hud-meta{grid-column:2;grid-row:1}.mobile-hud-identity strong{font-size:13px}
  #mobile-nav{left:0!important;right:auto!important;top:0!important;bottom:0!important;width:calc(var(--m-nav-h) + var(--m-safe-left))!important;height:100dvh!important;padding:calc(5px + var(--m-safe-top)) 5px calc(5px + var(--m-safe-bottom)) calc(5px + var(--m-safe-left))!important;grid-template-columns:1fr!important;grid-template-rows:repeat(5,minmax(0,1fr));border-top:0!important;border-right:1px solid #4f4720!important}
  .mob-nav-btn{font-size:8px!important}.mob-nav-icon{font-size:18px!important}
  #battle-area{top:calc(var(--m-head-h) + var(--m-safe-top))!important;bottom:var(--m-safe-bottom)!important;left:calc(var(--m-nav-h) + var(--m-safe-left))!important;right:var(--m-safe-right)!important}
  #left-panel,#right-panel,#bottom-hud,#mobile-menu-drawer{top:calc(var(--m-head-h) + var(--m-safe-top))!important;bottom:var(--m-safe-bottom)!important;left:calc(var(--m-nav-h) + var(--m-safe-left))!important;right:var(--m-safe-right)!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important}
  #mobile-chat-fab{right:calc(12px + var(--m-safe-right));bottom:calc(12px + var(--m-safe-bottom))}
  #chat-panel{left:calc(var(--m-nav-h) + var(--m-safe-left) + 8px)!important;bottom:calc(8px + var(--m-safe-bottom))!important;height:min(72dvh,420px)!important}
  #autopot-flyout{left:calc(var(--m-nav-h) + var(--m-safe-left) + 8px)!important;bottom:calc(8px + var(--m-safe-bottom))!important;max-height:78dvh!important}
  #tooltip,#tooltip-compare{left:calc(var(--m-nav-h) + var(--m-safe-left) + 8px)!important;bottom:calc(8px + var(--m-safe-bottom))!important}
  #active-events-banner,#system-announcement-toast{left:calc(var(--m-nav-h) + var(--m-safe-left) + 8px)!important;top:calc(var(--m-head-h) + var(--m-safe-top) + 4px)!important}
  #right-panel .attr-grid-two{grid-template-columns:repeat(4,1fr)!important}
  #skills-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  #inventory-panel .inv-grid{grid-template-columns:repeat(auto-fill,50px)!important}
  .mobile-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}