/* DBAF.EU V10.0 — FINAL COMBAT + LIVE UI
   Live fight HUD, notification center and final combat consistency layer.
   This file intentionally sits after V9.9 core CSS. */
:root{
  --v100-cyan:#6ee7ff;
  --v100-blue:#4b8cff;
  --v100-violet:#9d75ff;
  --v100-gold:#ffd36a;
  --v100-green:#66e7a8;
  --v100-red:#ff6579;
  --v100-ink:#061825;
  --v100-panel:#0a263b;
  --v100-panel2:#0d3049;
  --v100-line:rgba(105,188,232,.28);
  --v100-muted:#86aabd;
}

/* --- unified live combat HUD ------------------------------------------------ */
.v100-combat-hud{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);
  gap:10px;
  margin:12px 0;
  padding:10px;
  border:1px solid rgba(88,178,226,.34);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 0,rgba(100,211,255,.12),transparent 28%),
    linear-gradient(145deg,#0c2c44,#071c2e);
  box-shadow:0 16px 34px rgba(3,27,44,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
.v100-combat-hud:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(rgba(102,214,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(102,214,255,.025) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);
}
.v100-fighter{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:15px;
  border:1px solid rgba(109,183,220,.22);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(17,52,76,.94),rgba(7,27,44,.97));
}
.v100-fighter-player:after,.v100-fighter-enemy:after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  top:-54px;
  right:-36px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(98,219,255,.16),transparent 68%);
  pointer-events:none;
}
.v100-fighter-enemy{
  background:linear-gradient(145deg,rgba(65,30,39,.94),rgba(31,17,29,.97));
  border-color:rgba(255,115,134,.20);
}
.v100-fighter-enemy:after{background:radial-gradient(circle,rgba(255,105,127,.16),transparent 68%)}
.v100-fighter-head{display:flex;align-items:center;gap:10px;min-width:0}
.v100-fighter-head>div{min-width:0}
.v100-fighter-head small,.v100-fighter-head b{display:block}
.v100-fighter-head small{color:#75a8c0;font-size:7.5px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}
.v100-fighter-head b{overflow:hidden;margin-top:3px;color:#fff;font-size:17px;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}
.v100-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(111,219,255,.46);border-radius:50%;background:#0a2235;box-shadow:0 0 18px rgba(79,201,255,.11)}
.v100-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}
.v100-enemy-orb{position:absolute;right:14px;top:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,117,133,.28);border-radius:50%;background:rgba(61,20,30,.68);color:#ff9aa8;box-shadow:0 0 18px rgba(255,91,115,.10)}
.v100-hp-title{display:flex;justify-content:space-between;gap:8px;margin-top:14px;color:#789fb4;font-size:7.5px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.v100-hp-title strong{color:#eafaff;font-size:8.5px;letter-spacing:0;text-transform:none}
.v100-hpbar{height:9px;margin-top:6px;overflow:hidden;border-radius:999px;background:#041522;box-shadow:inset 0 1px 3px rgba(0,0,0,.58)}
.v100-hpbar i{display:block;height:100%;border-radius:inherit;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.v100-hpbar.is-player i{background:linear-gradient(90deg,#36bfef,#65e4ff,#65e3aa);box-shadow:0 0 14px rgba(84,220,255,.34)}
.v100-hpbar.is-enemy i{background:linear-gradient(90deg,#ff5c75,#ff9263,#ffd365);box-shadow:0 0 14px rgba(255,93,119,.30)}
.v100-fighter-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}
.v100-fighter-meta span{min-width:0;padding:7px 8px;border:1px solid rgba(113,172,205,.14);border-radius:9px;background:rgba(4,19,31,.44)}
.v100-fighter-meta small,.v100-fighter-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v100-fighter-meta small{color:#7298ad;font-size:7px;text-transform:uppercase}
.v100-fighter-meta b{margin-top:2px;color:#eef9ff;font-size:9px}
.v100-versus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.v100-versus>span{padding:3px 7px;border:1px solid rgba(102,231,168,.33);border-radius:999px;background:rgba(27,92,69,.22);color:#6be8aa;font-size:7px;font-weight:1000;letter-spacing:1.4px}
.v100-versus>b{color:#fff;font-size:30px;line-height:1;text-shadow:0 0 18px rgba(113,221,255,.26)}
.v100-versus>small{color:#628da5;font-size:7px;letter-spacing:1px}
.v100-service-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:7px}
.v100-service-chips span{padding:3px 5px;border:1px solid rgba(105,147,171,.17);border-radius:999px;background:rgba(4,18,29,.46);color:#738e9f;font-size:6.5px;font-weight:1000;letter-spacing:.5px}
.v100-service-chips .is-on{border-color:rgba(80,216,153,.28);color:#70e3a9;background:rgba(29,91,68,.18)}
.v100-combat-hud.is-win{border-color:rgba(83,217,151,.40);box-shadow:0 16px 34px rgba(3,27,44,.18),0 0 24px rgba(77,220,148,.07)}
.v100-combat-hud.is-win .v100-fighter-enemy{animation:v100EnemyDown .55s ease both}
.v100-combat-hud.is-win .v100-hpbar.is-enemy i{animation:v100Drain .6s ease both}
.v100-combat-hud.is-loss{border-color:rgba(255,104,124,.34)}
.v100-combat-hud.is-loss .v100-fighter-player{animation:v100PlayerHit .42s ease both}
@keyframes v100Drain{from{width:100%}to{width:0%}}
@keyframes v100EnemyDown{0%{transform:translateX(0)}45%{transform:translateX(4px)}100%{transform:translateX(0)}}
@keyframes v100PlayerHit{0%,100%{transform:translateX(0)}35%{transform:translateX(-4px)}70%{transform:translateX(3px)}}

/* --- action area / fight buttons ------------------------------------------ */
body.dbaf-system-page a.dbaf-action,
body.dbaf-page-kovu_zona .s2>a[href*="id=pulti"],
body.dbaf-page-misijos .s2>a[href*="fight"],
body.dbaf-page-server_boss .v87-boss-hit{
  position:relative;
  overflow:hidden;
  min-height:38px;
  border-radius:10px!important;
  font-weight:1000!important;
  letter-spacing:.5px;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
body.dbaf-system-page a.dbaf-action:hover,
body.dbaf-page-kovu_zona .s2>a[href*="id=pulti"]:hover,
body.dbaf-page-server_boss .v87-boss-hit:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 9px 18px rgba(22,106,157,.16)}
body.dbaf-page-kovu_zona .kz-endurance{border-left:3px solid var(--v100-green);padding-left:9px!important}

/* --- live notifications ---------------------------------------------------- */
.dbaf-notification-banner{margin:7px 0;border:1px solid rgba(101,185,228,.28);border-radius:11px;background:linear-gradient(145deg,#0d3048,#082137);box-shadow:0 8px 18px rgba(3,28,45,.10)}
.dbaf-notification-banner>a{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 11px;color:#eaf9ff!important;text-decoration:none!important}
.dbaf-notification-banner>a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#143e59;color:#72ddff}
.dbaf-notification-banner>a>b{font-size:10px}
.dbaf-notification-banner>a>strong{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#ff6479;color:#fff;font-size:9px}
.dbaf-notification-banner>a>small{color:#73dfff;font-size:7px;font-weight:1000;letter-spacing:.8px}
.dbaf-notification-banner.is-system{border-color:rgba(167,124,255,.28);background:linear-gradient(145deg,#22284e,#111d38)}
.dbaf-notification-banner.is-system>a>span{background:#352d63;color:#c3a5ff}
.v100-notification-link{position:relative!important}
.v100-notification-badge{position:absolute;right:-5px;top:-6px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border:2px solid #092136;border-radius:999px;background:#ff5f75;color:#fff;font-size:7px;font-weight:1000;line-height:1}
.v100-notification-link.has-system{box-shadow:inset 0 0 0 1px rgba(174,131,255,.32)!important}

/* --- Mini Chat final pass -------------------------------------------------- */
.heroes-live-chat{overflow:hidden!important;border:1px solid rgba(89,177,223,.30)!important;border-radius:14px!important;background:linear-gradient(145deg,#0b2a42,#071d30)!important;box-shadow:0 12px 24px rgba(4,29,45,.12)!important}
.heroes-live-chat .live-chat-head,.heroes-live-chat .dbaf-live-chat-head{background:linear-gradient(90deg,rgba(30,83,116,.72),rgba(18,48,76,.80))!important;border-bottom:1px solid rgba(101,184,226,.20)!important}
.heroes-live-chat input,.heroes-live-chat textarea{border-color:rgba(103,176,216,.28)!important;background:#061b2c!important;color:#effaff!important;border-radius:9px!important}
.heroes-live-chat button{border-radius:9px!important;background:linear-gradient(180deg,#66dcff,#2a8dc6)!important;color:#052034!important;font-weight:1000!important}
#liveEventPanel{position:relative;overflow:hidden;border:1px solid rgba(255,207,104,.23);border-radius:11px;background:radial-gradient(circle at 92% 10%,rgba(255,207,102,.13),transparent 24%),rgba(7,25,39,.68)}
#liveEventPanel:before{content:"LIVE EVENT";position:absolute;right:8px;top:7px;color:rgba(255,224,147,.48);font-size:6px;font-weight:1000;letter-spacing:1.2px}
.live-guess-notice{border-radius:9px!important}
#liveMessagesPanel{scrollbar-width:thin;scrollbar-color:#2f759b #071d2f}

/* --- older combat systems get the same visual language -------------------- */
body.dbaf-system-page .dbaf-ui-combat-list{
  border-color:rgba(91,177,221,.25)!important;
  background:linear-gradient(145deg,rgba(13,46,70,.92),rgba(7,29,46,.96))!important;
}
body.dbaf-page-misijos .mission-stage,
body.dbaf-page-kovu_zona .kz-mob,
body.dbaf-page-dbs_visatos .v87-universe-card,
body.dbaf-page-sagos .v87-saga-card{
  box-shadow:0 10px 22px rgba(4,27,43,.12)!important;
}
body.dbaf-page-server_boss .v87-boss-hero,
body.dbaf-page-server_boss .v87-boss-player,
body.dbaf-page-server_boss .v87-boss-top{border-radius:15px!important}

/* --- compact desktop / responsive ----------------------------------------- */
@media(max-width:1050px){
  .v100-combat-hud{grid-template-columns:1fr 110px 1fr}
  .v100-fighter{padding:12px}
  .v100-fighter-head b{font-size:15px}
  .v100-service-chips span{font-size:6px}
}
@media(max-width:760px){
  .v100-combat-hud{grid-template-columns:1fr;gap:7px;padding:7px;border-radius:14px}
  .v100-versus{min-height:64px;flex-direction:row;flex-wrap:wrap}
  .v100-versus>b{font-size:23px}
  .v100-versus>small{display:none}
  .v100-service-chips{width:100%;margin-top:2px}
  .v100-fighter-meta{grid-template-columns:1fr 1fr}
  .dbaf-notification-banner>a{grid-template-columns:30px minmax(0,1fr) auto}
  .dbaf-notification-banner>a>small{display:none}
}
@media(max-width:430px){
  .v100-fighter-meta{grid-template-columns:1fr}
  .v100-fighter-head b{font-size:14px}
  .v100-service-chips span{padding:3px 4px}
}
@media(prefers-reduced-motion:reduce){
  .v100-combat-hud *{animation:none!important;transition:none!important}
}

/* V10.1 stability UI: PM read-state controls */
body.dbaf-page-pm .pm-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
body.dbaf-page-pm .pm-toolbar .dbaf-action{
  width:auto!important;
  margin:0!important;
  padding:7px 10px!important;
  font-size:9px!important;
}
@media(max-width:640px){
  body.dbaf-page-pm .pm-toolbar{align-items:stretch;flex-direction:column}
  body.dbaf-page-pm .pm-toolbar .dbaf-action{width:100%!important;text-align:center}
}