/* Ruta Battle Pro · carros personalizados estáticos, avance por tiempo y repaso final */
.battle-garage{margin:18px 0 20px;padding:clamp(18px,2.5vw,28px);overflow:visible}
.battle-garage .section-head{margin:0 0 17px}
.battle-garage-layout{display:grid;grid-template-columns:minmax(175px,.85fr) minmax(0,1.6fr);align-items:center;gap:24px}
.battle-car-preview{border-radius:18px;background:linear-gradient(145deg,#eff5ff,#f8fbff);border:1px solid #dae6f5;padding:18px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.battle-car-preview span{font-size:11px;color:#7084a0;font-weight:700}
.battle-car-svg{display:block;width:100%;height:auto;max-width:190px;margin:0 auto;overflow:visible}
.battle-car-large{max-width:265px}
.battle-cars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:8px 0 20px}
.battle-car-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:94px;border:1px solid #d9e3f1;background:#fff;border-radius:13px;color:#284469;padding:9px 7px;font-weight:750}
.battle-car-choice strong{font-size:11px;line-height:1.3}
.battle-car-choice .battle-car-svg{max-width:100px}
.battle-car-choice.active{border:2px solid #2d6ac0;background:#eaf2ff;padding:8px 6px}
.battle-paints{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:11px}
.battle-paint{width:41px;height:41px;padding:6px;border:2px solid transparent;background:transparent;border-radius:50%;display:grid;place-items:center}
.battle-paint i{width:26px;height:26px;display:block;background:var(--paint);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #9badc3}
.battle-paint.active{border-color:#326dc0}
.battle-paint:focus-visible{outline:2px solid #6296dc;outline-offset:2px}
.battle-player-list{display:grid;gap:8px}
.battle-player{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;border:1px solid #e1e9f5;background:#fafcff;min-width:0}
.battle-player-car{width:90px;flex:0 0 90px}
.battle-player-car .battle-car-svg{width:100%}
.battle-player-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.battle-player-name strong{font-size:14px;overflow-wrap:anywhere}
.battle-player-name small{font-size:11px;color:#768aa5}
.battle-question-car{display:flex;gap:8px;align-items:center;width:100%;max-width:850px;margin:2px auto 12px;color:#7184a0;font-size:12px}
.battle-question-car .battle-car-svg{width:100px;margin:0;flex:0 0 100px}
.battle-between{max-width:840px;text-align:center;margin:20px auto}
.battle-between h2{font-size:26px;margin:10px 0}
.battle-between p{color:#7285a0}
.battle-between .card{text-align:left;margin:20px auto 0}
.battle-winner{text-align:center;max-width:840px;margin:22px auto 26px;padding:27px 22px;background:linear-gradient(150deg,#f4f9ff,#fff8e9);border:1px solid #e6d9ac;border-radius:20px;display:flex;align-items:center;flex-direction:column;gap:4px}
.battle-winner h2{font-size:20px;margin:10px 0 0}
.battle-winner-car{max-width:315px;margin:9px auto}
.battle-winner>strong{font-size:24px;color:#24466f}
.battle-winner>span{color:#6b7f98}
.battle-trophy{display:grid;place-items:center}
.battle-final-ranking,.battle-review,.battle-rematch-actions{max-width:880px;margin:18px auto}
.battle-rank-pro{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e1e7f0;padding:10px 3px;min-width:0}
.battle-rank-pro:last-child{border:0}
.battle-rank-car{width:92px;flex:0 0 92px}
.battle-rank-person{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.battle-rank-person>strong{overflow-wrap:anywhere;font-size:13px}
.battle-rank-person small{color:#8293aa;font-size:11px}
.battle-rank-pro>strong:last-child{font-size:13px;white-space:nowrap}
.battle-review-item{padding:18px 19px;background:#fff;border:1px solid #dfe6f1;border-radius:15px;margin:11px 0}
.battle-review-item h3{margin:12px 0;line-height:1.5;font-size:15px}
.battle-review-item p{font-size:13px;line-height:1.58;margin:8px 0;color:#485c78;overflow-wrap:anywhere}
.battle-review-item .battle-correct{color:#16795e;background:#eaf9f3;border-radius:10px;padding:10px}
.battle-review-item .battle-explanation{background:#edf3ff;border-radius:10px;padding:10px;color:#365989}
.battle-rematch-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.battle-rematch-actions>.callout{grid-column:1/-1}
@media(max-width:840px){.battle-garage-layout{grid-template-columns:1fr;gap:15px}.battle-car-preview{padding:12px}.battle-car-preview .battle-car-svg{max-width:220px}.battle-cars-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.battle-garage{padding:16px}.battle-cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-car-choice{min-height:80px}.battle-player-car,.battle-rank-car{width:68px;flex-basis:68px}.battle-winner{padding:22px 14px}.battle-winner-car{max-width:255px}.battle-rematch-actions{grid-template-columns:1fr}.battle-review-item{padding:14px}}
body.dark .battle-garage,body.dark .battle-final-ranking,body.dark .battle-between .card{background:#182b42;border-color:#314964}
body.dark .battle-car-preview{background:linear-gradient(130deg,#233c59,#1b304a);border-color:#375577}
body.dark .battle-car-preview span,body.dark .battle-player-name small,body.dark .battle-between p,body.dark .battle-question-car{color:#b7c7dd}
body.dark .battle-car-choice{background:#203651;color:#e8f1ff;border-color:#3c5878}
body.dark .battle-car-choice.active{background:#294e7b;border-color:#79a5e9}
body.dark .battle-paint i{border-color:#25364f}
body.dark .battle-player{background:#1d334d;border-color:#344e6c}
body.dark .battle-rank-pro{border-color:#38516b}
body.dark .battle-rank-person small{color:#acbed5}
body.dark .battle-winner{background:linear-gradient(125deg,#1b334f,#303344);border-color:#72633f}
body.dark .battle-winner>strong{color:#e7f0ff}
body.dark .battle-winner>span{color:#bfcde0}
body.dark .battle-review-item{background:#1b2e46;border-color:#3b536f}
body.dark .battle-review-item h3{color:#eaf3ff}
body.dark .battle-review-item p{color:#c2d0e4}
body.dark .battle-review-item .battle-correct{color:#d2fff0;background:#1e493c}
body.dark .battle-review-item .battle-explanation{color:#d5e6ff;background:#294467}