*{box-sizing:border-box}
body{margin:0;font-family:Roboto,sans-serif;color:#fff}
.arena-page{width:min(1200px,94%);margin:40px auto 70px}
.arena-header{text-align:center;margin-bottom:30px}
.arena-header h1{margin:0 0 10px;font-size:34px;font-weight:700}
.arena-header p{margin:0;opacity:.75}
.arena-back{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:12px 20px;border-radius:12px;background:linear-gradient(135deg,#6600ff,#9933ff);color:#fff;text-decoration:none;font-weight:700;transition:.2s}
.arena-back:hover{transform:translateY(-2px)}
.arena-table-wrap{overflow-x:auto;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.arena-table{width:100%;border-collapse:collapse;min-width:500px}
.arena-table th{padding:17px 14px;text-align:center;font-size:13px;opacity:.7;background:rgba(0,0,0,.2)}
.arena-table td{padding:15px 14px;text-align:center;border-top:1px solid rgba(255,255,255,.07);font-size:14px}
.arena-table tr{transition:.2s}
.arena-table tbody tr:hover{background:rgba(255,255,255,.06)}
.player{font-weight:700; color:#fff; text-decoration:none;}
.player:hover{text-decoration:underline;}
.rank{font-weight:700;font-size:17px}
.rating{font-weight:700}
.rank-icon{width:30px;text-align:center;margin-right:7px}
.top1{color:#ffd54f}
.top10{color:#e1bee7}
.top100{color:#90caf9}
.empty{text-align:center;padding:40px;opacity:.7}
@media(max-width:800px){.arena-header h1{font-size:28px}}