/* Dragon Ball RPG 6.1 — habillage manga, fichier 3/7 : ossature HUD (barre, rail, dock, menus). */

/* L’interface classique n’existe pas dans cet habillage. */
.dbrpg-app [data-ui-mode],.dbrpg-try-hud{display:none!important}

.dbrpg-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;overflow:hidden}
.dbrpg-hud-body{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:0;overflow:hidden}
.rail-collapsed .dbrpg-hud-body{grid-template-columns:76px minmax(0,1fr)}
.is-combat-focus .dbrpg-hud-body{grid-template-columns:minmax(0,1fr)}
.dbrpg-hud-content{height:100%}
.dbrpg-main{width:100%;max-width:1280px;margin:0 auto;padding:22px clamp(14px,3vw,32px) 32px}
.dbrpg-view-enter{animation:dbrpg-m-enter .28s ease-out}
@keyframes dbrpg-m-enter{from{opacity:0;transform:translateY(10px)}}
.dbrpg-foot{max-width:1280px;margin:0 auto;padding:6px clamp(14px,3vw,32px) 28px;color:var(--m-ink-3);font-size:.78rem;font-weight:700;text-align:center}

/* ---------- Barre supérieure ---------- */
.dbrpg-hud{position:relative;z-index:var(--z-sticky);display:flex;align-items:center;gap:14px;padding:10px clamp(12px,2vw,22px);background:var(--m-paper);border-bottom:var(--m-stroke) solid var(--m-ink);box-shadow:0 4px 0 var(--m-violet-soft)}
.dbrpg-hud-avatar{position:relative;flex:none;width:56px;height:56px;padding:3px;border:0;border-radius:50%;background:conic-gradient(var(--m-violet) var(--xp,0%),var(--m-paper-3) 0);box-shadow:0 0 0 var(--m-stroke) var(--m-ink)}
.dbrpg-hud-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%;border-radius:50%;border:2px solid var(--m-ink);background:var(--m-paper-2)}
.dbrpg-hud-avatar span{position:absolute;right:-8px;bottom:-6px;min-width:28px;height:24px;padding:0 6px;border:var(--m-stroke-thin) solid var(--m-ink);border-radius:999px;background:var(--m-violet);color:var(--m-blank);font:400 1.05rem/20px var(--m-font-display);letter-spacing:.04em;text-align:center}
.dbrpg-hud-id{display:grid;min-width:0;max-width:200px}
.dbrpg-hud-id b{overflow:hidden;font:400 1.4rem/1 var(--m-font-display);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis}
.dbrpg-hud-id small{overflow:hidden;color:var(--m-ink-2);font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.dbrpg-hud-xp{height:7px;margin-top:4px;border:2px solid var(--m-ink);border-radius:999px;background:var(--m-paper-3);overflow:hidden}
.dbrpg-hud-xp i{display:block;height:100%;background:linear-gradient(90deg,var(--m-violet),#c084fc)}
.dbrpg-hud-vitals{display:grid;gap:5px;width:min(260px,26vw)}
.dbrpg-hud-meter{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:6px;font-weight:900;font-size:.75rem}
.dbrpg-hud-meter>i{display:block;height:12px;border:2px solid var(--m-ink);border-radius:999px;background:var(--m-paper-3);overflow:hidden}
.dbrpg-hud-meter>i>b{display:block;height:100%;transition:width .4s}
.dbrpg-hud-meter.hp>i>b{background:linear-gradient(90deg,var(--m-hp-deep),var(--m-hp))}
.dbrpg-hud-meter.ki>i>b{background:linear-gradient(90deg,var(--m-ki-deep),var(--m-ki))}
.dbrpg-hud-meter>em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--m-ink-2)}
.dbrpg-hud-meter.is-low>i>b{animation:dbrpg-m-low 1s infinite}

.dbrpg-hud-quest{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:440px;padding:5px 5px 5px 12px;border:var(--m-stroke-thin) solid var(--m-ink);border-radius:var(--m-radius);background:var(--m-paper-2)}
.dbrpg-hud-quest-text{display:grid;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left}
.dbrpg-hud-quest-text small{font-weight:900;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--m-violet-deep)}
.dbrpg-hud-quest-text b,.dbrpg-hud-quest-text em{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dbrpg-hud-quest-text b{font:400 1.1rem/1.1 var(--m-font-display);letter-spacing:.03em}
.dbrpg-hud-quest-text em{font-style:normal;font-size:.75rem;font-weight:700;color:var(--m-ink-2)}
.dbrpg-hud-quest-action{flex:none;min-height:38px;padding:6px 14px;border:var(--m-stroke-thin) solid var(--m-ink);border-radius:10px;background:var(--m-pop);font:900 .85rem var(--m-font-body);box-shadow:var(--m-shadow-sm)}
.dbrpg-hud-quest-action:active{transform:translate(2px,2px);box-shadow:var(--m-shadow-press)}

.dbrpg-hud-end{display:flex;align-items:center;gap:8px;margin-left:auto}
.dbrpg-hud-wallet{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border:var(--m-stroke-thin) solid var(--m-ink);border-radius:999px;background:var(--m-blank);font-weight:900;font-variant-numeric:tabular-nums}
.dbrpg-hud-wallet i{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--m-ink);border-radius:50%;background:var(--m-pop);font-style:normal;font-size:.8rem}
.dbrpg-hud-points,.dbrpg-hud-help,.dbrpg-hud-menu,.dbrpg-hud-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 12px;border:var(--m-stroke-thin) solid var(--m-ink);border-radius:999px;background:var(--m-blank);font-weight:900;box-shadow:var(--m-shadow-press)}
.dbrpg-hud-points{background:var(--m-pop);animation:dbrpg-m-nudge 2.4s ease-in-out infinite}
.dbrpg-hud-points.is-talent{background:var(--m-violet);color:var(--m-blank)}
.dbrpg-hud-menu{background:var(--m-violet);color:var(--m-blank)}
.dbrpg-hud-help{padding:0;width:40px}
.dbrpg-hud-logout span{display:none}
@keyframes dbrpg-m-nudge{0%,85%,100%{transform:none}90%{transform:rotate(-6deg) scale(1.06)}95%{transform:rotate(6deg) scale(1.06)}}

