.arenaOption[data-mode-card=champions]{border-color:#cdb476;background:linear-gradient(145deg,#263741,#161f29);grid-column:span 2}.arenaOption[data-mode-card=champions] .arenaArt{background:radial-gradient(ellipse at center,#54493788,transparent),url('../cinematic/blackrock.jpg') center/cover;height:270px}.arenaOption[data-mode-card=champions] .arenaArt img{object-fit:contain;object-position:center}.arenaOption[data-mode-card=champions] .arenaOptionBody h2{font-size:32px}.arenaOption[data-mode-card=champions] .arenaActions .primary{flex-basis:auto}
body.championMode{background:#0b151d}.championMode .onlineMain{max-width:1440px;margin:auto}.championHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 20px}.championHeading h1{font:clamp(24px,3.4vw,42px)/1.2 Georgia,serif;color:#efd7a2;margin:8px 0}.championHeading button{min-height:44px}.championHud{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:28px;align-items:center;margin-bottom:12px}.championVitals{padding:15px 20px;border:1px solid #5d777e;border-top:2px solid var(--champion-color);border-radius:12px;background:linear-gradient(140deg,#22333d,#101f28)}.championVitals[data-vitals=enemy]{grid-column:3;grid-row:1}.championName{display:flex;gap:13px;align-items:center;margin-bottom:10px}.championName>span{font-size:32px;color:var(--champion-color)}.championName strong{font:24px Georgia,serif;color:#f4ddaf}.championName small{display:block;color:#bdcecf;font-size:12px;margin-top:5px;line-height:1.4}.championVitals label{display:block;font-size:12px;line-height:1.5;margin:9px 0;color:#d1dddd}.championVitals label b{float:right;font-size:13px}.championVitals progress{display:block;width:100%;height:13px;accent-color:#68b781;margin-top:5px}.championVitals progress[data-stamina]{accent-color:#619bbd}.championVitals [data-status]{font:12px/1.5 system-ui,sans-serif;color:#e9cd9c;min-height:18px;margin:10px 0 0}.championClock{grid-column:2;grid-row:1;text-align:center;display:flex;flex-direction:column;gap:10px}.championClock strong{color:#f4cf81;font:700 20px/1.3 system-ui,sans-serif}.championClock span{font-size:13px;color:#d9e3df}.championClock small{font-size:12px;color:#b0c6c5;line-height:1.5}
.championStage{position:relative;isolation:isolate;height:clamp(330px,38vw,570px);overflow:hidden;border:1px solid #8b7a5c;border-radius:16px;background:linear-gradient(180deg,#09152133,#15242a44 50%,#151c23aa),url('../cinematic/blackrock.jpg') center 55%/cover;box-shadow:inset 0 0 80px #0007}.championMist{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 80%,#e7c89724,transparent 70%)}.championFloor{position:absolute;bottom:0;left:0;right:0;height:24%;background:linear-gradient(0deg,#1d211ef5,#594d3a70,transparent);border-bottom:4px solid #d0b27e33}.championActor{position:absolute;bottom:0;width:48%;height:100%;transform:translateX(-50%);transition:left .65s ease;pointer-events:none;--direction:1}.championActor.enemy{--direction:-1}.championActor::after{content:"";position:absolute;width:35%;height:3%;background:#0009;filter:blur(6px);left:33%;bottom:11%;border-radius:50%;z-index:-1}.championSprite{height:100%;width:100%;transform-origin:50% 88%;display:flex;align-items:flex-end;justify-content:center}.championSprite img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 5px #0009);user-select:none}.championActor.enemy .championSprite img{transform:scaleX(-1)}.championActorName{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);color:#efe0b9;background:#10202cdd;border:1px solid #ad987366;border-radius:6px;padding:4px 12px;font:13px Georgia,serif;letter-spacing:.6px}.championTelegraph{position:absolute;top:3%;left:50%;transform:translateX(-50%);max-width:85%;z-index:4;background:#172027ee;color:#ffd589;font:700 12px/1.5 system-ui,sans-serif;border:1px solid #b99762;border-radius:7px;padding:8px;text-align:center;white-space:normal}.championTelegraph:empty{display:none}.championDamage{position:absolute;top:43%;left:50%;transform:translateX(-50%);font:700 clamp(16px,2.5vw,30px)/1.2 system-ui,sans-serif;color:#ffe4b1;text-shadow:0 2px 5px #000,0 0 16px #000;z-index:4;opacity:0;text-align:center;max-width:85%;transition:opacity .2s}.championDamage.visible{opacity:1}.championDistance{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:5;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:1px;background:#101b25ef;padding:7px 18px;border:1px solid #c3ab71;color:#edd3a0;border-radius:6px 6px 0 0;white-space:nowrap}.championExchangeBanner{position:absolute;top:0;left:50%;transform:translateX(-50%);font:700 12px/1.5 system-ui,sans-serif;padding:8px 16px;max-width:42%;text-align:center;color:#f6e2b9;background:#10202dda;border-radius:0 0 8px 8px}.championExchangeBanner:empty{display:none}
.championAttack .championSprite{animation:champion-lunge .75s ease-in-out}.championAvoid .championSprite{animation:champion-evade .8s ease-in-out}.championHit .championSprite{animation:champion-hit .5s ease-in-out}.championHit img{filter:drop-shadow(0 0 12px #efb471)}
@keyframes champion-lunge{0%,100%{transform:translateX(0) rotate(0)}45%{transform:translateX(calc(38px * var(--direction))) rotate(calc(4deg * var(--direction)))}}@keyframes champion-evade{0%,100%{transform:translateX(0)}50%{transform:translateX(calc(-38px * var(--direction))) rotate(calc(-8deg * var(--direction)))}}@keyframes champion-hit{25%{transform:translateX(calc(-10px * var(--direction)))}65%{transform:translateX(calc(7px * var(--direction)))}}
.championEntrance{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:24px;border:1px solid #a9976c;border-radius:12px;background:#162a34;margin:20px 0}.championEntrance>div{flex:1;min-width:240px}.championEntrance h2{font:25px Georgia,serif;color:#efdaa9;margin:0 0 12px}.championEntrance p{font:14px/1.7 system-ui,sans-serif;color:#d0dcda}.championEntrance button{min-height:54px}.championControls{margin:20px 0;padding:24px;background:#10212a;border:1px solid #52666c;border-radius:14px}.championChoiceHeader{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.championChoiceHeader>strong,.championChoiceHeader>div>strong{font-size:16px;color:#e8d9b3}.championChoiceHeader p{color:#bdcece;font-size:12px;line-height:1.6;margin:7px 0}.championChoiceHeader>span{font-size:13px;line-height:1.5;color:#dbcb9a}.championMoves{display:flex;gap:9px;flex-wrap:wrap}.championMoves button{min-height:45px;min-width:110px;font-size:12px}.championMoves [aria-pressed=true]{background:#d0b57e;color:#11202b;border-color:#f4d89e}.championActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.championActions button{display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(150deg,#29404a,#142630);border:1px solid #84918b;border-radius:10px;min-height:155px;padding:17px 12px;color:#e8e9de;white-space:normal;cursor:pointer}.championActions button:hover:not(:disabled),.championActions button:focus-visible{outline:2px solid #e2bd76;outline-offset:2px;background:#344b50}.championActions button:disabled{opacity:.45;cursor:default}.championActions button[data-champion-action=skill]{border-color:#a895c4;background:linear-gradient(150deg,#39364d,#192632)}.championActions button[data-champion-action=strike]{border-color:#d2a17b;background:linear-gradient(150deg,#5a3c31,#222d34)}.championActions button[data-champion-action=prepare]{border-color:#d2a17b}.championActionIcon{font-size:25px;line-height:1;color:#e3cba0}.championActions strong{font-size:14px;line-height:1.4}.championActions b{font-size:11px;color:#a5cedb}.championActions small{font:12px/1.5 system-ui,sans-serif;color:#c2d0cf}.championFootnote{font:12px/1.7 system-ui,sans-serif;color:#b9cdcc;margin:18px 0 0}.championNotice{color:#eec797;font-size:13px;line-height:1.6}.championNotice:empty{display:none}.championFinish{padding:28px;margin:22px 0;border:1px solid #c0a469;border-radius:14px;background:linear-gradient(135deg,#2b3739,#111f2a)}.championFinish h2{font:36px Georgia,serif;color:#e9d2a1;margin:12px 0}.championFinish p{line-height:1.7;font-size:15px}.championFinish>div{display:flex;gap:14px;flex-wrap:wrap}.championFinish button{min-height:48px}.championJournal{margin:24px 0 85px}.championJournal h2{font:24px Georgia,serif;color:#e4cea0}.championJournal details{margin:16px 0;padding:16px;background:#132730;border:1px solid #4b6068;border-radius:10px}.championJournal summary{cursor:pointer;font-size:14px;color:#e9d4a7;min-height:30px}.championJournal p,.championJournal li{font:14px/1.7 system-ui,sans-serif;color:#c9d7d6}.championReport{background:#142a33;border-left:3px solid #b49e70;padding:18px;margin:10px 0}.championReport>strong{font-size:15px;color:#e7d5af}.championReport>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.championReport p span{color:#a7c9cb;font-size:13px}.championReport ul{padding-left:20px;margin-bottom:0}.championMode #result,.championMode #arena,.championMode #modePreparation{display:none!important}.accessGate #championArena{display:none!important}.noMotion .championActor,.noMotion .championSprite,.noMotion .championDamage{animation:none!important;transition:none!important}.highContrast :is(.championVitals,.championControls,.championEntrance,.championJournal details,.championReport,.championFinish){background:#071319!important;border-color:#e5d2a4!important}.highContrast .championActions button{border-color:#ffe0a0}.highContrast .championActions small{color:#fff}
@media(prefers-reduced-motion:reduce){.championActor,.championSprite,.championDamage{animation:none!important;transition:none!important}}
@media(max-width:900px){.championHud{grid-template-columns:1fr 1fr;gap:12px}.championVitals[data-vitals=enemy]{grid-column:2}.championClock{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:8px}.championActions{grid-template-columns:repeat(3,minmax(0,1fr))}.championStage{height:400px}.championHeading h1{font-size:30px}}
@media(max-width:600px){.arenaOption[data-mode-card=champions]{grid-column:auto}.championHeading{gap:8px}.championHeading h1{font-size:24px}.championHeading .eyebrow{font-size:10px}.championHeading button{font-size:10px;padding:10px}.championVitals{padding:10px}.championName{gap:8px}.championName strong{font-size:19px}.championName>span{font-size:22px}.championName small{font-size:10px}.championVitals [data-status]{font-size:10px;min-height:30px}.championClock strong{font-size:16px}.championStage{height:310px}.championActor{width:66%;height:95%}.championActorName{font-size:11px;bottom:3%}.championDistance{font-size:10px;padding:6px 10px}.championTelegraph{font-size:10px;padding:5px;top:14%;max-width:65%}.championExchangeBanner{font-size:10px;max-width:80%;width:75%}.championControls{padding:14px}.championMoves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px}.championMoves button{min-width:0;font-size:11px;padding:10px 4px}.championActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.championActions button{padding:13px 9px;min-height:168px}.championActions small{font-size:11px}.championEntrance{padding:18px}.championEntrance>div{min-width:0;flex-basis:100%}.championEntrance button{width:100%}.championReport>div{grid-template-columns:1fr;gap:0}.championReport{padding:14px}.championFinish{padding:20px}.championFinish button{flex:1}.championFinish h2{font-size:30px}}

.championsTile{background:linear-gradient(110deg,#10212bef,#17283399),url('../champions/onos/01_base.png?rev=20261011-heroes-estrategia') right 25%/contain no-repeat;border-color:#c7ae76}.championAttack::before{content:"";position:absolute;top:43%;left:45%;height:24%;width:30%;border-right:5px solid #f9d7a6;border-radius:50%;filter:drop-shadow(0 0 9px #eab06b);transform:rotate(-25deg);animation:champion-flash .7s ease-out both;z-index:3}.championAttack.enemy::before{left:25%;border-left:5px solid #f9d7a6;border-right:0;transform:rotate(25deg)}.championAttack[data-action=skill]::before{border:2px solid var(--champion-color);background:radial-gradient(circle,transparent 35%,var(--champion-color),transparent 70%);width:35%;height:35%;top:30%;filter:drop-shadow(0 0 12px var(--champion-color))}.championAttack[data-action=strike]::before{border-width:9px;filter:drop-shadow(0 0 15px #eab06b)}@keyframes champion-flash{0%,100%{opacity:0}45%{opacity:.9}}.noMotion .championAttack::before{display:none}@media(prefers-reduced-motion:reduce){.championAttack::before{display:none}}

/* Compact combat controls; detailed instructions stay available on demand. */
.championHeading{margin:8px 0 10px}.championHeading h1{font-size:clamp(22px,2.5vw,30px);margin:4px 0}.championHud{gap:16px;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);margin-bottom:10px}.championVitals{padding:9px 12px;border:0;border-radius:6px;background:#13252e}.championName{gap:8px;margin-bottom:6px}.championName>span{font-size:20px}.championName strong{font-size:18px}.championName small{font-size:11px;margin-top:2px}.championVitals label{display:grid;grid-template-columns:72px minmax(20px,1fr) 52px;align-items:center;gap:6px;margin:5px 0;font-size:11px;line-height:1.3}.championVitals label>span{grid-column:1;grid-row:1}.championVitals label b{grid-column:3;grid-row:1;float:none;text-align:right;font-size:11px;font-weight:500}.championVitals progress{grid-column:2;grid-row:1;appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;margin:0;border:0;border-radius:3px;overflow:hidden;background:#30414b}.championVitals progress::-webkit-progress-bar{background:#30414b;border-radius:3px}.championVitals progress::-webkit-progress-value{background:#70b58b;border-radius:3px}.championVitals progress::-moz-progress-bar{background:#70b58b;border-radius:3px}.championVitals progress[data-stamina]::-webkit-progress-value{background:#72a9c3}.championVitals progress[data-stamina]::-moz-progress-bar{background:#72a9c3}.championVitals [data-status]{min-height:14px;margin:5px 0 0;font-size:11px;line-height:1.3}.championClock{gap:5px}.championClock strong{font-size:16px}.championClock span,.championClock small{font-size:11px}.championStage{height:clamp(250px,calc(100svh - 400px),520px)}
.championControls{padding:12px;margin:12px 0;border-radius:8px}.championChoiceHeader{gap:8px;margin-bottom:9px}.championChoiceHeader>strong,.championChoiceHeader>div>strong{font-size:13px}.championChoiceHeader>span{font-size:12px}.championMoves{gap:7px}.championMoves button{min-height:36px;min-width:0;padding:7px 12px;font-size:12px;border-radius:5px}.championActions{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.championActions button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 10px;border-radius:5px;background:#20353f;border-color:#60757c;box-shadow:none}.championActionIcon{font-size:16px;flex:none}.championActions strong{font:600 12px/1.35 system-ui,sans-serif}.championActions b{font-size:10px;white-space:nowrap;font-weight:500}.championActions small{display:none}.championActions button[data-champion-action=skill]{background:#302e42}.championActions button[data-champion-action=strike]{background:#443329}.championActionHelp{margin-top:10px;border-top:1px solid #3d535c;padding-top:8px}.championActionHelp summary{font-size:12px;color:#dccb9f;cursor:pointer;padding:5px 0}.championActionHelp p,.championActionHelp dd{font:13px/1.6 system-ui,sans-serif;color:#c7d5d3}.championActionHelp dt{font-size:13px;font-weight:600;color:#e3d1aa;margin:12px 0 4px}.championActionHelp dd{margin:0}.championActionHelp dl{margin:10px 0}.championActionHelp .championFootnote{font-size:12px}
@media(max-width:900px){.championHud{grid-template-columns:1fr 1fr;gap:8px}.championClock{grid-column:1/-1;grid-row:2;padding:3px;gap:10px}.championActions{grid-template-columns:repeat(3,minmax(0,1fr))}.championVitals[data-vitals=enemy]{grid-column:2}}
@media(max-width:600px){.championHud{gap:7px}.championVitals{padding:8px}.championName strong{font-size:16px}.championName small{font-size:10px}.championVitals label{grid-template-columns:1fr auto;gap:3px}.championVitals label>span{grid-column:1;grid-row:1}.championVitals label b{grid-column:2;grid-row:1}.championVitals progress{grid-column:1/-1;grid-row:2;height:5px}.championVitals [data-status]{font-size:10px;min-height:13px}.championControls{padding:10px}.championMoves button{min-height:44px;padding:7px 5px;font-size:11px}.championActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.championActions button{min-height:44px;padding:8px 6px;gap:5px}.championActions strong{font-size:11px}.championActions b{font-size:9px}.championActionIcon{font-size:14px}.championStage{height:clamp(240px,38svh,330px)}.championActionHelp summary{min-height:36px;display:flex;align-items:center}}