/* Original arcade HUD. Gauge fills, damage echoes, gradient flow and light share the battle clock. */
.team-scene{width:100%;min-width:0;container-type:inline-size;--super-accent:#f1ff35;--super-flare:0;--super-pulse:0;--hud-content-space:18px;--hud-cutscene-top:156px}
.battle-hud{--hud-portrait-width:70px;--hud-portrait-overhang:32px;--hud-portrait-raise:32px;--hud-motion-scale:1;--hud-portrait-depth:38px;--hud-meter-depth:20px;left:24px;right:24px;top:30px;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:20px;align-items:start;perspective:1100px;transform-style:flat;pointer-events:none}
.battle-energy-card{--hud-accent:#ff8ca1;--hud-direction:1;position:relative;min-width:0;padding:12px 14px 10px 56px;border:0;border-radius:8px;background:transparent;box-shadow:none;transform-style:preserve-3d;transform:translate3d(calc(var(--team-x)*2px*var(--hud-motion-scale)),calc((var(--hud-float,0px)*var(--hud-direction) + var(--team-y)*1.5px)*var(--hud-motion-scale)),8px) rotateX(calc(var(--team-y)*-1.3deg*var(--hud-motion-scale))) rotateY(calc(var(--team-x)*1.8deg*var(--hud-motion-scale)))}
.battle-energy-card:before{content:'';position:absolute;inset:4px -2px -5px 2px;border:1px solid color-mix(in srgb,var(--hud-accent) 22%,#241b38);border-radius:8px;background:#080d1e;box-shadow:0 13px 19px #03061180;transform:translateZ(-5px);pointer-events:none}
/* Each card owns its perspective so its front layers keep room at the scene edges. */
.battle-energy-card{perspective:850px;perspective-origin:50% 45%}
.hud-card-surface{position:absolute;inset:0;display:block;border:1px solid color-mix(in srgb,var(--hud-accent) 48%,#50446d);border-radius:inherit;background:radial-gradient(ellipse at calc(50% + var(--team-x)*25%) 0%,color-mix(in srgb,var(--hud-accent) 16%,transparent),transparent 75%),linear-gradient(135deg,#201b34f5,#0e1528f5);box-shadow:inset 0 1px 0 #f4eaff3b,inset 0 -1px 0 #050919,0 3px 0 #050919;transform:translateZ(0);pointer-events:none}
.hud-card-surface:after{content:'';position:absolute;inset:5px;border:1px solid #c8b3e812;border-radius:4px}
.enemy-energy-card{--vitality-color:#ff8f87;--vitality-light:#ffdfa1}
.hero-energy-card{--hud-accent:#93e6ff;--hud-direction:-1;--vitality-color:#70d5ed;--vitality-light:#d5f4a1;padding:12px 56px 10px 14px;text-align:right;background:transparent}
.battle-energy-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.battle-energy-name{position:relative;transform:translateZ(12px);transform-style:preserve-3d}
.battle-energy-card .battle-energy-name strong{display:block;font-size:clamp(15px,1.8cqw,23px);font-weight:850;font-style:italic;letter-spacing:.035em;color:#fff5fa;white-space:nowrap;text-shadow:0 1px 0 #786587,0 2px 0 #30243e,0 5px 7px #050514b3}
.hero-energy-card .battle-energy-name strong{color:#e9faff}
.battle-energy-name>span{font-size:8px;letter-spacing:.07em;line-height:1.3;color:#c9bfd8;white-space:nowrap}
.hero-energy-card .battle-energy-name{flex-direction:row-reverse}
.battle-energy{position:relative;margin-top:9px;height:22px;border:1px solid color-mix(in srgb,var(--hud-accent) 70%,#5b4b70);border-radius:2px;background:#080a14;transform:translate3d(calc(var(--team-x)*1.6px*var(--hud-motion-scale)),calc(var(--hud-meter-lift,0px)*var(--hud-direction)*var(--hud-motion-scale)),var(--hud-meter-depth)) skewX(-10deg);overflow:hidden;box-shadow:0 4px 0 #040713,0 5px 0 color-mix(in srgb,var(--hud-accent) 25%,#11172a),0 10px 12px #0206158a,inset 0 2px 4px #000c}
.hero-energy-card .battle-energy{border-color:#a6c4d3;transform:translate3d(calc(var(--team-x)*1.6px*var(--hud-motion-scale)),calc(var(--hud-meter-lift,0px)*var(--hud-direction)*var(--hud-motion-scale)),var(--hud-meter-depth)) skewX(10deg)}
.battle-energy>span,.battle-energy.is-low>span{position:absolute;top:0;bottom:0;left:0;display:block;width:var(--energy-level);height:auto;background:linear-gradient(110deg,transparent 15%,#fff1 32%,#fff7 47%,#fff1 64%,transparent 82%),linear-gradient(0deg,var(--vitality-color) 0%,var(--vitality-light) 65%,#fff5 100%);background-size:160px 100%,100% 100%;background-repeat:repeat-x,no-repeat;background-position:calc(var(--energy-flow,0px)*var(--energy-direction,1) + var(--energy-offset,0px)) 0,0 0;box-shadow:inset 0 2px 0 #fff5,inset 0 -3px 0 #0003;transition:none}
.hero-energy-card .battle-energy>span{--energy-direction:-1;left:auto;right:0;background:linear-gradient(110deg,transparent 15%,#fff1 32%,#fff7 47%,#fff1 64%,transparent 82%),linear-gradient(0deg,var(--vitality-color) 0%,var(--vitality-light) 65%,#fff5 100%);background-size:160px 100%,100% 100%;background-repeat:repeat-x,no-repeat;background-position:calc(var(--energy-flow,0px)*var(--energy-direction) + var(--energy-offset,0px)) 0,0 0;box-shadow:inset 0 2px 0 #fff5,inset 0 -3px 0 #0003}
.battle-energy.is-low{--vitality-color:#c13250;--vitality-light:#ff8d75}
.energy-damage-echo{position:absolute;left:0;top:0;bottom:0;width:var(--energy-echo,var(--energy-level));background:#fff0dc;box-shadow:0 0 12px #ffe6ca;opacity:.85}
.battle-energy:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#0d142236 calc(10% - 1px) 10%);pointer-events:none}
.battle-energy-meta{position:relative;margin:9px 0 0;font-size:8px;letter-spacing:.09em;color:#c9c1d8;transform:translate3d(0,calc(var(--hud-readout-lift,0px)*var(--hud-direction)*var(--hud-motion-scale)),26px)}
.battle-energy-meta b{padding:2px 6px;border:1px solid color-mix(in srgb,var(--hud-accent) 35%,transparent);border-radius:4px;background:#101328;font:800 11px/1.1 ui-monospace,monospace;color:#fff5fb;font-variant-numeric:tabular-nums;box-shadow:0 3px 0 #060a18,0 6px 9px #04061270}
.hero-energy-card .battle-energy-meta{flex-direction:row-reverse}
.hud-portrait{position:absolute;top:calc(-7px - var(--hud-portrait-raise));bottom:calc(2px + var(--hud-portrait-raise));left:calc(var(--hud-portrait-overhang)*-1);width:var(--hud-portrait-width);border:1px solid color-mix(in srgb,var(--hud-accent) 75%,#685275);border-bottom:2px solid var(--hud-accent);border-radius:7px 3px 7px 3px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--hud-accent) 24%,#21182e),#0e1426);transform:translate3d(calc(var(--team-x)*3px*var(--hud-motion-scale)),calc((var(--hud-portrait-lift,0px)*var(--hud-direction) + var(--team-y)*2px)*var(--hud-motion-scale)),var(--hud-portrait-depth)) rotateZ(-2.5deg);box-shadow:2px 5px 0 #050b1b,2px 6px 0 color-mix(in srgb,var(--hud-accent) 33%,#141527),0 16px 18px #030716b3,inset 0 1px 0 #fff4;overflow:hidden;pointer-events:auto}
.hud-portrait-art{position:absolute;inset:0;display:block;background-repeat:no-repeat}
.hud-portrait-corruption .hud-portrait-art{background-image:url('/assets/corruption-vector.webp');background-size:500%;background-position:75% 2%}
.hud-portrait-editor{left:auto;right:calc(var(--hud-portrait-overhang)*-1);transform:translate3d(calc(var(--team-x)*3px*var(--hud-motion-scale)),calc((var(--hud-portrait-lift,0px)*var(--hud-direction) + var(--team-y)*2px)*var(--hud-motion-scale)),var(--hud-portrait-depth)) rotateZ(2.5deg)}
.hud-portrait-editor .hud-portrait-art{background-image:url('/assets/super-team-vector-front.webp');background-size:1280%;background-position:76.6% 65.8%}
.hud-portrait-corruption .hud-portrait-art.has-profile-art{background-image:url('/assets/battle-profile-corruption.webp');background-size:190% auto;background-position:80% 4%}
.hud-portrait-editor .hud-portrait-art.has-profile-art{background-image:var(--portrait-texture);background-size:450% auto;background-position:calc(var(--hud-portrait-width)*-.08) 50%}
.battle-round{position:relative;padding:6px 0 7px;text-align:center;filter:none;transform-style:preserve-3d;transform:translate3d(calc(var(--team-x)*2px*var(--hud-motion-scale)),calc(var(--hud-float,0px)*-.4*var(--hud-motion-scale)),18px) rotateY(calc(var(--team-x)*1.3deg*var(--hud-motion-scale)))}
.battle-round:before{content:'';position:absolute;inset:0;border:1px solid #b29acf70;border-radius:8px;background:linear-gradient(145deg,#30213ddf,#11172af0);box-shadow:0 4px 0 #070b1a,0 12px 18px #05071980,inset 0 1px 0 #eee6ff35;transform:translateZ(-4px)}
.battle-round{perspective:750px}
.battle-round>small{display:block;font-size:8px;letter-spacing:.12em;color:#d6c5e8;margin:0 0 3px}
.battle-round>strong{display:block;margin:0;font:900 italic clamp(38px,4.3cqw,52px)/.95 system-ui,sans-serif;letter-spacing:-.04em;color:#f4efff;text-shadow:0 1px 0 #a68ac6,0 3px 0 #554469,0 6px 7px #07081bb3;transform:translateZ(9px)}
.battle-round>small{position:relative;transform:translateZ(5px)}
.battle-round>span{display:block;width:38px;margin:5px auto 0;padding:2px 0;font:800 italic 10px/1.2 system-ui,sans-serif;letter-spacing:.06em;border:1px solid #bda0df70;transform:translateZ(15px) skewX(-10deg);color:#e5cdff;background:#1d162bf5;box-shadow:0 3px 0 #0b0b1c;text-shadow:none}
.team-scene[data-battle-state=super] .hero-energy-card{box-shadow:none}
.team-scene:is([data-battle-state=rally],[data-battle-state=legion],[data-battle-state=outro]) .battle-hud{visibility:hidden}
.team-scene[data-battle-state=super] .hero-energy-card .hud-card-surface{border-color:#c7b5ff;box-shadow:inset 0 1px 0 #f4eaff3b,0 3px 0 #050919,0 0 18px #a192df30}

.battle-console{bottom:6px;display:grid;grid-template-columns:minmax(0,1fr) 155px;align-items:center;gap:6px 22px;padding:7px 14px 6px;border-radius:4px;background:linear-gradient(145deg,#171a2df7,#0b1121fa);border-color:#a2a5ca85}
.battle-action-copy>strong{font-size:19px;line-height:1.15}
.battle-action-copy>p{margin-top:2px;font-size:11px;line-height:1.3}
.battle-turns{width:155px}
.battle-super-panel{position:relative;grid-column:1/-1;display:grid;grid-template-columns:50px minmax(0,1fr) 265px;align-items:center;gap:13px;border-top:1px solid #a69fc83b;padding-top:7px}
.battle-super-panel:after{content:'';position:absolute;inset:4px -8px -6px;border:1px solid rgb(193 168 255 / calc(var(--super-flare)*.4));box-shadow:0 0 23px rgb(165 167 255 / calc(var(--super-flare)*.22));pointer-events:none}
.super-level-badge{display:grid;grid-template-columns:1fr;justify-items:center;align-self:stretch;align-content:center;border:1px solid #8fa9c08c;background:linear-gradient(140deg,#27354d,#101d2f);transform:skewX(-7deg);box-shadow:0 3px 0 #020813}
.super-level-badge>span{font:9px ui-monospace,monospace;letter-spacing:.12em;color:#bfcfe5}
.super-level-badge>strong{font:900 italic 30px/.92 system-ui,sans-serif;color:var(--super-accent);letter-spacing:.02em;text-shadow:0 2px 0 #0009}
.super-gauge-copy{min-width:0}
.super-gauge-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:4px}
.super-gauge-heading>strong{font-size:14px;line-height:1;font-style:italic;font-weight:850;letter-spacing:.13em;color:#eaf7ff}
.super-gauge-heading>span{font:10px/1.15 ui-monospace,monospace;letter-spacing:.055em;color:#b6c8db;text-align:right}
.super-gauge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;transform:skewX(-12deg);padding:2px 3px 3px;border:1px solid #a7bbd955;border-radius:2px;background:linear-gradient(180deg,#36465a,#0d1625 42%,#030a13);box-shadow:inset 0 1px 0 #e8f5ff24,0 3px 0 #020610,0 5px 8px #0005}
.super-stock{--stock-color:#f1ff35;--stock-light:#fbffb3;--stock-shade:#a2b511;--stock-rgb:241 255 53;position:relative;min-width:0;height:20px;border:1px solid rgb(var(--stock-rgb) / .45);background:repeating-linear-gradient(125deg,transparent 0 10px,#8daacb12 10px 12px,transparent 12px 22px),linear-gradient(180deg,#182439,#030812 60%);box-shadow:inset 0 2px 3px #000a,inset 0 -1px 0 #d7e9ff18,0 2px 0 #000c;overflow:hidden;isolation:isolate}
.super-stock:nth-child(2){--stock-color:#59ff75;--stock-light:#c9ffd0;--stock-shade:#1daf3d;--stock-rgb:89 255 117;--energy-offset:53px}
.super-stock:nth-child(3){--stock-color:#ff9c32;--stock-light:#ffdc91;--stock-shade:#cd5e0c;--stock-rgb:255 156 50;--energy-offset:106px}
.super-stock:before{content:'';position:absolute;inset:1px;z-index:2;border-top:1px solid #ffffff38;border-bottom:1px solid #02071299;pointer-events:none}
.super-stock:after{content:'';position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#02081366 calc(20% - 1px) 20%);pointer-events:none}
.super-stock>span{position:absolute;left:0;top:0;bottom:0;width:var(--stock-fill,0%);overflow:hidden;background:linear-gradient(180deg,transparent 0 40%,#fff9 44%,#fff9 48%,transparent 53%),repeating-linear-gradient(125deg,transparent 0 12px,#ffffff35 12px 14px,transparent 14px 28px),linear-gradient(110deg,transparent 15%,#fff1 32%,#fff9 47%,#fff1 64%,transparent 82%),linear-gradient(0deg,var(--stock-shade),var(--stock-color) 68%,var(--stock-light));background-size:100% 100%,28px 100%,160px 100%,100% 100%;background-repeat:no-repeat,repeat-x,repeat-x,no-repeat;background-position:0 0,calc(var(--energy-flow,0px)*-.35 + var(--energy-offset,0px)) 0,calc(var(--energy-flow,0px) + var(--energy-offset,0px)) 0,0 0;box-shadow:0 0 9px var(--stock-color),inset 0 2px 0 #fff5,inset 0 -2px 0 #0004;filter:brightness(calc(1 + var(--super-pulse)*.18))}
.super-stock>span:after{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:#fafff1;box-shadow:0 0 7px var(--stock-color),-4px 0 9px #ffffff88;opacity:.8;pointer-events:none}
.super-stock>b{position:absolute;z-index:3;right:4px;top:2px;bottom:2px;display:grid;place-items:center;width:17px;border-left:1px solid #bad7f044;background:linear-gradient(145deg,#152037f5,#030912f5);box-shadow:-1px 0 0 #0008,inset 0 1px 0 #e6f3ff29;transform:skewX(12deg);font:800 italic 12px/1 system-ui,sans-serif;color:var(--stock-light);text-shadow:0 1px 2px #000}
.super-stock.is-charged{border-color:var(--stock-color);box-shadow:inset 0 1px 0 #fff5,0 2px 0 #000c,0 0 10px rgb(var(--stock-rgb) / .24)}
.super-stock.is-charged>b{border-left-color:var(--stock-color);color:#f5fff5;text-shadow:0 0 5px rgb(var(--stock-rgb) / .55)}
.team-scene[data-super-level='1']{--super-accent:#f1ff35}
.team-scene[data-super-level='2']{--super-accent:#59ff75}
.team-scene[data-super-level='3'],.team-scene[data-battle-state='super']{--super-accent:#ff3d50}
.team-scene[data-super-ready='true'] .super-stock,.team-scene[data-battle-state='super'] .super-stock{--stock-color:#ff3d50;--stock-light:#ffafb6;--stock-shade:#bb1831;--stock-rgb:255 61 80;border-color:#ff6070;box-shadow:inset 0 1px 0 #fff5,0 2px 0 #000a,0 0 calc(4px + var(--super-pulse)*13px) rgb(255 61 80 / calc(.2 + var(--super-pulse)*.5))}
.team-scene[data-super-ready='true'] .battle-super-panel:after{border-color:rgb(255 95 110 / calc(.2 + var(--super-pulse)*.5));box-shadow:0 0 calc(10px + var(--super-pulse)*20px) rgb(255 61 80 / calc(var(--super-pulse)*.3))}
.team-scene[data-super-level='3'] .super-gauge-heading>span,.team-scene[data-battle-state='super'] .super-gauge-heading>span{color:#ffbec8;font-weight:700}
.team-scene[data-super-level='3'] .super-level-badge,.team-scene[data-battle-state='super'] .super-level-badge{border-color:#ff7b8b;box-shadow:0 3px 0 #020813,0 0 14px rgb(255 61 80 / calc(.2 + var(--super-pulse)*.35));background:linear-gradient(140deg,#662537,#211526)}
.hud-team-lineup{display:flex;justify-content:flex-end;gap:5px}
.hud-teammate{display:grid;place-items:center;width:25px;height:27px;background:#141e30;border:1px solid #8b9bb550;transform:skewX(-7deg);box-shadow:0 2px 0 #0008;opacity:.5}
.hud-teammate .team-brand-icon{width:17px;height:17px;border-radius:2px;transform:skewX(7deg)}
.hud-teammate.is-charged{opacity:1;border-color:#9acbe9aa}
.hud-teammate.is-current{opacity:1;border-color:var(--super-accent);box-shadow:0 2px 0 #0008,0 0 8px #b7ceff77}

.combo-cutscene{display:grid;grid-template-rows:12px minmax(0,1fr) auto;gap:12px;padding:var(--hud-cutscene-top) 4% 172px}
.combo-lineup{position:relative;inset:auto;grid-row:2;min-height:0;height:100%}
.combo-kicker{position:relative;inset:auto;grid-row:1;margin:0;font-size:10px;line-height:1.2}
.combo-title{position:relative;inset:auto;grid-row:3;margin:0}
.combo-title>span{font-size:11px;letter-spacing:.18em}
.combo-title>strong{font-size:clamp(30px,3.9cqw,56px);line-height:.95;margin-top:8px;letter-spacing:.03em}
.combo-title>strong>span{display:block}
.combo-title>strong>span:first-child{color:#b7ecff}
.combo-title>small{margin-top:9px}
.combo-counter>small{font-size:9px;letter-spacing:.055em}
.combo-counter{max-width:43%;padding:10px 14px 12px;border:1px solid #c6a1f46b;border-right:3px solid #cfb1ff;background:linear-gradient(135deg,#211531e6,#0d152cdd);border-radius:5px;box-shadow:0 4px 0 #080719b3,0 12px 24px #06051470;transform:translateX(calc((1 - var(--super-counter,0))*20px)) scale(calc(1 + var(--sequence-pulse,0)*.035));transform-origin:100% 50%;font-variant-numeric:tabular-nums}
.combo-counter>.combo-total{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin-top:2px;white-space:nowrap;font-size:clamp(34px,5.2cqw,64px);line-height:1.05;letter-spacing:.025em}
.combo-total #combo-hit-count{color:#f7efff;transform:scale(calc(1 + var(--sequence-pulse,0)*.07));transform-origin:100% 80%;text-shadow:0 2px 0 #70588e,0 5px 0 #291840,0 8px 12px #080513,0 0 calc(5px + var(--sequence-pulse,0)*20px) #c7a0ff88}
.combo-total #combo-hit-unit{font-size:.35em;color:#b9eaff;letter-spacing:.08em}
.sequence-bonus{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:7px;border-top:1px solid #baa1db42;text-align:right}
.sequence-bonus>span{font:700 9px/1.25 ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;color:#dbcbf4}
.sequence-bonus>strong{display:flex;align-items:baseline;gap:5px;color:#edff85;font:900 italic clamp(22px,2.6cqw,32px)/1 system-ui,sans-serif;text-shadow:0 2px 0 #4d5322,0 5px 10px #0008;transform:translateY(calc(var(--sequence-pulse,0)*-3px))}
.sequence-bonus small{font:750 8px/1 ui-monospace,monospace;letter-spacing:.055em;color:#f6ffd0}
.combo-counter>.combo-equation{margin-top:7px;font-size:8px;letter-spacing:.06em;color:#d2c5e6}
.combo-equation b{color:#edff85;font-weight:750}
.team-scene[data-sequence-bonus='complete'] .combo-counter{border-color:#efff8588;border-right-color:#edff85;box-shadow:0 4px 0 #080719b3,0 12px 24px #06051470,0 0 24px #d6fa4930}

@media(max-width:1050px){
  .team-scene{--hud-cutscene-top:164px}
  .battle-hud{--hud-portrait-width:54px;--hud-portrait-overhang:28px;--hud-portrait-raise:26px;--hud-motion-scale:.8;--hud-portrait-depth:30px;--hud-meter-depth:16px;left:24px;right:24px;top:26px;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);gap:14px}
  .battle-energy-card{padding-left:44px;padding-right:10px}.hero-energy-card{padding-left:10px;padding-right:44px}
  .battle-energy-name{display:block}.hero-energy-card .battle-energy-name{display:block}
  .battle-energy-name>span{margin:4px 0 0;font-size:8px}.battle-energy-card .battle-energy-name strong{font-size:clamp(11px,2.4cqw,16px)}.battle-energy{height:19px;margin-top:7px}
  .battle-round>small{font-size:7px}.battle-round>strong{font-size:42px}
  .battle-console{left:16px;right:16px;bottom:6px;padding:7px 10px 6px;gap:6px 12px;grid-template-columns:minmax(0,1fr) 120px}
  .battle-turns{width:120px}.battle-super-panel{grid-template-columns:43px minmax(0,1fr) 213px;gap:10px}
  .hud-team-lineup{gap:3px}.hud-teammate{width:21px;height:24px}.hud-teammate .team-brand-icon{width:15px;height:15px}
  .super-gauge-heading>span{font-size:9px}.super-level-badge>strong{font-size:28px}
  .combo-cutscene{grid-template-rows:10px minmax(0,1fr) auto;gap:10px;padding:var(--hud-cutscene-top) 4% 166px}.combo-kicker{font-size:8px}
}
@container(max-width:850px){.battle-energy-name>span{display:none}}
@media(max-width:760px){
  .team-scene{aspect-ratio:.64;min-height:530px;--hud-cutscene-top:146px}
  .battle-hud{--hud-portrait-width:32px;--hud-portrait-overhang:14px;--hud-portrait-raise:14px;--hud-motion-scale:.45;--hud-portrait-depth:15px;--hud-meter-depth:9px;left:12px;right:12px;top:18px;grid-template-columns:1fr 1fr;gap:10px 9px;align-items:start}
  .battle-energy-card{padding:10px 8px 9px 30px}.hero-energy-card{padding:10px 30px 9px 8px}
  .battle-energy-card .battle-energy-name strong{font-size:clamp(10px,3.2cqw,14px);letter-spacing:.02em}.battle-energy-name>span{display:none}
  .hud-portrait{top:calc(-4px - var(--hud-portrait-raise));bottom:calc(3px + var(--hud-portrait-raise));border-radius:5px 2px 5px 2px}
  .hud-portrait-corruption .hud-portrait-art{background-size:650%;background-position:74% 0%}.hud-portrait-editor .hud-portrait-art{background-size:1800%;background-position:76.2% 66%}
  .hud-portrait-corruption .hud-portrait-art.has-profile-art{background-size:205% auto;background-position:80% 5%}
  .hud-portrait-editor .hud-portrait-art.has-profile-art{background-size:450% auto;background-position:calc(var(--hud-portrait-width)*-.08) 50%}
  .battle-energy{height:15px;margin-top:8px;border-width:1px}.battle-energy-meta{font-size:7px;letter-spacing:.045em;margin-top:7px}.battle-energy-meta b{padding:2px 4px;font-size:10px}
  .battle-round{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;justify-self:center;align-items:center;gap:8px;padding:4px 10px;width:max-content}
  .battle-round>small{display:block;margin:0;font-size:7px}.battle-round>strong{font-size:26px;line-height:1;letter-spacing:.025em}.battle-round>span{width:auto;margin:0;padding:2px 7px;font-size:9px}
  .team-character{--bottom:33%}.team-corruption{--bottom:33%}.team-openart{--bottom:42%}
  .team-tripo,.team-magnific,.team-pixverse{--bottom:54%}.team-reactor{--bottom:52%}
  .team-tencentcloud{--bottom:48%}
  .battle-timeline{bottom:30%;height:15%}.battle-knockout{bottom:32%}.battle-victory{top:31%}
  .battle-console{left:10px;right:10px;bottom:6px;display:grid;grid-template-columns:minmax(0,1fr);padding:7px;gap:6px}
  .battle-action-copy>span{font-size:7px;margin-bottom:4px}.battle-action-copy>strong{font-size:16px;line-height:1.15}
  .battle-action-copy>p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
  .battle-turns{width:100%;margin:0}.battle-turns>div{gap:4px}.battle-turns i{height:4px}
  .battle-super-panel{grid-template-columns:39px minmax(0,1fr);gap:7px 9px;padding-top:6px}
  .super-level-badge{grid-row:1/3;align-self:stretch}.super-level-badge>strong{font-size:31px}.super-level-badge>span{font-size:8px}
  .super-gauge-heading{gap:5px}.super-gauge-heading>strong{font-size:12px;letter-spacing:.09em}.super-gauge-heading>span{font-size:9px;letter-spacing:.02em;line-height:1.3}
  .super-gauge{gap:5px;padding:2px}.super-stock{height:17px}.super-stock>b{font-size:11px;right:3px;top:1px;bottom:1px;width:14px}
  .hud-team-lineup{grid-column:2;justify-content:space-between;gap:3px}.hud-teammate{width:21px;min-width:0;flex:1;max-width:25px;height:20px}.hud-teammate .team-brand-icon{width:13px;height:13px}
  .combo-cutscene{grid-template-rows:9px minmax(0,1fr) auto;gap:9px;padding:var(--hud-cutscene-top) 5% 157px}
  .combo-kicker{font-size:7px;letter-spacing:.07em}
  .combo-lineup{height:100%}
  .combo-title>span{font-size:8px;letter-spacing:.12em}.combo-title>strong{font-size:clamp(25px,8cqw,39px);letter-spacing:.015em;line-height:1;margin-top:6px}.combo-title>small{font-size:5px;margin-top:6px}
  .combo-counter{top:25%;right:4%;max-width:50%;padding:8px 9px 9px}.combo-counter>span{font-size:7px;letter-spacing:.07em}
  .combo-counter>.combo-total{font-size:clamp(32px,10cqw,46px);gap:5px}
  .sequence-bonus{gap:7px;margin-top:6px;padding-top:6px}.sequence-bonus>span{font-size:7px;letter-spacing:.025em}.sequence-bonus>strong{font-size:23px;gap:3px}.sequence-bonus small{font-size:6px}
  .combo-counter>.combo-equation{font-size:7px;letter-spacing:.025em;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){
  .battle-energy,.super-gauge,.super-stock>b,.super-level-badge,.hud-teammate,.hud-teammate .team-brand-icon,.hud-portrait,.battle-round>span{transform:none}
  .battle-energy-card,.battle-energy-name,.battle-energy-meta,.battle-round,.battle-round>small,.battle-round>strong{transform:none}
  .battle-super-panel:after{display:none}
  .combo-counter,.combo-total #combo-hit-count,.sequence-bonus>strong{transform:none}
}