/* css/core-overrides.css — camadas tardias que sobrescrevem as anteriores: Adventure Layer, UI Manager (minimizar/dock), título v0.64/v0.65.
 * v0.74: dividido de core.css SEM mudar a ordem das regras (a cascata depende dela). Ordem de carga: ver index.html. */
/* CarpanoRPG Adventure Layer v1 */
#score-wrap,#best-wrap,#killstreak{display:none!important}
#adventure-hud{position:fixed;left:12px;top:88px;z-index:25;width:min(250px,calc(100vw - 24px));font:12px/1.35 system-ui,sans-serif;color:#eee;pointer-events:none}
#adventure-card{background:linear-gradient(180deg,rgba(12,15,20,.90),rgba(12,15,20,.72));border:1px solid rgba(198,161,91,.34);border-radius:12px;padding:10px 12px;box-shadow:0 8px 25px rgba(0,0,0,.28);backdrop-filter:blur(7px);pointer-events:auto;cursor:default}
#adventure-region{font-size:14px;font-weight:800;color:#f2dfb1;letter-spacing:.2px}.adv-small{font-size:10px;color:#9aa4af}.adv-objective{margin-top:7px;color:#f0f0f0}.adv-progress{height:4px;background:#242a31;border-radius:5px;overflow:hidden;margin-top:6px}.adv-progress>i{display:block;height:100%;width:0;background:#c6a15b;transition:width .25s}
#adventure-gates{margin-top:7px;font-size:10px;color:#aeb7c2}.adv-gate{display:inline-block;margin-right:5px;margin-top:3px;padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.06)}
.adv-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#adv-min-btn{flex:none;width:22px;height:22px;line-height:1;border:none;border-radius:6px;background:rgba(255,255,255,.08);color:#f2dfb1;font-size:13px;cursor:pointer;padding:0}
#adv-min-btn:active{background:rgba(255,255,255,.16)}
#adventure-card.min #adv-body{display:none}
#adventure-card.min{padding:6px 10px}
#adventure-toast{position:fixed;left:50%;top:18%;transform:translate(-50%,-12px);z-index:90;padding:10px 15px;border-radius:12px;background:rgba(12,15,20,.94);border:1px solid rgba(198,161,91,.55);color:#f6e7c1;font:700 13px system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 10px 35px rgba(0,0,0,.35)}
#adventure-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){#adventure-hud{top:76px;left:8px;width:205px}#adventure-card{padding:8px 10px}.adv-small{font-size:9px}.adv-objective{font-size:11px}}

#boot-fail {
    position: fixed; inset: 0; z-index: 999; display: flex;
    align-items: center; justify-content: center; padding: 24px;
    background: #05070c; color: #fff; text-align: center;
  }
  #boot-fail .boot-fail-box { max-width: 320px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
  #boot-fail .boot-fail-title { font-size: 20px; font-weight: 700; color: #f0d9a0; }
  #boot-fail .boot-fail-sub { font-size: 14px; color: rgba(220,225,230,0.85); line-height: 1.4; }
  #boot-fail-retry {
    margin-top: 6px; padding: 14px 32px; font-size: 15px; font-weight: 700;
    color: #1a1208; background: linear-gradient(180deg, #f0d080, #c6a15b 45%, #a07830);
    border: none; border-radius: 12px; cursor: pointer;
  }

/* ---------- UI Manager (v7.2): botão minimizar + dock de janelas minimizadas ---------- */
.ui-min-btn {
  position: absolute; top: 8px; right: 8px; z-index: 2;
  width: 32px; height: 32px; padding: 0;
  border-radius: 8px; border: 1px solid rgba(255,255,255,0.2);
  background: transparent; color: #ccc;
  font: 700 18px/1 system-ui, sans-serif; cursor: pointer;
  touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.ui-min-btn.inline { position: static; flex: 0 0 auto; }
.ui-min-btn.float { float: right; margin-right: 6px; }
#inventory-panel .ui-min-btn { width: 24px; height: 24px; border-radius: 6px; font-size: 15px; border-color: rgba(255,255,255,0.15); color: #aaa; }
.ui-min-btn:hover { background: rgba(255,255,255,0.08); }
.ui-min-btn:active { transform: scale(0.94); }
#ui-dock {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(max(0px, env(safe-area-inset-bottom)) + 120px); z-index: 46;
  display: none; flex-wrap: wrap-reverse; gap: 6px; justify-content: center;
  max-width: calc(100vw - 24px); pointer-events: none;
}
#ui-dock.has-chips { display: flex; }
.ui-chip {
  pointer-events: auto; min-height: 40px; padding: 0 14px; border-radius: 20px;
  border: 1px solid rgba(232,213,168,0.55); background: rgba(16,20,28,0.94); color: #e8d5a8;
  font: 600 14px/1 'Source Sans 3', system-ui, sans-serif; cursor: pointer;
  touch-action: manipulation; -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 10px rgba(0,0,0,0.45);
}
.ui-chip:active { transform: scale(0.96); }
@media (pointer: coarse) {
  .ui-chip { min-height: 44px; }
  #ui-dock { bottom: calc(max(0px, env(safe-area-inset-bottom)) + 215px); }
}