/* ---------- Rail latéral (bureau) ---------- */
.dbrpg-rail{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding:12px 10px 18px;background:var(--m-paper);border-right:var(--m-stroke) solid var(--m-ink);scrollbar-width:thin}
.dbrpg-rail-toggle{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;border:2px dashed var(--m-ink-3);border-radius:10px;background:none;color:var(--m-ink-2);font-weight:800;font-size:.8rem}
.dbrpg-rail-toggle i{font-style:normal}
.dbrpg-rail-section{display:grid;gap:3px}
.dbrpg-rail-section+.dbrpg-rail-section{margin-top:8px}
.dbrpg-rail-section h4{margin:4px 8px 2px;font:900 .66rem/1 var(--m-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--m-ink-3)}
.dbrpg-rail-item{position:relative;display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 10px;border:var(--m-stroke-thin) solid transparent;border-radius:10px;background:none;color:var(--m-ink);font-weight:800;text-align:left;transition:background var(--m-speed),transform var(--m-speed)}
.dbrpg-rail-item>i{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;font-style:normal;color:var(--m-violet-deep)}
.dbrpg-rail-item:hover{background:var(--m-paper-2);transform:translateX(2px)}
.dbrpg-rail-item.active{border-color:var(--m-ink);background:var(--m-violet);color:var(--m-blank);box-shadow:var(--m-shadow-sm)}
.dbrpg-rail-item.active>i{color:var(--m-pop)}
.dbrpg-rail-item>span:not(.dbrpg-hud-badge){flex:1;min-width:0}
.dbrpg-rail-foot{margin-top:auto}
.rail-collapsed .dbrpg-rail-item>span:not(.dbrpg-hud-badge),.rail-collapsed .dbrpg-rail-section h4,.rail-collapsed .dbrpg-rail-toggle span{display:none}
.rail-collapsed .dbrpg-rail-item{justify-content:center;padding:6px}
.rail-collapsed .dbrpg-rail-item .dbrpg-hud-badge{position:absolute;right:2px;top:2px}

