.arena-admin { display: grid; gap: 14px; color: var(--text); }
.arena-admin .arena-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.arena-admin h3, .arena-admin p { margin: 0; }
.arena-admin h3 { color: var(--gold); }
.arena-note { color: var(--muted); line-height: 1.7; font-size: 13px; }
.arena-message { color: var(--gold); min-height: 24px; line-height: 1.7; }
.arena-form { display: grid; gap: 18px; }
.arena-card { display: grid; gap: 16px; border: 1px solid var(--line); border-radius: 12px; padding: 20px; min-width: 0; background: var(--panel); }
.arena-admin.is-dirty .arena-card { border-color: #8d6b34; }
.arena-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.arena-facts > div { display: grid; gap: 6px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); }
.arena-facts strong { color: var(--gold); font-size: 18px; }
.arena-facts span { color: var(--muted); font-size: 13px; }
.arena-rule-inputs { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.arena-rule-inputs label { display: grid; gap: 8px; font-size: 13px; }
.arena-rule-inputs .arena-enabled { display: flex; align-items: center; }
.arena-enabled input { width: 18px; height: 18px; margin: 0; }
.arena-rule-inputs input[type="number"] { width: 240px; max-width: 100%; }
.arena-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; }
.arena-table-wrap table { width: 100%; min-width: 820px; border-collapse: collapse; }
.arena-table-wrap th, .arena-table-wrap td { padding: 10px; text-align: left; border-bottom: 1px solid var(--line); }
.arena-table-wrap th { font-size: 13px; color: var(--muted); white-space: nowrap; background: var(--panel-2); }
.arena-table-wrap tr:last-child td { border-bottom: none; }
.arena-table-wrap input, .arena-table-wrap select { width: 100%; min-width: 85px; box-sizing: border-box; }
.arena-table-wrap td:nth-child(1) { min-width: 170px; }
.arena-table-wrap td:nth-child(2) { width: 45%; min-width: 260px; }
.arena-table-wrap td:nth-child(3) { min-width: 160px; }
.arena-table-wrap button { white-space: nowrap; }
.arena-footer { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; padding-bottom: 12px; }
@media (max-width: 760px) { .arena-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .arena-card { padding: 14px; } }