/* KTK clash readout plate (ro1): compact dark plate, thin gold rule, tight REC brackets
   (hud-brackets 4px offset + glitch). Transform/opacity motion only, no flash. */
html .clash-ribbon.clash-ribbon{
  --ro-acc:#e9c574;position:fixed!important;width:max-content!important;display:flex!important;align-items:center!important;gap:7px!important;
  padding:5px 12px 5px 12px!important;border:0!important;border-radius:2px!important;clip-path:none!important;
  background:linear-gradient(180deg,rgba(20,16,13,.96),rgba(9,8,7,.96))!important;
  box-shadow:inset 0 1px 0 rgba(233,197,116,.55),inset 0 -1px 0 rgba(233,197,116,.55),0 4px 14px rgba(0,0,0,.55)!important;
  text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important;overflow:visible!important;
  font-family:'Cinzel',Georgia,serif!important;line-height:1!important;letter-spacing:0!important;
  opacity:0;transform:translate(-50%,-50%) translateY(4px)!important;transition:opacity .32s ease,transform .32s ease!important;animation:none!important}
html .clash-ribbon.clash-ribbon::before,html .clash-ribbon.clash-ribbon::after{content:none!important;display:none!important}
html .clash-ribbon.clash-ribbon.show{opacity:1;transform:translate(-50%,-50%)!important}
html .clash-ribbon.clash-ribbon.fade,html .clash-ribbon.clash-ribbon.kt-retire{opacity:0!important;transform:translate(-50%,-50%) translateY(-3px)!important}
html .clash-ribbon .clash-pow.clash-pow[class]{font:700 .95rem/1 'Cinzel',Georgia,serif!important;color:#cdbf9f!important;-webkit-text-fill-color:currentColor!important;
  background:none!important;-webkit-text-stroke:0!important;filter:none!important;text-shadow:0 1px 1px #000!important;padding:0!important;font-variant-numeric:tabular-nums}
html .clash-ribbon .clash-atk.clash-pow[class]{color:#efe2c2!important}
html .clash-ribbon .clash-arrow{font-size:.7rem!important;color:rgba(233,197,116,.7)!important;text-shadow:none!important;opacity:1!important;margin:0 -1px!important}
html .clash-ribbon .clash-result.clash-result{font:800 .95rem/1 'Cinzel',Georgia,serif!important;letter-spacing:.14em!important;text-transform:uppercase;
  color:var(--ro-acc)!important;text-shadow:0 1px 1px #000!important;margin:0 0 0 3px!important;padding:0 0 0 9px!important;
  border:0!important;border-left:1px solid rgba(233,197,116,.4)!important;background:none!important}
html .clash-ribbon .clash-result .result-damage-value{color:inherit!important;font-size:1.12em!important;letter-spacing:.02em}
html .clash-ribbon.ro-ovf{--ro-acc:#ff5a4a}
html .clash-ribbon.ro-ovf .clash-result{color:#ff6a58!important}
html .clash-ribbon.ro-blk{--ro-acc:#8fc4e4}
html .clash-ribbon.ro-blk .clash-result{color:#9fd2ee!important}
html .clash-ribbon.ro-ovf{box-shadow:inset 0 1px 0 rgba(233,197,116,.55),inset 0 -1px 0 rgba(255,90,74,.6),0 4px 14px rgba(0,0,0,.55)!important}
html .clash-ribbon.ro-blk{box-shadow:inset 0 1px 0 rgba(233,197,116,.55),inset 0 -1px 0 rgba(143,196,228,.6),0 4px 14px rgba(0,0,0,.55)!important}
/* brackets: same family as hud-brackets (4px out, 12px/1.5px) */
html .clash-ribbon>.fx-br{position:absolute;inset:-4px;pointer-events:none}
html .clash-ribbon>.fx-br b{width:9px;height:9px;border-width:1.5px;filter:none}
@media (max-width:700px),(orientation:landscape) and (max-height:520px){
  html .clash-ribbon.clash-ribbon{padding:4px 9px!important;gap:5px!important}
  html .clash-ribbon .clash-pow.clash-pow[class]{font-size:.8rem!important}
  html .clash-ribbon .clash-result.clash-result{font-size:.78rem!important;letter-spacing:.1em!important;padding-left:7px!important}
  html .clash-ribbon>.fx-br b{width:7px;height:7px}
}
@media (prefers-reduced-motion:reduce){html .clash-ribbon.clash-ribbon{transition:opacity .2s linear!important;transform:translate(-50%,-50%)!important}}