/* Arcade v3 HUD Evolution */
.legacy-hud-values{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.hud-evolution{position:absolute;inset:8px 8px auto;z-index:7;display:grid;gap:6px;pointer-events:none;font-family:inherit;color:#fff;text-shadow:0 1px 5px #000}
.hud-top-row{display:grid;grid-template-columns:minmax(112px,1.35fr) minmax(74px,.8fr) minmax(66px,.7fr);gap:6px;align-items:stretch}
.hud-character-card,.hud-score-card,.hud-combo-card,.hud-status-row,.hud-bars{border:1px solid rgba(0,255,157,.42);background:linear-gradient(180deg,rgba(5,18,22,.88),rgba(1,7,11,.72));box-shadow:inset 0 1px rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.3);backdrop-filter:blur(8px)}
.hud-character-card{display:flex;align-items:center;gap:7px;border-radius:12px;padding:4px 7px;min-width:0}
.hud-portrait-wrap{width:34px;height:34px;flex:0 0 34px;border-radius:9px;overflow:hidden;border:1px solid rgba(0,255,157,.55);background:radial-gradient(circle,#15342d,#03090b);box-shadow:0 0 12px rgba(0,255,157,.2)}
.hud-character-portrait{width:100%;height:100%;object-fit:cover;object-position:center 15%;transform:scale(1.15)}
.hud-character-copy{min-width:0;display:flex;flex-direction:column;line-height:1.05}.hud-character-copy strong{font-size:.55rem;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-character-copy span{font-size:.43rem;opacity:.75;margin-top:4px;letter-spacing:.08em}
.hud-score-card,.hud-combo-card{border-radius:12px;padding:6px 8px;display:flex;flex-direction:column;justify-content:center;min-width:0}.hud-score-card span,.hud-combo-card span{font-size:.42rem;letter-spacing:.15em;opacity:.7}.hud-score-card strong{font-size:.78rem;line-height:1.05;color:#eafff6}.hud-combo-card strong{font-size:.82rem;line-height:1.05;color:#fff4a6;transition:transform .12s,color .2s,text-shadow .2s}.hud-combo-card.hot strong{color:#ffcc5c;text-shadow:0 0 12px rgba(255,166,55,.85);transform:scale(1.12)}
.hud-bars{border-radius:11px;padding:5px 7px;display:grid;gap:4px}.hud-bar-row{display:grid;grid-template-columns:16px 1fr 38px;gap:5px;align-items:center}.hud-bar-icon{font-size:.65rem;text-align:center}.hud-bar-row strong{font-size:.48rem;text-align:right}.hud-bar-track{height:7px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.7)}.hud-bar-fill{height:100%;width:0;border-radius:inherit;transition:width .18s ease,background .2s,filter .2s}.hud-health-fill{background:linear-gradient(90deg,#15d978,#9dff8a)}.hud-health-fill.mid{background:linear-gradient(90deg,#ffd85e,#ff9d44)}.hud-health-fill.danger{background:linear-gradient(90deg,#ff5858,#ff1f48);filter:drop-shadow(0 0 5px rgba(255,40,65,.75));animation:hudDangerPulse .7s ease-in-out infinite}.hud-attack-fill{background:linear-gradient(90deg,#00b7ff,#8fffe8)}.hud-attack-fill.ready{background:linear-gradient(90deg,#eaffff,#4dffbd);box-shadow:0 0 10px rgba(77,255,189,.9)}
.hud-status-row{border-radius:999px;padding:4px 9px;display:flex;justify-content:space-between;gap:8px;font-size:.42rem;letter-spacing:.08em;color:#bfffe9}.hud-status-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-boss{position:absolute;z-index:8;top:92px;left:50%;width:min(72%,320px);transform:translateX(-50%) translateY(-10px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border-radius:12px;padding:7px 10px;background:linear-gradient(180deg,rgba(36,4,10,.9),rgba(8,1,3,.78));border:1px solid rgba(255,82,102,.65);box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 16px rgba(255,55,90,.18)}.hud-boss.show{opacity:1;transform:translateX(-50%) translateY(0)}.hud-boss-title{display:flex;justify-content:space-between;gap:8px;font-size:.48rem;letter-spacing:.12em;margin-bottom:5px}.hud-boss-title span{color:#ffd4dc}.hud-boss-title strong{color:#ff7c94}.hud-boss-track{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.hud-boss-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff345b,#ff9d4d);transition:width .2s ease}
.hud-notifications{position:absolute;z-index:9;top:132px;right:9px;width:min(58%,220px);display:grid;gap:5px;pointer-events:none}.hud-note{justify-self:end;max-width:100%;padding:6px 9px;border-radius:10px;border:1px solid rgba(0,255,157,.4);background:rgba(2,12,14,.88);font-size:.48rem;letter-spacing:.07em;box-shadow:0 8px 18px rgba(0,0,0,.35);animation:hudNoteIn 2.2s ease forwards}.hud-note.heal{border-color:rgba(98,255,160,.7);color:#b9ffd7}.hud-note.boss{border-color:rgba(255,80,100,.7);color:#ffd4da}.hud-note.upgrade{border-color:rgba(255,211,88,.72);color:#fff0a6}.hud-note.shard{border-color:rgba(126,249,255,.76);color:#c8fbff;box-shadow:0 8px 18px rgba(0,0,0,.35),0 0 14px rgba(64,224,255,.18)}.hud-note.special-hit{border-color:rgba(255,112,214,.78);color:#ffd5f1;box-shadow:0 8px 18px rgba(0,0,0,.35),0 0 16px rgba(255,70,198,.22)}
body.mode-runway .hud-character-card,body.mode-runway .hud-score-card,body.mode-runway .hud-combo-card,body.mode-runway .hud-status-row,body.mode-runway .hud-bars{border-color:rgba(255,92,210,.5);background:linear-gradient(180deg,rgba(32,6,30,.86),rgba(5,6,17,.74))}body.mode-runway .hud-attack-fill{background:linear-gradient(90deg,#ff4bc8,#63e8ff)}
.mobile-controls .ctrl{position:relative;overflow:hidden}.mobile-controls .ctrl::after{content:"";position:absolute;inset:auto 7px 5px;height:2px;border-radius:999px;background:rgba(255,255,255,.15)}.mobile-controls .ctrl.attack-ready{border-color:#6dffd0;box-shadow:0 0 18px rgba(0,255,157,.35)}.mobile-controls .ctrl.attack-ready::after{background:#6dffd0;box-shadow:0 0 8px #6dffd0}
@keyframes hudDangerPulse{50%{opacity:.58}}@keyframes hudNoteIn{0%{opacity:0;transform:translateX(18px) scale(.96)}12%,74%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@media(max-width:640px){.hud-evolution{inset:7px 7px auto;gap:4px}.hud-top-row{grid-template-columns:minmax(104px,1.35fr) minmax(64px,.76fr) minmax(60px,.68fr);gap:4px}.hud-character-card{padding:3px 5px;gap:5px}.hud-portrait-wrap{width:29px;height:29px;flex-basis:29px}.hud-character-copy strong{font-size:.47rem}.hud-character-copy span{font-size:.37rem}.hud-score-card,.hud-combo-card{padding:4px 6px}.hud-score-card strong,.hud-combo-card strong{font-size:.66rem}.hud-bars{padding:4px 6px}.hud-bar-row{grid-template-columns:14px 1fr 33px;gap:4px}.hud-status-row{font-size:.36rem;padding:3px 7px}.hud-boss{top:82px;width:78%;padding:6px 8px}.hud-notifications{top:119px;right:7px;width:62%}.runway-hud{top:117px!important}}
@media(max-width:420px){.hud-character-copy span{display:none}.hud-top-row{grid-template-columns:minmax(88px,1.1fr) 64px 58px}.hud-score-card span,.hud-combo-card span{font-size:.35rem}.hud-status-row span:nth-child(2){max-width:36%}}

/* v3.3 character-centered HUD */
.hud-top-row{grid-template-columns:minmax(170px,1.8fr) minmax(78px,.72fr) minmax(72px,.68fr)}
.hud-character-card{min-height:58px;padding:5px 8px}.hud-portrait-wrap{width:48px;height:48px;flex-basis:48px;border-radius:12px}.hud-character-copy{gap:3px}.hud-character-name-line{display:flex;align-items:center;gap:6px;min-width:0}.hud-character-name-line strong{font-size:.62rem!important}.hud-character-name-line i{font-style:normal;font-size:.34rem;letter-spacing:.1em;color:#f7d97a}.hud-character-copy small{display:block;font-size:.34rem;letter-spacing:.055em;color:rgba(210,255,239,.68);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-score-card small,.hud-combo-card small{margin-top:4px;font-size:.34rem;color:#9ed8c8;letter-spacing:.05em}.hud-bars{grid-template-columns:1fr}.hud-special-fill{background:linear-gradient(90deg,#8b5cf6,#f472b6)}.hud-special-fill.ready{background:linear-gradient(90deg,#fff3a8,#ff77d5);box-shadow:0 0 12px rgba(255,119,213,.85);animation:hudSpecialPulse .65s ease-in-out infinite}.hud-special-name{justify-self:end;margin-top:-3px;padding:3px 8px;border-radius:999px;border:1px solid rgba(244,114,182,.3);background:rgba(20,5,24,.7);font-size:.34rem;letter-spacing:.09em;color:#ffd8f0}.mobile-controls .ctrl.special{border-color:rgba(244,114,182,.5)}.mobile-controls .ctrl.special-ready{border-color:#ff8bd6;box-shadow:0 0 18px rgba(255,76,190,.42);animation:hudSpecialPulse .7s ease-in-out infinite}.mobile-controls .ctrl.special-ready::after{background:#ff8bd6;box-shadow:0 0 9px #ff8bd6}
.hud-character-card[data-rarity="legendary"],.hud-character-card[data-rarity="mythic"]{border-color:rgba(251,191,36,.65);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 18px rgba(251,191,36,.12)}
@keyframes hudSpecialPulse{50%{filter:brightness(1.35)}}
@media(max-width:640px){.hud-top-row{grid-template-columns:minmax(145px,1.65fr) minmax(64px,.65fr) minmax(58px,.6fr)}.hud-character-card{min-height:50px}.hud-portrait-wrap{width:40px;height:40px;flex-basis:40px}.hud-character-name-line strong{font-size:.52rem!important}.hud-character-copy small{font-size:.29rem}.hud-character-name-line i{font-size:.28rem}.hud-score-card small,.hud-combo-card small{font-size:.28rem}.hud-special-name{font-size:.29rem}.mobile-controls{grid-template-columns:minmax(64px,.95fr) repeat(3,minmax(0,1fr))!important}.mobile-controls .ctrl{min-width:0!important;padding-left:4px!important;padding-right:4px!important;font-size:.48rem!important}}
@media(max-width:430px){.hud-top-row{grid-template-columns:minmax(126px,1.45fr) 58px 54px}.hud-character-copy small{display:none}.hud-character-name-line i{display:none}.hud-portrait-wrap{width:37px;height:37px;flex-basis:37px}.hud-character-card{min-height:47px}.hud-score-card small,.hud-combo-card small{display:none}}


/* v4.6.28 — HUD glow-up: mastery portrait frames, score pulse, boss bar shimmer */
.hud-character-card::before,
.hud-score-card::before,
.hud-combo-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 28%);
  opacity: 0.85;
}
.hud-character-card,
.hud-score-card,
.hud-combo-card {
  position: relative;
  overflow: hidden;
}
.hud-character-card[data-mastery-tier="bronze"] .hud-portrait-wrap {
  box-shadow: 0 0 14px rgba(205, 127, 50, 0.34), inset 0 0 8px rgba(205, 127, 50, 0.12);
  border-color: rgba(205, 127, 50, 0.72);
}
.hud-character-card[data-mastery-tier="silver"] .hud-portrait-wrap {
  box-shadow: 0 0 14px rgba(192, 208, 220, 0.34), inset 0 0 8px rgba(192, 208, 220, 0.12);
  border-color: rgba(192, 208, 220, 0.78);
}
.hud-character-card[data-mastery-tier="gold"] .hud-portrait-wrap {
  box-shadow: 0 0 16px rgba(255, 214, 102, 0.38), inset 0 0 10px rgba(255, 214, 102, 0.14);
  border-color: rgba(255, 214, 102, 0.82);
}
.hud-character-card[data-mastery-tier="diamond"] .hud-portrait-wrap {
  box-shadow: 0 0 18px rgba(120, 255, 220, 0.42), 0 0 28px rgba(0, 255, 157, 0.18), inset 0 0 10px rgba(120, 255, 220, 0.16);
  border-color: rgba(120, 255, 220, 0.88);
  animation: hudPortraitDiamond 2.4s ease-in-out infinite alternate;
}
.hud-score-card strong {
  text-shadow: 0 0 10px rgba(0, 255, 157, 0.18);
}
.hud-combo-card.hot {
  border-color: rgba(255, 196, 92, 0.72);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 0 18px rgba(255, 166, 55, 0.22);
  animation: hudComboHot 0.85s ease-in-out infinite alternate;
}
.hud-boss-fill {
  position: relative;
  overflow: hidden;
}
.hud-boss-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.34), transparent);
  transform: translateX(-120%);
  animation: hudBossShimmer 2.2s ease-in-out infinite;
}
.hud-bar-track {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.hud-health-fill.ready,
.hud-attack-fill.ready,
.hud-special-fill.ready {
  filter: drop-shadow(0 0 6px rgba(77, 255, 189, 0.55));
}
@keyframes hudPortraitDiamond {
  from { filter: brightness(1); }
  to { filter: brightness(1.12); }
}
@keyframes hudComboHot {
  from { transform: translateY(0); }
  to { transform: translateY(-1px); }
}
@keyframes hudBossShimmer {
  0%, 72% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
body.reduced-motion .hud-character-card[data-mastery-tier="diamond"] .hud-portrait-wrap,
body.reduced-motion .hud-combo-card.hot,
body.reduced-motion .hud-boss-fill::after {
  animation: none !important;
}


/* v4.1.0 temporary Run Build readout. */
.hud-run-build{
  justify-self:end;
  max-width:76%;
  margin-top:-2px;
  padding:3px 8px;
  border:1px solid rgba(208,112,255,.3);
  border-radius:999px;
  background:rgba(24,8,31,.72);
  color:#e6bdff;
  font-size:.32rem;
  letter-spacing:.065em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:640px){
  .hud-run-build{max-width:88%;font-size:.27rem}
}