.battle-stage{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:1024px){.battle-stage{grid-template-columns:1fr 160px 1fr;align-items:start;gap:1.5rem}}.battle-card{position:relative;background:var(--color-canvas-card);border:2px solid var(--color-hairline);display:flex;flex-direction:column;transition:transform .35s ease,border-color .35s ease,opacity .35s ease,box-shadow .35s ease}.battle-card:hover{border-color:var(--color-hairline-light)}.battle-card .card-redline{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--color-rcb-red),var(--color-rcb-red-dark))}.battle-card.winner{border-color:#f6a200;box-shadow:0 0 32px #f6a20040;transform:scale(1.015)}.battle-card.loser{opacity:.42;transform:scale(.975);filter:grayscale(.4)}.battle-card.exiting{animation:card-exit .4s ease-in forwards}.battle-card.entering{animation:card-enter .4s ease-out}@keyframes card-exit{to{opacity:0;transform:translateY(-16px) scale(.96)}}@keyframes card-enter{0%{opacity:0;transform:translateY(16px) scale(.96)}}.card-inner{padding:1.25rem 1.25rem .75rem;flex:1}.author-row{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-hairline)}.card-title{font-size:1rem;font-weight:700;color:var(--color-ink);margin-bottom:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.card-desc{font-size:.7rem;color:var(--color-body);line-height:1.55;margin-bottom:.875rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.player-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:.875rem}.player-cell{background:var(--color-surface);padding:5px 4px 7px;text-align:center;border:1px solid rgba(46,46,46,.5)}.player-cell .player-photo-wrap{position:relative;width:calc(100% - 4px);aspect-ratio:3/4;margin:0 auto 5px}.player-cell .player-photo-wrap .player-img-clip{position:absolute;inset:0;overflow:hidden;border:1px solid}.player-cell .player-photo-wrap .player-img-clip img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.player-cell .player-photo-wrap .cap-badge{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;font-size:7px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 1px 4px #000c}.player-cell .pname{font-size:10px;font-weight:700;font-style:italic;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;text-align:center;display:block}.player-cell .pname.is-cap{color:var(--color-rcb-red)}.player-cell .pname.is-vc{color:var(--color-rcb-red);opacity:.75}.player-cell .pname.is-normal{color:#fffc}.role-bat{border-color:#22c55e59}.role-bowl{border-color:#3b82f659}.role-ar{border-color:#a855f759}.role-wk{border-color:#f59e0b59}.cv-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.625rem 0;border-top:1px solid var(--color-hairline);margin-bottom:.625rem}.cv-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-muted);margin-bottom:2px}.cv-value{font-size:.7rem;font-weight:700;color:var(--color-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.battle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:.75rem;background:var(--color-hairline)}.stat-cell{background:var(--color-surface);padding:.5rem .25rem;text-align:center}.stat-num{font-size:1.1rem;font-weight:900;color:var(--color-ink);font-variant-numeric:tabular-nums;line-height:1}.stat-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-muted);margin-top:2px}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.75rem}.tag-pill{border-radius:9999px;background:var(--color-surface);border:1px solid var(--color-hairline);padding:2px 8px;font-size:9px;color:var(--color-muted)}.tier-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:2px 6px;border:1px solid;white-space:nowrap}.elo-delta{position:absolute;top:12px;right:12px;padding:4px 10px;font-size:.8rem;font-weight:900;border:1px solid;z-index:10;animation:pop-in .3s ease-out}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.vote-area{padding:1rem;border-top:1px solid var(--color-hairline)}.vote-btn{width:100%;padding:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;background:linear-gradient(135deg,#d50000,#7a0000);border:none}.vote-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 20px #c0000059}.vote-btn:active:not(:disabled){transform:scale(.98)}.vote-btn:disabled{opacity:.45;cursor:not-allowed}.vs-col{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 0}@media(min-width:1024px){.vs-col{flex-direction:column;padding:2rem 0;gap:1.5rem;position:sticky;top:5rem}}.vs-badge{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#c00000,#7a0000);color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:1px;flex-shrink:0;box-shadow:0 0 24px #c0000066}.vs-elo-compare{display:none}@media(min-width:1024px){.vs-elo-compare{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}}.vs-divider-line{width:1px;height:24px;background:var(--color-hairline)}.skip-btn{background:transparent;border:1px solid var(--color-hairline);color:var(--color-muted);padding:.4rem .875rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.skip-btn:hover{border-color:var(--color-rcb-red);color:var(--color-rcb-red)}#skip-btn{display:none}@media(min-width:1024px){#skip-btn{display:block}#skip-btn-mobile{display:none}}