.v4-hero{position:relative;min-height:min(650px,calc(100vh - 150px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(24px,5vw,80px);padding:28px 0}.v4-hero-copy{position:relative;z-index:2}.v4-hero h1{margin:14px 0;font:900 clamp(3.6rem,9vw,8.8rem)/.78 var(--font-display);letter-spacing:-.02em}.v4-hero h1 em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(237,246,248,.42)}.v4-hero .lead{max-width:570px;color:#adbac1;font-size:clamp(1rem,1.8vw,1.28rem);line-height:1.65}.hero-actions,.hangar-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;background:var(--v4-line);border:1px solid var(--v4-line)}.hero-proof div{padding:16px;background:var(--v4-bg)}.hero-proof b{display:block;font:800 .82rem var(--font-mono);color:var(--v4-ink)}.hero-proof small{color:var(--v4-muted);font-size:.68rem}.hero-machine{position:relative;min-height:500px;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(71,169,255,.18),transparent 43%)}.machine-ring{position:absolute;width:min(34vw,430px);aspect-ratio:1;border:1px solid rgba(118,247,211,.2);border-radius:50%;box-shadow:0 0 80px rgba(67,169,255,.08),inset 0 0 80px rgba(118,247,211,.04)}.machine-ring:before,.machine-ring:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(255,255,255,.1);border-radius:50%}.machine-ring:after{inset:21%;border-style:solid}.hero-bot{position:relative;z-index:2;filter:drop-shadow(0 30px 35px rgba(0,0,0,.7));transform:scale(1.5)}.machine-label{position:absolute;left:0;bottom:12%;padding:12px 16px;background:rgba(5,7,10,.78);border-left:2px solid var(--v4-cyan);font:600 .6rem var(--font-mono);letter-spacing:.1em}.hangar-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:24px;min-height:540px}.hangar-command,.hangar-machine,.v4-panel{position:relative;padding:clamp(22px,4vw,42px);background:linear-gradient(145deg,rgba(18,25,33,.94),rgba(8,12,16,.92));border:1px solid var(--v4-line);overflow:hidden}.hangar-command:before,.hangar-machine:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(118,247,211,.035));pointer-events:none}.hangar-command h1{font:900 clamp(2.8rem,7vw,6rem)/.84 var(--font-display);margin:14px 0}.hangar-command h1 span{display:block;color:var(--v4-cyan)}.career-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;background:var(--v4-line);border:1px solid var(--v4-line)}.career-grid div{padding:15px;background:var(--v4-panel)}.career-grid small{display:block;color:var(--v4-muted);font:600 .5rem var(--font-mono);letter-spacing:.1em}.career-grid b{display:block;margin-top:6px;font:800 1.15rem var(--font-mono)}.hangar-actions button{min-width:140px}.hangar-machine{display:grid;place-items:center;min-height:500px}.hangar-machine .robot-svg{transform:scale(1.45);filter:drop-shadow(0 30px 38px rgba(0,0,0,.75))}.machine-meta{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end}.machine-meta small{display:block;color:var(--v4-muted);font:600 .5rem var(--font-mono)}.machine-meta strong{font:900 1.15rem var(--font-display);letter-spacing:.08em}.v4-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 60px}.v4-feature{padding:24px;min-height:190px;background:rgba(13,18,24,.84);border:1px solid var(--v4-line)}.v4-feature span{font:700 .55rem var(--font-mono);color:var(--v4-cyan);letter-spacing:.12em}.v4-feature h3{margin:26px 0 10px;font:800 1.35rem var(--font-display);letter-spacing:.05em}.v4-feature p{color:var(--v4-muted);font-size:.78rem;line-height:1.6}.card,.modal{background:linear-gradient(145deg,var(--v4-panel-2),var(--v4-panel))!important;border:1px solid var(--v4-line)!important;border-radius:2px!important;box-shadow:0 20px 55px rgba(0,0,0,.18)}.btn{border-radius:1px!important;font-family:var(--font-mono)!important;letter-spacing:.06em!important}.btn-primary{background:linear-gradient(135deg,var(--v4-cyan),var(--v4-blue))!important;color:#04100d!important;border:0!important}.robot-card{border-radius:2px!important;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.robot-card:hover{transform:translateY(-5px);border-color:rgba(118,247,211,.34)!important}.form-input,.prompt-textarea{border-radius:1px!important;background:#070b0f!important;border:1px solid var(--v4-line)!important}.arena-wrapper{border-radius:2px!important;border:1px solid rgba(118,247,211,.22)!important;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 80px rgba(67,169,255,.08)}.result-banner{background:linear-gradient(180deg,rgba(7,11,15,.95),#07090c)!important;border:1px solid var(--v4-line)!important}.prompt-score-display{gap:1px!important;background:var(--v4-line)}.score-card{border-radius:0!important;background:#090d12!important}.rubric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--v4-line);margin-top:16px}.rubric-grid>div{background:#080c10;padding:12px;text-align:center}.rubric-grid small{display:block;color:var(--v4-muted);font:600 .48rem var(--font-mono);text-transform:uppercase}.rubric-grid b{display:block;margin-top:5px;font:800 .9rem var(--font-mono)}.brain-lab-banner{padding:18px;margin-bottom:16px;border:1px solid rgba(118,247,211,.22);background:linear-gradient(90deg,rgba(118,247,211,.07),transparent)}.brain-lab-banner small{color:var(--v4-cyan);font:700 .55rem var(--font-mono);letter-spacing:.12em}.brain-lab-banner strong{display:block;font:900 1.35rem var(--font-display);margin-top:5px}.economy-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.economy-card{padding:18px;background:var(--v4-panel);border:1px solid var(--v4-line)}.economy-card small{display:block;color:var(--v4-muted);font:600 .52rem var(--font-mono);letter-spacing:.1em}.economy-card b{display:block;margin-top:8px;font:800 1.25rem var(--font-mono)}
@media(max-width:980px){.v4-hero,.hangar-hero{grid-template-columns:1fr}.hero-machine{order:-1;min-height:390px}.hero-machine .hero-bot{transform:scale(1.25)}.hangar-machine{min-height:420px}.v4-feature-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.v4-hero{padding-top:0;min-height:auto}.v4-hero h1{font-size:clamp(3.25rem,21vw,5.6rem)}.hero-machine{min-height:300px}.machine-ring{width:280px}.hero-bot{transform:scale(1.05)}.hero-proof{grid-template-columns:1fr}.hangar-command,.hangar-machine{padding:20px}.hangar-machine{min-height:340px}.hangar-machine .robot-svg{transform:scale(1.12)}.career-grid{grid-template-columns:1fr 1fr}.v4-feature-grid{grid-template-columns:1fr}.economy-strip{grid-template-columns:1fr}.rubric-grid{grid-template-columns:repeat(2,1fr)}.card{padding:14px!important}}
@media(prefers-reduced-motion:reduce){.robot-card:hover,.v4-primary:hover{transform:none}}

/* ================================================================
   COMMERCIAL POLISH RUN 1 — CINEMATIC ARENA
   ================================================================ */
.arena-empty {
    min-height: 420px;
    display: grid;
    align-content: center;
    justify-items: start;
}
.arena-empty h2 {
    max-width: 720px;
    margin: 12px 0;
    font: 900 clamp(2.4rem, 7vw, 6rem)/.86 var(--font-display);
}
.arena-empty p { color: var(--v4-muted); }

.arena-match-control {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    min-height: 510px;
    overflow: hidden;
    border: 1px solid var(--v4-line);
    background: #070a0e;
    box-shadow: 0 35px 100px rgba(0,0,0,.45);
}
.arena-control-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 5vw, 64px);
    background:
        linear-gradient(100deg, rgba(7,10,14,.98) 0%, rgba(7,10,14,.93) 68%, rgba(7,10,14,.3) 100%),
        repeating-linear-gradient(0deg, transparent 0 34px, rgba(255,255,255,.018) 35px);
}
.arena-control-copy:before {
    content: "MATCH PROTOCOL 04";
    position: absolute;
    top: 22px;
    right: 24px;
    color: rgba(255,255,255,.22);
    font: 600 .48rem var(--font-mono);
    letter-spacing: .18em;
}
.arena-control-copy h2 {
    margin: 12px 0 14px;
    font: 900 clamp(3rem, 7vw, 6.7rem)/.8 var(--font-display);
    letter-spacing: -.02em;
}
.arena-control-copy > p {
    max-width: 650px;
    margin: 0 0 30px;
    color: var(--v4-muted);
    line-height: 1.7;
}
.arena-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 18px;
}
.arena-form-grid label {
    color: #7f8d96;
    font: 700 .52rem var(--font-mono);
    letter-spacing: .12em;
}
.arena-form-grid .form-input {
    width: 100%;
    min-height: 50px;
    margin-top: 8px;
    color: var(--v4-ink);
    font: 600 .72rem var(--font-mono);
}

