#hit-feedback{--hit-ink:#ffc950;--hit-glow:#ffc95080;position:absolute;left:50%;transform:translate(-50%,-50%);
  width:230px;height:66px;pointer-events:none;z-index:1;text-align:center;isolation:isolate}
#hit-feedback #judgement{position:relative;top:auto;left:auto;transform:none;display:block;width:100%;height:36px;margin:0;padding:0;justify-self:stretch;align-self:stretch;text-align:center;
  font:400 clamp(29px,8.5cqw,39px)/36px TicketDisplay,Impact,sans-serif;font-style:italic;letter-spacing:.045em;white-space:nowrap;
  -webkit-text-stroke:.45px #111521;text-shadow:0 3px 0 #132333,1px 0 2px #101824,-1px 0 2px #101824,0 0 12px var(--hit-glow),0 0 24px var(--hit-glow);will-change:transform,opacity}
#hit-feedback #judgement:after{content:'';position:absolute;left:20%;right:20%;height:1px;bottom:0;
  background:linear-gradient(90deg,transparent,var(--hit-ink),#fff9e5,var(--hit-ink),transparent);box-shadow:0 0 7px var(--hit-glow)}
.combo-slot{height:28px;display:flex;justify-content:center;align-items:center;margin-top:2px}
#hit-feedback #combo{position:relative;left:auto;top:auto;transform:none;display:flex;align-items:baseline;justify-content:center;gap:6px;margin:0;padding:0 9px;
  color:#fff4d7;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 2px 1px #07111c,0 0 7px #06121a,0 0 11px var(--hit-glow);will-change:transform}
#hit-feedback #combo b{display:inline;font-size:25px;font-weight:850;line-height:1;letter-spacing:-.025em;font-style:italic}
#hit-feedback #combo small{font-size:8px;font-weight:800;letter-spacing:.13em;color:#ffe9ba}
#hit-feedback #combo.combo-milestone b{color:#ffdc75;text-shadow:0 2px 0 #754326,0 0 12px #ffcb68}
#judge-ring{position:absolute;z-index:-1;left:50%;top:-6px;width:180px;height:48px;border:2px solid var(--hit-ink);border-radius:50%;opacity:0;transform:translateX(-50%);box-shadow:0 0 10px var(--hit-glow)}
.judge-spark{position:absolute;left:50%;top:13px;width:7px;height:7px;pointer-events:none;border-radius:1px}
.landscape #hit-feedback #judgement{font-size:clamp(29px,3.8cqw,36px)}
.landscape #hit-feedback #combo b{font-size:25px}.landscape #hit-feedback #combo small{font-size:8px}
@media(prefers-reduced-motion:reduce){#hit-feedback #judgement,#hit-feedback #combo{will-change:auto}#judge-ring,.judge-spark{display:none!important}}