/* Direct-control gladiator arena. Keep the HUD compact and the stage dominant. */
.championMode #championArena.gladiatorView{display:block;height:auto;min-height:0;max-width:1250px;margin:auto;padding:10px 14px 25px;overflow:visible;font-family:system-ui,sans-serif}
.gladiatorHeading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px}.gladiatorHeading h1{font:clamp(22px,3vw,32px) Georgia,serif;margin:4px 0;color:#efdcaa}.gladiatorHeading .eyebrow{font-size:9px}.gladiatorHeading button{min-height:38px;font-size:11px;padding:6px 12px}
.gladiatorHud{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:120px;margin-bottom:10px}.gladiatorVitals{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:12px}.gladiatorVitals>progress{grid-column:1/-1;width:100%;appearance:none;height:5px;border:0;border-radius:5px;background:#2b3d43;overflow:hidden}.gladiatorVitals progress::-webkit-progress-bar{background:#2b3d43}.gladiatorVitals progress::-webkit-progress-value{background:#8ec8a9}.gladiatorVitals progress::-moz-progress-bar{background:#8ec8a9}.gladiatorVitals[data-vitals=enemy] progress[data-hp]::-webkit-progress-value{background:#dd9e8b}.gladiatorVitals[data-vitals=enemy] progress[data-hp]::-moz-progress-bar{background:#dd9e8b}.gladiatorVitals progress[data-energy]{height:3px}.gladiatorVitals progress[data-energy]::-webkit-progress-value{background:#d3bc79}.gladiatorVitals progress[data-energy]::-moz-progress-bar{background:#d3bc79}.gladiatorVitals>small{grid-column:1/-1;font-size:9px;color:#b6c8c8}.gladiatorVitals>[data-hp-text]{font-size:10px;color:#c9dbd9}
.gladiatorTimer{position:absolute;left:50%;top:0;transform:translateX(-50%);display:grid;text-align:center;gap:3px}.gladiatorTimer b{font:26px Georgia,serif;color:#f5dba5}.gladiatorTimer small{font-size:8px;color:#a7c5c9}
#championArena .gladiatorStage{height:clamp(310px,57vh,640px);min-height:0;max-height:none;background:linear-gradient(#0b141d33,#0b161b33 60%,#0a1426bb),var(--arena-image) center/cover;border:1px solid #a08f5a77;border-radius:12px;isolation:isolate;overflow:hidden;position:relative}
.gladiatorGround{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(transparent,#050b15b8);border-top:1px solid #e5d0981a}
#championArena .gladiatorStage .championActor{left:var(--fighter-x)!important;width:31%;height:88%;bottom:5%;transition:left .4s ease;pointer-events:none}#championArena .gladiatorStage .championActorName{bottom:0;font:11px system-ui,sans-serif;padding:3px 8px;border:0;background:#10212bdd}
#championArena .gladiatorStage .championSprite{width:100%;height:100%;transform-origin:center bottom}#championArena .gladiatorStage .championSprite img{object-fit:contain;object-position:center bottom}
#championArena .gladiatorStage .championTelegraph{position:absolute;top:6%;left:50%;transform:translateX(-50%);z-index:5;font:700 10px system-ui,sans-serif;white-space:nowrap;color:#ffe1a6;max-width:180px;padding:5px 9px;background:#182632e8;border-radius:5px}#championArena .gladiatorStage .championTelegraph:empty{display:none}.championTelegraph.charging:after{content:'';display:block;margin-top:4px;height:3px;width:var(--charge,0%);background:#ffb775}
.gladiatorHazard{position:absolute;bottom:0;height:26%;border:2px dashed var(--hazard-color);border-bottom:0;z-index:1;background:repeating-linear-gradient(120deg,transparent 0 12px,#f0a16333 13px 23px);box-shadow:inset 0 -30px 40px #e8a65833;animation:hazardPulse .6s ease-in-out infinite alternate}.gladiatorHazard[hidden]{display:none}@keyframes hazardPulse{to{opacity:.55}}
.gladiatorWarning{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:5;background:#311d10dd;border:1px solid #efb58480;color:#ffe2ab;border-radius:5px;padding:7px 12px;font-size:12px;margin:0;max-width:90%;text-align:center}.gladiatorWarning:empty{display:none}.gladiatorBanner{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:5;font-size:11px;color:#e5d8b5;background:#0b1822e6;padding:6px 12px;border-radius:6px;text-align:center;max-width:75%;pointer-events:none}
#championArena .gladiatorEntrance{z-index:7;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#09151dcc;padding:24px;text-align:center}.gladiatorEntrance h2{font:27px Georgia,serif;color:#ffe0a0}.gladiatorEntrance p{max-width:450px;font-size:13px;line-height:1.6;color:#d7e5e2}.gladiatorEntrance button{min-height:44px;padding:8px 18px}.gladiatorEntrance.hidden{display:none!important}
.gladiatorControls{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(300px,1.6fr) auto;gap:12px;margin:12px 0 0;align-items:start}.gladiatorMovement{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gladiatorMovement button,.gladiatorActions button{min-height:48px;border:1px solid #6e888e;background:#172f3a;color:#e7e9d9;border-radius:7px;padding:7px 10px;cursor:pointer;touch-action:manipulation;font:12px system-ui,sans-serif}.gladiatorMovement small{grid-column:1/-1;font-size:9px;text-align:center;color:#9bb4b9}.gladiatorActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gladiatorActions button{display:grid;gap:4px}.gladiatorActions small{font-size:10px;color:#bbcecf}.gladiatorActions [data-skill]{background:#332c48;border-color:#a08baf}.gladiatorActions [data-attack]{border-color:#c1a56e;background:#393e32}.gladiatorStyle{min-height:48px;font-size:10px;padding:7px 9px;max-width:105px}.gladiatorStyle[aria-pressed=true]{border-color:#f2c675;color:#f5d599}.gladiatorKeyHint{grid-column:1/-1;color:#91aeb4;font-size:10px;margin:0;text-align:center}.gladiatorResult{padding:18px;background:#142832;border:1px solid #b69d6a;border-radius:10px;margin-top:14px}.gladiatorResult h2{font:27px Georgia,serif;color:#efd298;margin:0 0 9px}.gladiatorResult p{font-size:13px}.gladiatorResult button{min-height:42px;font-size:12px;margin-right:8px}.gladiatorJournal{margin-top:15px;font-size:12px;background:#11232ac9;padding:10px 14px;border-radius:8px}.gladiatorJournal summary{cursor:pointer;color:#d9c58f;min-height:28px}.gladiatorJournal p,.gladiatorJournal li{color:#b8ccce;line-height:1.6}
@media(max-width:760px){.championMode #championArena.gladiatorView{padding:8px}.gladiatorHud{gap:75px}.gladiatorControls{grid-template-columns:1fr auto;gap:9px}.gladiatorMovement{grid-column:1/-1;grid-template-columns:1fr 1fr}.gladiatorActions{grid-template-columns:repeat(3,minmax(0,1fr))}.gladiatorStyle{max-width:82px;font-size:9px}.gladiatorActions button{padding:8px 5px;font-size:11px;min-height:55px}.gladiatorActions small{font-size:9px}.gladiatorKeyHint{display:none}#championArena .gladiatorStage{height:clamp(300px,49vh,520px)}#championArena .gladiatorStage .championActor{width:42%;height:84%}.gladiatorBanner{font-size:10px;bottom:8px}.gladiatorWarning{font-size:10px;top:8px}.gladiatorHeading h1{font-size:23px}}
@media(max-width:430px){.gladiatorHeading h1{font-size:20px}#championArena .gladiatorStage .championActor{width:52%;height:78%;bottom:9%}#championArena .gladiatorStage .championActorName{font-size:9px}#championArena .gladiatorStage .championTelegraph{font-size:8px;padding:4px 6px}.gladiatorActions button b{font-size:10px}.gladiatorStyle{max-width:62px}.gladiatorHud{gap:55px}.gladiatorVitals{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gladiatorHazard{animation:none}#championArena .gladiatorStage .championActor{transition:none}}

#championArena .gladiatorStage{background-color:#030405;background-image:var(--arena-image);background-size:contain;background-repeat:no-repeat;background-position:center}