/* Pastilles de notification */
.dbrpg-hud-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:2px solid var(--m-ink);border-radius:999px;background:var(--m-hot);color:var(--m-blank);font:900 .72rem/1 var(--m-font-body)}
.dbrpg-hud-badge.is-dot{min-width:14px;width:14px;height:14px;padding:0}
.dbrpg-hud-badge.is-live{background:var(--m-hp);color:var(--m-ink);animation:dbrpg-m-live 1.6s ease-in-out infinite}
@keyframes dbrpg-m-live{50%{box-shadow:0 0 0 5px #22c55e40}}

/* ---------- Dock mobile ---------- */
.dbrpg-dock{display:none}

/* ---------- Panneau « Tous les menus » ---------- */
.dbrpg-menu-sheet{position:fixed;inset:var(--dbrpg-admin-bar-height) 0 0;z-index:var(--z-overlay);display:grid;place-items:center;padding:16px}
.dbrpg-menu-backdrop{position:absolute;inset:0;background:#1c0b36b3;backdrop-filter:blur(3px)}
.dbrpg-menu-panel{position:relative;width:min(980px,100%);max-height:calc(100dvh - var(--dbrpg-admin-bar-height) - 32px);overflow-y:auto;overscroll-behavior:contain;padding:22px;border:var(--m-stroke) solid var(--m-ink);border-radius:var(--m-radius-lg);background:var(--m-paper-bg) radial-gradient(var(--m-dot) 1.2px,transparent 1.3px) 0 0/9px 9px;box-shadow:var(--m-shadow-lg);animation:dbrpg-m-pop .22s ease-out}
.dbrpg-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.dbrpg-menu-head h2{font-size:2.4rem;transform:skew(-5deg)}
.dbrpg-menu-close{display:grid;place-items:center;width:42px;height:42px;padding:0;border:var(--m-stroke) solid var(--m-ink);border-radius:50%;background:var(--m-blank);font-size:1.2rem;box-shadow:var(--m-shadow-sm)}
.dbrpg-menu-panel section{margin-top:16px}
.dbrpg-menu-panel h3{margin-bottom:8px;font-size:1.3rem;color:var(--m-violet-deep)}
.dbrpg-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.dbrpg-menu-grid>button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:66px;padding:10px 12px;border:var(--m-stroke) solid var(--m-ink);border-radius:var(--m-radius);background:var(--m-paper);text-align:left;box-shadow:var(--m-shadow-sm);transition:transform var(--m-speed)}
.dbrpg-menu-grid>button:hover{transform:translate(-1px,-2px) rotate(-.6deg)}
.dbrpg-menu-grid>button>i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--m-ink);border-radius:10px;background:var(--m-violet-soft);color:var(--m-violet-deep);font-style:normal}
.dbrpg-menu-grid>button>b{font:400 1.15rem/1.05 var(--m-font-display);letter-spacing:.03em}
.dbrpg-menu-grid>button>small{color:var(--m-ink-2);font-weight:700;font-size:.74rem}
.dbrpg-menu-grid>button.active{background:var(--m-violet);color:var(--m-blank)}
.dbrpg-menu-grid>button.active small{color:#f2e6ff}
.dbrpg-menu-grid>button .dbrpg-hud-badge{position:absolute;right:-8px;top:-8px}
.dbrpg-menu-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:var(--m-stroke-thin) dashed var(--m-ink);color:var(--m-ink-2);font-weight:700;font-size:.85rem}
.dbrpg-menu-foot>div{display:flex;gap:8px}

