.ranked-card{position:relative;overflow:hidden;padding:24px 20px;border:1px solid #d4a56566;border-radius:16px;margin:24px 0;background:linear-gradient(180deg,#07091475,#070911e8),url('assets/locations/ranked-arena.webp') center/cover;color:#fff;display:grid;gap:12px}
.ranked-card h3{font-size:1.7rem;margin:0}.ranked-card p{margin:0}.ranked-card>.eyebrow{color:#ffd79c}.ranked-card>small{color:#ddd4ca}.rank-tabs{display:flex;gap:8px;margin:8px 0}.rank-tabs button{flex:1}.rank-tabs .selected{border-color:#edc181;background:#665033;color:#fff}.rank-personal{padding:12px;background:#080c16c9;border:1px solid #ffffff26;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:6px}.rank-personal small{grid-column:1/-1;color:#cabfae}.queue-status{padding:12px;background:#132e27ce;border-radius:8px}.queue-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#72eab1;margin-right:8px;animation:arena-pulse 1.4s ease-in-out infinite}.ranking-list{display:grid;gap:8px;margin:16px 0}.ranking-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 10px;border:1px solid #ffffff18;background:#101725;border-radius:9px}.ranking-row small,.rank-rule small{display:block;font-size:.7rem;color:#aeb7c8;margin-top:4px}.rank-position{color:#edc181;font-size:.85rem}.rank-player{text-align:left;min-width:0;overflow-wrap:anywhere}.ranking-row>span{text-align:right;font-size:.85rem}.rank-pagination{display:flex;gap:12px;align-items:center;justify-content:center}.rank-rule{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff12}.rank-rule>span{text-align:right}.spectator-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.spectator-heading h2{font-size:1.25rem}.spectator-heading>button{flex-shrink:0}.pvp-notice{border-color:#d4a565}.combat-scene.arena-scene{background:linear-gradient(#05080bcc,#05080be8),url('assets/locations/ranked-arena.webp') center/cover fixed}.critical-result{border-color:#ffc36b!important;box-shadow:0 0 22px #f6953044;animation:critical-burst .7s ease-out}.critical-result>strong{color:#ffca75}.critical-target{animation:critical-impact .65s ease-out}.damage-pop{font-size:1.6rem;font-weight:900;color:#ffd486;text-shadow:0 0 14px #e98c29;display:block}.offline-combat{color:#f0b66b}.battle-result.draw h1{color:#dbd6f1}
@keyframes critical-burst{0%{transform:scale(.96);background:#ab662b}35%{transform:scale(1.025)}100%{transform:scale(1)}}@keyframes critical-impact{20%{transform:translateX(-3px);filter:brightness(1.5)}45%{transform:translateX(3px)}100%{transform:none;filter:none}}@keyframes arena-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.critical-result,.critical-target,.queue-pulse{animation:none}}