.braven-splash{
  position:absolute;z-index:60;inset:0;display:grid;place-items:center;
  color:#fff4cf;background:#020203;pointer-events:auto;opacity:1;visibility:visible;
}
.braven-splash div{text-align:center;opacity:0;transform:scale(.92)}
.braven-splash.play{animation:braven-splash-shell 3.35s ease forwards}
.braven-splash.play div{animation:braven-splash-mark 3.15s ease both}
.braven-splash strong,.braven-splash span{display:block;font-family:RumaPixel,monospace;letter-spacing:.18em;text-shadow:5px 5px 0 #2e1738}
.braven-splash strong{font-size:clamp(28px,6vw,58px)}
.braven-splash span{margin-top:9px;color:#ffcb42;font-size:clamp(13px,2.4vw,22px);letter-spacing:.42em}
@keyframes braven-splash-mark{0%,12%{opacity:0;filter:blur(7px);transform:scale(.9)}35%,68%{opacity:1;filter:none;transform:scale(1)}88%,100%{opacity:0;filter:blur(3px);transform:scale(1.035)}}
@keyframes braven-splash-shell{0%,88%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}

#startScreen .fighter-card[data-hero="boki"]::before{
  background:radial-gradient(#eeffb0 1px,transparent 1.8px) 0 0/7px 7px,
    conic-gradient(from 8deg at 50% 100%,#39ef75 0 18deg,#087b44 18deg 36deg,#29c967 36deg 54deg,#075d39 54deg 72deg,#39ef75 72deg 90deg,#087b44 90deg 108deg,#29c967 108deg 126deg,#075d39 126deg 360deg)!important;
}
#startScreen .fighter-card[data-hero="rista"]::before{
  background:radial-gradient(#d6f5ff 1px,transparent 1.8px) 0 0/7px 7px,
    conic-gradient(from 8deg at 50% 100%,#25b9ff 0 18deg,#1747bf 18deg 36deg,#2085ee 36deg 54deg,#112d8a 54deg 72deg,#25b9ff 72deg 90deg,#1747bf 90deg 108deg,#2085ee 108deg 126deg,#112d8a 126deg 360deg)!important;
}
#startScreen .fighter-card[data-hero="heroine"]::before{
  background:radial-gradient(#ffd5dc 1px,transparent 1.8px) 0 0/7px 7px,
    conic-gradient(from 8deg at 50% 100%,#ff5064 0 18deg,#ae123f 18deg 36deg,#ee294c 36deg 54deg,#7a1237 54deg 72deg,#ff5064 72deg 90deg,#ae123f 90deg 108deg,#ee294c 108deg 126deg,#7a1237 126deg 360deg)!important;
}

body.select-mode .health-block,body.select-mode .combat-block,body.select-mode .portrait small{display:none!important}
body.select-mode .hud{grid-template-columns:1.4fr .7fr}

.health-track{
  height:19px!important;margin-top:3px!important;padding:3px!important;
  border:2px solid #ffe6a3!important;background:#08060c!important;clip-path:none!important;
  box-shadow:3px 3px 0 #09060d,inset 0 0 0 1px #6a3140!important;
}
.health-track i{
  background:repeating-linear-gradient(90deg,transparent 0 18px,#120a13 18px 20px),linear-gradient(180deg,#fff58b 0 20%,#ffc43c 21% 60%,#d73c45 61% 100%)!important;
  box-shadow:inset 0 2px #fff6bb,inset 0 -2px #9e2438!important;
}
@media(max-width:720px),(pointer:coarse){
  .braven-splash strong{font-size:30px}.braven-splash span{font-size:13px}
  body.select-mode .hud{grid-template-columns:1.25fr .75fr}
  .health-track{height:14px!important;padding:2px!important}
}