/* HARUNA DOWNHILL V5.162 · LIGHTWEIGHT CHAT VS CARDS — only transforms/opacity animate */
#harunaChatLiveBattleV5162[hidden]{display:none!important}
#harunaChatLiveBattleV5162{display:grid;gap:7px;position:relative;padding:5px 2px 8px;max-height:min(58vh,435px);overflow-y:auto;overscroll-behavior:contain}
.hcb-battle{isolation:isolate;position:relative;overflow:hidden;padding:10px 11px 9px;color:#fff;text-shadow:0 2px 4px #000;background:linear-gradient(130deg,#121d35 0%,#071020 48%,#291018 100%);border:2px solid #52c9ef;border-radius:12px;box-shadow:0 0 0 1px #ffffff35 inset,0 5px 18px #000b,0 0 18px #39b5fa5e;contain:layout paint}
.hcb-battle:before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(128deg,transparent 0 24px,#44bafb17 25px 26px,transparent 27px 48px);transform:skew(-9deg)}
.hcb-kicker{text-align:center;letter-spacing:.12em;font:900 clamp(12px,1.7vw,20px)/1.1 system-ui,sans-serif;color:#b5f8ff;text-shadow:0 0 6px #00c8ff,0 0 16px #008de2;margin:1px 0 7px}
.hcb-arena{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:stretch;gap:2px;min-height:0}
.hcb-fighter{min-width:0;display:flex;flex-direction:column;gap:4px;position:relative;padding:7px 6px 6px;background:linear-gradient(150deg,#173b54c9,#06111fc9);border:1px solid #61dcff8a;box-shadow:inset 0 0 18px #0da9f928;border-radius:8px;overflow:hidden}
.hcb-fighter.right{background:linear-gradient(210deg,#471f2cc9,#120b16e3);border-color:#ff615ba3;box-shadow:inset 0 0 18px #ee284e2a}
.hcb-head{display:flex;justify-content:space-between;align-items:center;gap:5px;white-space:nowrap;font:900 clamp(12px,1.6vw,19px)/1.1 system-ui,sans-serif}.hcb-name{overflow:hidden;text-overflow:ellipsis}.hcb-lvl{font-size:.74em;flex-shrink:0;color:#ffe96b;text-shadow:0 0 9px #ffbf27}
.hcb-carname{font:900 clamp(10px,1.3vw,14px)/1 system-ui,sans-serif;color:#a7ecff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcb-visual{height:clamp(55px,11vh,115px);display:flex;align-items:center;justify-content:center;overflow:hidden}.hcb-car-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 5px #0009)}.hcb-noimage{font-size:11px;color:#cce1f6}
.hcb-stats{display:grid;gap:2px}.hcb-stat{display:grid;grid-template-columns:minmax(57px,31%) minmax(0,1fr) 31px;align-items:center;gap:3px;line-height:1}.hcb-stat-name{font:800 clamp(7px,.8vw,11px)/1.1 system-ui,sans-serif;color:#e4effb}.hcb-bars{display:flex;align-items:center;gap:1px;min-width:0}.hcb-bars i{display:block;flex:1 1 auto;height:7px;background:#1b3149;transform:skew(-14deg);border:1px solid #34587d80}.hcb-bars i.lit{background:linear-gradient(#bff9ff,#20c4f9);box-shadow:0 0 3px #38ccff}.hcb-stat-value{text-align:right;font:800 9px/1 system-ui,sans-serif;color:#f8e3a5}
.hcb-versus{min-width:0;align-self:center;display:flex;align-items:center;justify-content:center;position:relative;min-height:74px;transform:translateZ(0)}.hcb-vs{z-index:3;position:relative;font:1000 clamp(18px,3.2vw,33px)/1 system-ui,sans-serif;color:#fff7cf;font-style:italic;-webkit-text-stroke:.4px #ffc44b;text-shadow:0 0 4px #fff,0 0 9px #fef800,0 0 21px #ff4600,3px 4px #000}
.hcb-bolt{position:absolute;left:2%;top:-34%;height:170%;width:98%;color:#97f4ff;filter:drop-shadow(0 0 4px #43e5ff) drop-shadow(0 0 10px #078fff);animation:hcb-electro 2.4s steps(1,end) infinite;opacity:.83}.hcb-shock{position:absolute;width:85%;aspect-ratio:1;border:2px solid #fff8c1;border-radius:50%;box-shadow:0 0 18px #00cbff;animation:hcb-impact 1.7s ease-out infinite}
.hcb-footer{display:flex;flex-wrap:wrap;gap:3px 11px;align-items:center;justify-content:center;margin:8px 1px 1px;text-align:center}.hcb-outcome{font:1000 clamp(13px,1.5vw,18px)/1 system-ui,sans-serif;color:#ffdc66;text-shadow:0 0 8px #ff5c2e}.hcb-caption{font:700 clamp(10px,1.1vw,13px)/1.2 system-ui,sans-serif;color:#fff}.hcb-timings{font:800 10px/1 monospace;color:#83dcff}
.hcb-result{border-color:#ffc943;box-shadow:0 0 15px #ffd23a85,0 0 0 1px #fff9c080 inset}.hcb-result .hcb-kicker{color:#ffe18a;text-shadow:0 0 8px #f90,0 0 13px #f90}.hcb-result .hcb-win{border:2px solid #ffdb61;background:linear-gradient(140deg,#5e380dbb,#1b1924dd);box-shadow:0 0 15px #ffb82588,inset 0 0 20px #fff57a38}.hcb-result .hcb-defeat{filter:saturate(.45);opacity:.72}.hcb-winner-tag{text-align:center;font:1000 12px/1 system-ui,sans-serif;color:#ffe672;text-shadow:0 0 8px #ffd142}.hcb-result .hcb-vs{color:#ffdb6e}
.hcb-chatline{border:0!important;padding:2px!important;background:transparent!important;box-shadow:none!important;display:block!important}.hcb-chatline .hcb-battle{margin:0 1px;animation:hcb-pop .5s cubic-bezier(.2,.7,.2,1) both}
#harunaChatLiveBattleV5162 .hcb-battle{animation:hcb-pop .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes hcb-pop{from{transform:scale(.87);opacity:.2}65%{transform:scale(1.025);opacity:1}to{transform:scale(1);opacity:1}}
@keyframes hcb-electro{0%,24%,48%,78%,100%{opacity:.12;transform:scaleY(.93) skew(-7deg)}7%,31%,60%,85%{opacity:1;transform:scaleY(1.03) skew(7deg)}}
@keyframes hcb-impact{0%{opacity:1;transform:scale(.35)}60%,100%{opacity:0;transform:scale(1.55)}}
@media(max-width:640px),(max-height:450px){#harunaChatLiveBattleV5162{max-height:45vh}.hcb-battle{padding:6px 6px 5px;border-radius:8px}.hcb-arena{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.hcb-fighter{padding:4px;gap:2px}.hcb-head{font-size:11px}.hcb-carname{font-size:9px}.hcb-visual{height:42px}.hcb-stat{grid-template-columns:minmax(45px,34%) minmax(0,1fr) 25px;gap:2px}.hcb-stat-name{font-size:6.4px}.hcb-stat-value{font-size:7px}.hcb-bars i{height:5px}.hcb-kicker{font-size:11px;margin:0 0 4px}.hcb-vs{font-size:17px}.hcb-footer{margin-top:4px}.hcb-outcome{font-size:11px}.hcb-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hcb-bolt,.hcb-shock,.hcb-battle{animation:none!important}}

/* Archived CHAT events do not keep animating in the background. */
#onlineChatLog .hcb-chatline:not(:last-child) .hcb-bolt,#onlineChatLog .hcb-chatline:not(:last-child) .hcb-shock{animation:none!important;opacity:.55}
body.hcb-racing #harunaChatLiveBattleV5162{display:none!important}