/* ---------- Barre de combat focalisé ---------- */
.dbrpg-combat-focusbar{display:flex;align-items:center;gap:12px;padding:10px clamp(12px,2vw,22px);background:var(--m-ink);color:var(--m-blank);border-bottom:var(--m-stroke) solid var(--m-ink)}
.dbrpg-combat-focusbar>span{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font:400 1.25rem/1.1 var(--m-font-display);letter-spacing:.04em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dbrpg-combat-focusbar>span>i{width:10px;height:10px;flex:none;border-radius:50%;background:var(--m-hot);box-shadow:0 0 0 3px #ff3d6e55;animation:dbrpg-m-live 1.2s infinite}
.dbrpg-combat-back,.dbrpg-combat-menu-button{min-height:38px;padding:6px 14px;border:var(--m-stroke-thin) solid var(--m-blank);border-radius:999px;background:transparent;color:var(--m-blank);font-weight:900}
.dbrpg-combat-menu-button{background:var(--m-violet)}

/* V6.10 : écrans intermédiaires (tablette paysage, petit portable) : le suivi de quête
   passe sur sa propre ligne au lieu d’être écrasé sous son bouton d’action. */
@media (min-width:901px) and (max-width:1240px){
  .dbrpg-hud{flex-wrap:wrap;row-gap:8px}
  .dbrpg-hud-quest{order:6;max-width:none;flex-basis:100%}
}

/* ---------- Mobile ---------- */
@media (max-width:900px){
  .dbrpg-hud-body{grid-template-columns:minmax(0,1fr)}
  .dbrpg-rail{display:none}
  .dbrpg-hud{flex-wrap:wrap;gap:8px 10px;padding:8px 12px}
  .dbrpg-hud-avatar{width:48px;height:48px}
  .dbrpg-hud-id{flex:1;max-width:none}
  .dbrpg-hud-id b{font-size:1.2rem}
  .dbrpg-hud-vitals{order:5;grid-template-columns:1fr 1fr;width:100%;gap:10px}
  .dbrpg-hud-quest{order:6;max-width:none;flex-basis:100%}
  .dbrpg-hud-end{gap:6px}
  .dbrpg-hud-menu span,.dbrpg-hud-logout,.dbrpg-hud-help{display:none}
  .dbrpg-hud-menu{padding:0;width:40px}
  /* Les points à répartir restent signalés par les pastilles du dock (Profil) et du menu. */
  .dbrpg-hud-points{display:none}
  .dbrpg-hud-id{min-width:90px}
  .dbrpg-main{padding:16px 12px 24px}
  .dbrpg-hud-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .is-combat-focus .dbrpg-hud-content{padding-bottom:0}

  .dbrpg-dock{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:var(--z-dock);display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:70px;padding:0 4px 8px;border:var(--m-stroke) solid var(--m-ink);border-radius:22px;background:var(--m-paper);box-shadow:var(--m-shadow)}
  .dbrpg-dock>button{position:relative;display:grid;justify-items:center;gap:2px;padding:4px 0;border:0;background:none;color:var(--m-ink-2);font:900 .66rem/1.1 var(--m-font-body)}
  .dbrpg-dock>button>i{display:grid;place-items:center;font-style:normal;font-size:1.4rem}
  .dbrpg-dock>button.active{color:var(--m-violet-deep)}
  .dbrpg-dock>button.active>i{transform:translateY(-2px)}
  .dbrpg-dock>button .dbrpg-hud-badge{position:absolute;top:-4px;right:calc(50% - 26px)}
  /* Ordre : Accueil · Histoire · COMBAT · Profil · Menus */
  .dbrpg-dock>button:nth-child(1){order:1}
  .dbrpg-dock>button:nth-child(2){order:3}
  .dbrpg-dock>button:nth-child(3){order:2}
  .dbrpg-dock>button:nth-child(4){order:4}
  .dbrpg-dock>button:nth-child(5){order:5}
  .dbrpg-dock>button:nth-child(2)>i{width:62px;height:62px;margin-top:-30px;border:var(--m-stroke) solid var(--m-ink);border-radius:50%;background:var(--m-pop);color:var(--m-ink);box-shadow:var(--m-shadow-sm)}
  .dbrpg-dock>button:nth-child(2)>i .dbrpg-icon{width:30px;height:30px}
  .dbrpg-dock>button:nth-child(2).active>i{background:var(--m-violet);color:var(--m-blank)}
  .dbrpg-menu-sheet{padding:0;place-items:end stretch}
  .dbrpg-menu-panel{width:100%;max-height:calc(100dvh - var(--dbrpg-admin-bar-height) - 40px);border-radius:var(--m-radius-lg) var(--m-radius-lg) 0 0;border-bottom:0;padding:18px 14px calc(24px + env(safe-area-inset-bottom))}
  .dbrpg-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dbrpg-menu-grid>button{min-height:60px;padding:8px}
  .dbrpg-menu-grid>button>small{display:none}
  .dbrpg-menu-grid>button>i{grid-row:auto}
  .dbrpg-menu-head h2{font-size:2rem}
}
@media (max-width:420px){
  .dbrpg-hud-wallet{padding-right:8px;font-size:.85rem}
}