.arena-environment {
    --arena-accent: #76f7d3;
    position: relative;
    min-height: 510px;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 72%, color-mix(in srgb, var(--arena-accent) 32%, transparent), transparent 28%),
        linear-gradient(180deg, #0f1821 0%, #090d12 68%);
}
.arena-environment:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: .6;
    background:
        linear-gradient(115deg, transparent 18%, color-mix(in srgb, var(--arena-accent) 16%, transparent) 18.4%, transparent 18.9%),
        linear-gradient(65deg, transparent 72%, color-mix(in srgb, var(--arena-accent) 11%, transparent) 72.4%, transparent 73%);
}
.arena-environment:after {
    content: "";
    position: absolute;
    inset: auto -20% 7% -20%;
    z-index: -1;
    height: 34%;
    transform: perspective(300px) rotateX(62deg);
    transform-origin: bottom;
    border-top: 1px solid color-mix(in srgb, var(--arena-accent) 65%, transparent);
    background:
        repeating-linear-gradient(90deg, transparent 0 48px, color-mix(in srgb, var(--arena-accent) 18%, transparent) 49px 50px),
        repeating-linear-gradient(0deg, transparent 0 29px, color-mix(in srgb, var(--arena-accent) 15%, transparent) 30px 31px);
}
.arena-environment[data-theme="foundry"] { background: radial-gradient(circle at 50% 72%, rgba(255,83,40,.35), transparent 29%), linear-gradient(180deg,#1b0d09,#090807 70%); }
.arena-environment[data-theme="iron-yard"] { background: radial-gradient(circle at 50% 72%, rgba(255,183,74,.25), transparent 29%), linear-gradient(180deg,#17130d,#080909 70%); }
.arena-scan {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: .12;
    background: repeating-linear-gradient(180deg, transparent 0 3px, #fff 4px);
    animation: arenaScan 10s linear infinite;
}
.arena-venue-index,
.arena-venue-weather {
    position: relative;
    z-index: 2;
    font: 700 .52rem var(--font-mono);
    letter-spacing: .18em;
}
.arena-venue-index { color: var(--arena-accent); }
.arena-venue-name {
    position: relative;
    z-index: 2;
    max-width: 340px;
    margin: 7px 0;
    font: 900 clamp(2.8rem, 5vw, 5.7rem)/.8 var(--font-display);
    text-wrap: balance;
    text-shadow: 0 10px 45px #000;
}
.arena-venue-weather { color: rgba(255,255,255,.5); }
.arena-stage-lines i {
    position: absolute;
    top: -12%;
    bottom: 25%;
    width: 1px;
    transform: rotate(15deg);
    background: linear-gradient(transparent, var(--arena-accent), transparent);
    filter: drop-shadow(0 0 9px var(--arena-accent));
    opacity: .33;
}
.arena-stage-lines i:nth-child(1) { left: 23%; }
.arena-stage-lines i:nth-child(2) { left: 52%; transform: rotate(-5deg); }
.arena-stage-lines i:nth-child(3) { right: 18%; transform: rotate(-18deg); }
.arena-crowd {
    position: absolute;
    inset: auto 0 0;
    height: 24%;
    opacity: .16;
    background: radial-gradient(circle, var(--arena-accent) 0 1px, transparent 1.5px) 0 0 / 16px 18px;
    mask-image: linear-gradient(transparent, #000);
}

.arena-format-proof {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin: 1px 0 26px;
    border: 1px solid var(--v4-line);
    background: var(--v4-line);
}
.arena-format-proof article {
    min-height: 112px;
    padding: 22px;
    background: #090d12;
}
.arena-format-proof span,
.arena-format-proof small { display: block; }
.arena-format-proof span {
    color: var(--v4-cyan);
    font: 700 .5rem var(--font-mono);
    letter-spacing: .14em;
}
.arena-format-proof b {
    display: block;
    margin: 9px 0 4px;
    font: 800 .92rem var(--font-display);
    letter-spacing: .06em;
}
.arena-format-proof small { color: var(--v4-muted); line-height: 1.45; }

.battle-arena-host { margin: 0 0 60px; }
.arena-broadcast {
    --arena-accent: #76f7d3;
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--arena-accent) 32%, #23303b);
    background: #030506;
    box-shadow: 0 35px 120px rgba(0,0,0,.68), 0 0 90px color-mix(in srgb, var(--arena-accent) 8%, transparent);
}
.arena-broadcast:before {
    content: "";
    position: absolute;
    inset: 32px 0 auto;
    z-index: 8;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--arena-accent), transparent);
    opacity: .45;
}
.arena-broadcast-bar,
.arena-broadcast-lower {
    display: grid;
    align-items: center;
    min-height: 34px;
    background: rgba(3,5,7,.96);
    color: #a8b5bc;
    font: 700 .48rem var(--font-mono);
    letter-spacing: .13em;
}
.arena-broadcast-bar {
    grid-template-columns: 1fr auto 1fr;
    padding: 0 15px;
}
.arena-broadcast-bar > div:last-child { text-align: right; }
.arena-broadcast-bar strong { color: var(--arena-accent); font-size: .54rem; }
.arena-live-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    background: #ff4e4e;
    box-shadow: 0 0 12px #ff4e4e;
    animation: livePulse 1.2s ease-in-out infinite;
}
.arena-stage {
    position: relative;
    isolation: isolate;
    min-height: 500px;
    overflow: hidden;
    background: #05080c;
}
.arena-stage:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    box-shadow: inset 0 0 90px rgba(0,0,0,.76);
}
.arena-stage-atmosphere {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    background: radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--arena-accent) 14%, transparent), transparent 52%);
}
.arena-stage-atmosphere i {
    position: absolute;
    top: -35%;
    width: 18%;
    height: 120%;
    opacity: .1;
    filter: blur(13px);
    background: linear-gradient(180deg, var(--arena-accent), transparent 78%);
    transform: rotate(14deg);
}
.arena-stage-atmosphere i:nth-child(1) { left: 7%; }
.arena-stage-atmosphere i:nth-child(2) { left: 46%; transform: rotate(-4deg); }
.arena-stage-atmosphere i:nth-child(3) { right: 4%; transform: rotate(-17deg); }
.arena-broadcast[data-theme="foundry"] .arena-stage { background: linear-gradient(180deg,#130806,#050404); }
.arena-broadcast[data-theme="iron-yard"] .arena-stage { background: linear-gradient(180deg,#100d07,#050505); }
.arena-stage #battle-canvas {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    min-height: 500px;
    object-fit: cover;
}

.cinematic-hud {
    top: 18px;
    z-index: 7;
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 112px minmax(180px, 1fr);
    gap: 20px;
    padding: 18px 24px;
}
.cinematic-hud .hud-fighter {
    min-width: 0;
    gap: 8px;
}
.cinematic-hud .hud-fighter.p2 { text-align: right; }
.hud-identity { display: grid; }
.hud-identity span,
.hud-identity small {
    color: rgba(255,255,255,.55);
    font: 650 .47rem var(--font-mono);
    letter-spacing: .13em;
}
.hud-identity b {
    overflow: hidden;
    margin: 3px 0;
    font: 900 clamp(.8rem, 2vw, 1.18rem) var(--font-display);
    letter-spacing: .06em;
    text-overflow: ellipsis;
    text-shadow: 0 2px 18px rgba(0,0,0,.9);
    white-space: nowrap;
}
.cinematic-hud .hud-hp-outer {
    width: 100%;
    height: 17px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 0;
    background: rgba(0,0,0,.76);
    clip-path: polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%);
}
.cinematic-hud .p2 .hud-hp-outer { clip-path: polygon(7px 0,100% 0,100% 100%,0 100%); }
.cinematic-hud .hud-hp-fill {
    width: 100%;
    border-radius: 0;
    background: linear-gradient(90deg,#76f7d3,#43a9ff);
}
.cinematic-hud .p2 .hud-hp-fill { margin-left: auto; background: linear-gradient(90deg,#ff4f69,#ff9e58); }
.cinematic-hud .hud-hp-text { font-size: .52rem; letter-spacing: .08em; }
.hud-energy {
    width: 68%;
    height: 3px;
    overflow: hidden;
    background: rgba(255,255,255,.11);
}
.p2 .hud-energy { align-self: flex-end; }
.hud-energy i {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--arena-accent);
    box-shadow: 0 0 8px var(--arena-accent);
    transition: width .35s ease;
}
.arena-center-stack { text-align: center; }
.arena-round-clock {
    display: grid;
    place-items: center;
    width: 76px;
    height: 62px;
    margin: 0 auto;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(3,5,8,.88);
    clip-path: polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);
}
.arena-round-clock small { color: var(--arena-accent); font: 700 .43rem var(--font-mono); letter-spacing: .14em; }
.arena-round-clock b { margin-top: -10px; font: 900 1.48rem var(--font-display); }
.arena-momentum {
    margin-top: 5px;
    color: rgba(255,255,255,.55);
    font: 700 .44rem var(--font-mono);
    letter-spacing: .13em;
}
.arena-environment-label {
    position: absolute;
    right: 18px;
    bottom: 14px;
    z-index: 7;
    text-align: right;
    font-family: var(--font-mono);
}
.arena-environment-label span { display: block; color: var(--arena-accent); font-size: .55rem; font-weight: 800; letter-spacing: .13em; }
.arena-environment-label small { color: rgba(255,255,255,.4); font-size: .43rem; letter-spacing: .11em; }

.arena-fight-intro {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: grid;
    grid-template-columns: 1fr 150px 1fr;
    align-items: center;
    padding: 50px 6% 25px;
    visibility: hidden;
    opacity: 0;
    background: radial-gradient(circle at center, color-mix(in srgb, var(--arena-accent) 14%, transparent), transparent 42%), rgba(3,5,7,.96);
    transition: opacity .32s ease, visibility .32s ease;
}
.arena-fight-intro.active { visibility: visible; opacity: 1; }
.intro-fighter { min-width: 0; text-align: center; }
.intro-fighter > div { height: 190px; display: grid; place-items: center; }
.intro-fighter svg { max-height: 190px; filter: drop-shadow(0 20px 28px rgba(0,0,0,.8)); }
.intro-fighter.left { transform: translateX(-30px); }
.intro-fighter.right { transform: translateX(30px); }
.arena-fight-intro.active .intro-fighter { animation: fighterEnter .7s cubic-bezier(.2,.8,.2,1) forwards; }
.intro-fighter span {
    display: block;
    margin-top: 13px;
    overflow: hidden;
    font: 900 clamp(1rem, 3vw, 1.9rem) var(--font-display);
    letter-spacing: .08em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.intro-fighter small { color: rgba(255,255,255,.45); font: 600 .48rem var(--font-mono); letter-spacing: .12em; }
.intro-versus { text-align: center; }
.intro-versus small { display: block; color: var(--arena-accent); font: 700 .45rem var(--font-mono); letter-spacing: .18em; }
.intro-versus b {
    display: block;
    margin: 7px 0;
    font: italic 900 clamp(3.4rem, 8vw, 7.5rem)/.8 var(--font-display);
    text-shadow: 7px 7px 0 color-mix(in srgb, var(--arena-accent) 28%, transparent);
}
.intro-versus i { display: block; width: 60px; height: 2px; margin: auto; background: var(--arena-accent); box-shadow: 0 0 15px var(--arena-accent); }

.arena-broadcast-lower {
    grid-template-columns: 1fr auto;
    min-height: 58px;
    padding: 0 16px;
    border-top: 1px solid var(--v4-line);
}
.arena-broadcast-lower > div { display: grid; }
.arena-broadcast-lower span { color: var(--arena-accent); font-size: .43rem; }
.arena-broadcast-lower b { color: var(--v4-ink); margin-top: 3px; font-size: .58rem; }
.arena-skip-control {
    min-height: 30px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.19);
    background: transparent;
    color: #b9c4ca;
    font: 700 .48rem var(--font-mono);
    letter-spacing: .1em;
    cursor: pointer;
}
.arena-skip-control:hover { border-color: var(--arena-accent); color: var(--arena-accent); }
.arena-skip-control:disabled { opacity: .48; cursor: default; }
.arena-timeline {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 1fr);
    gap: 1px;
    overflow-x: auto;
    border-top: 1px solid var(--v4-line);
    background: var(--v4-line);
    scrollbar-color: var(--arena-accent) #080b0e;
}
.arena-timeline-entry {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 7px;
    min-height: 45px;
    padding: 0 12px;
    background: #080b0f;
    color: #aeb8be;
    font: 600 .5rem var(--font-mono);
}
.arena-timeline-entry span { color: #687780; }
.arena-timeline-entry b { overflow: hidden; color: #ecf6f8; text-overflow: ellipsis; white-space: nowrap; }
.arena-timeline-entry em { color: #7e8d95; font-style: normal; }
.arena-timeline-entry strong { color: #ff6b72; }
.arena-timeline-entry.special { box-shadow: inset 0 2px 0 var(--arena-accent); }
.arena-timeline-entry.special em { color: var(--arena-accent); }
.arena-timeline-entry.critical { background: color-mix(in srgb, var(--arena-accent) 10%, #080b0f); }
.arena-broadcast.fight-complete .arena-live-dot { animation: none; background: var(--arena-accent); box-shadow: 0 0 12px var(--arena-accent); }

.arena-result-panel {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid var(--v4-line);
    background: linear-gradient(145deg,#10161c,#06090d 62%);
    box-shadow: 0 35px 90px rgba(0,0,0,.4);
}
.arena-result-header {
    position: relative;
    min-height: 320px;
    display: grid;
    align-content: center;
    justify-items: center;
    padding: 45px 24px;
    overflow: hidden;
    text-align: center;
    background: radial-gradient(circle at 50% 100%, rgba(118,247,211,.12), transparent 52%);
}
.arena-result-header:before,
.arena-result-header:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 30%;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.2));
}
.arena-result-header:before { left: 0; }
.arena-result-header:after { right: 0; transform: scaleX(-1); }
.arena-result-header h2 {
    margin: 16px 0 8px;
    font: 900 clamp(4.8rem, 14vw, 11rem)/.7 var(--font-display);
    letter-spacing: -.04em;
}
.arena-result-header h2.victory { color: var(--v4-cyan); text-shadow: 0 0 55px rgba(118,247,211,.24); }
.arena-result-header h2.defeat { color: #ff6475; text-shadow: 0 0 55px rgba(255,100,117,.2); }
.arena-result-header h2.draw-result { color: #ffc66d; }
.arena-result-header p { margin: 15px 0 0; color: #a8b5bb; font: 700 .65rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.arena-reward-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    border-block: 1px solid var(--v4-line);
    background: var(--v4-line);
}
.arena-reward-grid > div { padding: 22px; text-align: center; background: #080c10; }
.arena-reward-grid small { display: block; color: var(--v4-muted); font: 650 .47rem var(--font-mono); letter-spacing: .13em; }
.arena-reward-grid b { display: block; margin-top: 7px; color: var(--v4-cyan); font: 800 1.3rem var(--font-mono); }
.arena-result-intelligence { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--v4-line); }
.arena-result-intelligence article { min-height: 250px; padding: clamp(24px,4vw,44px); background: #0a0e13; }
.arena-result-intelligence h3 { margin: 18px 0 10px; font: 900 2.4rem var(--font-display); }
.arena-result-intelligence p { color: #b4c0c6; line-height: 1.7; }
.arena-critical-replay { background: radial-gradient(circle at 100% 0,rgba(255,126,71,.11),transparent 40%),#0a0e13!important; }
.critical-replay-strip {
    display: grid;
    gap: 1px;
    margin-top: 22px;
    border: 1px solid var(--v4-line);
    background: var(--v4-line);
}
.replay-step {
    display: grid;
    grid-template-columns: 30px minmax(70px,1fr) minmax(80px,1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 9px;
    background: #080b0f;
    color: #829098;
    font: 600 .46rem var(--font-mono);
}
.replay-step b { overflow: hidden; color: #dbe6e9; text-overflow: ellipsis; white-space: nowrap; }
.replay-step em { overflow: hidden; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.replay-step strong { color: #ff7681; }
.replay-step.decisive { box-shadow: inset 3px 0 0 #ff8b4d; background: rgba(255,139,77,.08); }
.replay-step.decisive em { color: #ffb087; }
.replay-data { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 24px; }
.replay-data span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.13); color: #c1ccd1; font: 650 .46rem var(--font-mono); letter-spacing: .1em; }
.arena-analysis { border-left: 2px solid var(--v4-cyan); }
.arena-analysis p { margin: 21px 0; font-size: clamp(.9rem,1.6vw,1.1rem); }
.arena-analysis > small { color: #66747d; font: 600 .47rem var(--font-mono); letter-spacing: .05em; }
.arena-result-actions { display: flex; flex-wrap: wrap; gap: 9px; padding: 20px; border-top: 1px solid var(--v4-line); }
.arena-result-actions .btn { flex: 1 1 180px; }

@keyframes arenaScan { from { transform: translateY(-12px); } to { transform: translateY(12px); } }
@keyframes livePulse { 50% { opacity: .35; transform: scale(.72); } }
@keyframes fighterEnter { from { opacity: 0; transform: translateX(0) scale(.78); } to { opacity: 1; transform: translateX(0) scale(1); } }

@media(max-width:900px) {
    .arena-match-control { grid-template-columns: 1fr; }
    .arena-environment { min-height: 330px; order: -1; }
    .arena-control-copy { padding: 30px 24px; }
    .cinematic-hud { grid-template-columns: 1fr 74px 1fr; padding-inline: 12px; gap: 9px; }
    .arena-round-clock { width: 62px; }
    .arena-fight-intro { grid-template-columns: 1fr 92px 1fr; padding-inline: 3%; }
    .arena-result-intelligence { grid-template-columns: 1fr; }
    .arena-analysis { border-left: 0; border-top: 2px solid var(--v4-cyan); }
}
@media(max-width:600px) {
    .arena-form-grid { grid-template-columns: 1fr; }
    .arena-control-copy h2 { font-size: clamp(3rem,18vw,5.2rem); }
    .arena-environment { min-height: 260px; padding: 22px; }
    .arena-venue-name { font-size: 3.3rem; }
    .arena-format-proof { grid-template-columns: 1fr; }
    .arena-format-proof article { min-height: 0; }
    .arena-broadcast-bar { grid-template-columns: 1fr 1fr; }
    .arena-broadcast-bar strong { display: none; }
    .arena-stage { min-height: 420px; }
    .arena-stage #battle-canvas { min-height: 420px; object-fit: cover; }
    .cinematic-hud { top: 10px; grid-template-columns: 1fr 52px 1fr; padding: 10px 7px; gap: 5px; }
    .hud-identity span { display: none; }
    .hud-identity b { font-size: .62rem; }
    .hud-identity small { font-size: .38rem; letter-spacing: .04em; }
    .cinematic-hud .hud-hp-outer { height: 14px; }
    .cinematic-hud .hud-hp-text { font-size: .42rem; }
    .arena-round-clock { width: 48px; height: 48px; }
    .arena-round-clock b { font-size: 1rem; }
    .arena-round-clock small { font-size: .34rem; }
    .arena-momentum { font-size: .34rem; letter-spacing: .04em; }
    .arena-fight-intro { grid-template-columns: 1fr 58px 1fr; padding: 40px 2% 15px; }
    .intro-fighter > div { height: 135px; }
    .intro-fighter svg { width: 105px; max-height: 135px; }
    .intro-fighter span { font-size: .68rem; letter-spacing: .03em; }
    .intro-fighter small { display: none; }
    .intro-versus b { font-size: 3rem; }
    .intro-versus small { display: none; }
    .arena-broadcast-lower { grid-template-columns: minmax(0,1fr) auto; }
    .arena-broadcast-lower b { overflow: hidden; max-width: 170px; text-overflow: ellipsis; white-space: nowrap; }
    .arena-environment-label { display: none; }
    .arena-reward-grid { grid-template-columns: 1fr 1fr; }
    .arena-result-header { min-height: 250px; }
    .arena-result-header h2 { font-size: clamp(4rem,22vw,6rem); }
    .arena-result-actions { flex-direction: column; }
    .arena-result-actions .btn { flex-basis: auto; width: 100%; }
}
@media(prefers-reduced-motion:reduce) {
    .arena-scan,
    .arena-live-dot,
    .arena-fight-intro.active .intro-fighter { animation: none; }
    .arena-fight-intro,
    .hud-energy i { transition-duration: .01ms; }
}