/* MMO mobile combat */
.stamina-fill{background:linear-gradient(90deg,#55b7e8,#8de6ff);}
#btn-mobile-ability.blocking{box-shadow:0 0 0 2px #9fd8ff inset,0 0 12px rgba(100,190,255,.55);}


/* v0.48 — o minimapa desceu para baixo das barras; no desktop os cartões da coluna esquerda descem junto,
   senão ficariam por cima dele (minimapa 104px de 90px a 194px). */
@media (min-width: 721px) and (pointer: fine) {
  #hunt-objective { top: 204px !important; }
  #adventure-hud  { top: 234px !important; }
  #daily-hud      { top: 264px !important; }
  #world-event-hud{ top: 366px !important; }
}


/* ===== Title menu v0.64 — desktop direita / mobile embaixo ===== */
#menu-ui {
  position: relative; z-index: 3;
  display: flex; flex-direction: column; align-items: center;
  gap: 10px; padding: 20px 16px max(24px, env(safe-area-inset-bottom));
  width: 100%; max-width: 420px; pointer-events: auto;
}
.menu-actions {
  display: flex; flex-direction: column; gap: 8px; width: min(280px, 86vw);
  margin-top: 4px;
}
#start-btn, .menu-sec-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; padding: 14px 18px; font-size: 15px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer;
  border-radius: 6px; font-family: 'Cinzel', serif;
  border: 1px solid rgba(198,161,91,0.55);
  background: linear-gradient(180deg, rgba(28,22,14,0.82), rgba(12,10,8,0.9));
  color: #e8d5a8;
  box-shadow: 0 2px 12px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,220,150,0.12);
  transition: filter 0.15s, transform 0.12s, border-color 0.15s;
}
#start-btn {
  background: linear-gradient(180deg, #d4a84a, #a07828);
  color: #1a1208; border-color: rgba(255,220,150,0.65);
  box-shadow: 0 4px 20px rgba(198,161,91,0.4), inset 0 1px 0 rgba(255,240,200,0.35);
  font-size: 16px; padding: 16px 18px;
}
#start-btn:hover, .menu-sec-btn:hover { filter: brightness(1.12); border-color: rgba(240,200,120,0.8); }
#start-btn:active, .menu-sec-btn:active { transform: scale(0.97); }
.menu-btn-ico { font-size: 14px; opacity: 0.9; width: 1.2em; text-align: center; }
.menu-version {
  font-size: 11px; color: rgba(200,190,160,0.55); letter-spacing: 0.08em;
  margin-top: 4px; text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
#menu .hint { color: rgba(160,170,180,0.55); font-size: 11px; margin-top: 2px; }
#menu .sub { display: none; }
.menu-keys { display: none !important; }
.menu-badge { display: none !important; }

/* Desktop largo: botões à direita, logo no topo esquerdo */
@media (min-width: 900px) and (orientation: landscape) {
  #menu {
    align-items: stretch; justify-content: stretch;
  }
  #menu-ui {
    position: absolute;
    right: max(36px, env(safe-area-inset-right));
    top: 50%;
    transform: translateY(-50%);
    align-items: stretch;
    width: min(300px, 28vw);
    max-width: 320px;
    padding: 0;
    gap: 12px;
  }
  #menu-ui .menu-logo {
    position: fixed;
    left: max(40px, env(safe-area-inset-left));
    top: max(32px, env(safe-area-inset-top));
    text-align: left;
  }
  #menu-ui .menu-field {
    display: none; /* nome pedido no enter; desktop foca nos botões */
  }
  .menu-actions { width: 100%; }
  #menu-ui .hint { display: none; }
  #boot-loader { width: 100%; }
  .menu-version {
    position: fixed;
    left: max(20px, env(safe-area-inset-left));
    bottom: max(16px, env(safe-area-inset-bottom));
  }
}

/* Mobile / retrato: cena em cima, botões embaixo (já é o fluxo natural do flex) */
@media (max-width: 899px), (orientation: portrait) {
  #menu {
    justify-content: flex-end;
  }
  #menu-ui {
    background: linear-gradient(to top, rgba(8,10,14,0.88) 0%, rgba(8,10,14,0.55) 70%, transparent 100%);
    padding-top: 48px;
  }
}


/* ===== Title menu v0.65 — painel compacto, ⚙ no topo, cena visível e arrastável ===== */
#menu { touch-action: none; }
#menu-settings-btn {
  position: absolute; z-index: 5;
  top: max(14px, env(safe-area-inset-top)); left: 14px;
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid rgba(198,161,91,0.4);
  background: rgba(5,7,12,0.55); color: #f0d9a0; font-size: 20px; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; pointer-events: auto; backdrop-filter: blur(4px);
}
#menu-settings-btn:active { transform: scale(0.92); }
.menu-bars { display: none; }
@media (min-width: 900px) and (orientation: landscape) {
  #menu-settings-btn { left: auto; right: 62px; }   /* desktop: logo ocupa o canto esquerdo */
}
@media (max-width: 899px), (orientation: portrait) {
  #menu-ui {
    padding: 6px 16px max(12px, env(safe-area-inset-bottom));
    gap: 6px;
    background: linear-gradient(to top, rgba(8,10,14,0.72) 0%, rgba(8,10,14,0.35) 65%, transparent 100%);
  }
  #menu-ui .menu-ornament { display: none; }
  #menu h1 { font-size: clamp(30px, 8.5vw, 42px); }
  .menu-tag { font-size: 10px; }
  .menu-field { width: min(300px, 88vw); margin-top: 2px; gap: 3px; }
  #menu-name-input { padding: 9px 12px; font-size: 15px; }
  .menu-actions { flex-direction: row; width: min(300px, 88vw); gap: 8px; margin-top: 2px; }
  #start-btn, .menu-sec-btn { padding: 11px 8px; font-size: 13px; letter-spacing: .1em; }
  #start-btn { flex: 1.5; }
  .menu-sec-btn { flex: 1; }
  .boot-track { height: 5px; }
  .boot-status { margin-top: 3px; font-size: 10px; }
  #menu .hint { display: none; }
}