.anticheat-heading { align-items: flex-start; }
.anticheat-heading h1 { font-size: clamp(29px, 3vw, 41px); }
.anticheat-heading .lede { max-width: 680px; }
.anticheat-heading > .button { flex-shrink: 0; margin-top: 7px; }
.anticheat-warning { padding: 17px 20px; border: 2px solid #9d8357; border-radius: 17px; background: #292737ed; color: #e6d2ae; font-size: 12px; line-height: 1.8; margin-bottom: 24px; box-shadow: 0 4px 0 #080f1d88; }
.anticheat-warning strong { color: #ffe5ba; }
.anticheat-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-bottom: 24px; }
.anticheat-metrics > button { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; text-align: left; background: #18243bf5; color: #c4cee1; border: 2px solid #65758f; border-radius: 19px; padding: 19px; box-shadow: 0 4px 0 #080f1d88; transition: background .15s, border-color .15s; }
.anticheat-metrics > button:hover { border-color: #c9acf6; background: #282d46; }
.anticheat-metrics > button[aria-pressed=true] { border-color: #c5a6ff; background: #312b48; }
.anticheat-metrics small { font-size: 11px; }
.anticheat-metrics strong { font-size: 29px; font-weight: 800; line-height: 1.1; color: #e4d7ff; }
.anticheat-coverage { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 15px; align-items: start; border: 2px solid #65798e; border-radius: 19px; background: #162438f0; padding: 20px; margin-bottom: 23px; box-shadow: 0 4px 0 #080f1d88; }
.anticheat-coverage h2 { font-size: 15px; margin: 0 0 10px; }
.anticheat-coverage p { font-size: 11px; color: #b6c7df; line-height: 1.8; margin: 4px 0; overflow-wrap: anywhere; }
.anticheat-coverage .anticheat-gap { color: #f1ca93; }
.anticheat-connection { color: #e4c38f; background: #503b1d42; border: 1px solid #a78a57; border-radius: 8px; padding: 5px 9px; white-space: nowrap; font-size: 10px; }
.anticheat-connection.connected { color: #a8e8cf; background: #285c4942; border-color: #538f79; }
.anticheat-compatibility { border: 2px solid #665c83; border-radius: 19px; background: #181f33ed; margin-bottom: 25px; overflow: hidden; box-shadow: 0 4px 0 #080f1d88; }
.anticheat-compatibility > summary { padding: 18px 20px; cursor: pointer; color: #d8c8f5; font-size: 13px; font-weight: 700; min-height: 56px; }
.anticheat-compatibility > summary:hover { background: #2a2840; }
.anticheat-adapters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 18px 18px; }
.anticheat-adapter { padding: 16px; border: 1px solid #65718b; border-radius: 13px; background: #202a3e; min-width: 0; }
.anticheat-adapter header { display: flex; gap: 8px; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; }
.anticheat-adapter h3 { font-size: 13px; margin: 0; overflow-wrap: anywhere; }
.anticheat-adapter small { color: #b2c2da; font-size: 10px; display: block; line-height: 1.7; overflow-wrap: anywhere; }
.anticheat-adapter p { font-size: 11px; color: #bfcae0; line-height: 1.7; margin: 9px 0; overflow-wrap: anywhere; }
.anticheat-adapter a { font-size: 10px; }
.anticheat-adapter-state { padding: 3px 6px; border: 1px solid #7a718f; border-radius: 6px; color: #d1c4e5; font-size: 9px; }
.anticheat-adapter-state.registered { border-color: #6a9c8a; color: #abdfcd; }
.anticheat-adapter-state.error, .anticheat-adapter-state.incompatible { border-color: #b37988; color: #ffc1d0; }
.anticheat-filters { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 17px; }
.anticheat-filters > input { flex: 1; min-width: 230px; }
.anticheat-filters > .select-control { width: 185px; }
.anticheat-list-status { font-size: 11px; color: #c0cce0; margin: 0 0 15px; min-height: 20px; }
.anticheat-alert-list { display: grid; gap: 16px; }
.anticheat-alert { border: 2px solid #62718f; border-radius: 19px; background: #152137f5; padding: 21px; box-shadow: 0 4px 0 #080f1d88; min-width: 0; }
.anticheat-alert:focus { outline: 3px solid #bca4ff; outline-offset: 3px; }
.anticheat-alert > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; margin-bottom: 17px; }
.anticheat-alert h3 { font-size: 16px; line-height: 1.5; margin: 0 0 3px; overflow-wrap: anywhere; }
.anticheat-alert .anticheat-uuid { font: 10px ui-monospace, monospace; color: #a8b9d5; overflow-wrap: anywhere; }
.anticheat-alert-meta { display: flex; gap: 12px 22px; flex-wrap: wrap; padding: 15px 0; border-top: 1px solid #41516c; border-bottom: 1px solid #41516c; }
.anticheat-alert-meta > div { min-width: 100px; flex: 1; }
.anticheat-alert-meta small { color: #a8b9d3; font-size: 10px; display: block; margin-bottom: 4px; }
.anticheat-alert-meta strong { color: #dddaee; font-size: 12px; font-weight: 600; overflow-wrap: anywhere; display: block; }
.anticheat-alert > footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 16px; }
.anticheat-alert > footer p { color: #b2c3dc; font-size: 10px; line-height: 1.8; margin: 0; flex: 1; min-width: 180px; }
.anticheat-review-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.anticheat-review-actions .button { font-size: 11px; padding: 8px 12px; }
.anticheat-review-state { border: 1px solid #947ab3; border-radius: 8px; padding: 5px 9px; color: #dec6ff; background: #a879e318; white-space: nowrap; font-size: 10px; }
.anticheat-review-state.reviewed { color: #b0e5d0; border-color: #699a86; background: #69ba8f13; }
.anticheat-review-state.dismissed { color: #b6c4dc; border-color: #657590; background: #7290b30d; }
.anticheat-retention { font-size: 10px; color: #b0c0db; margin: 23px 0 0; line-height: 1.8; }
@media(max-width:1050px) { .anticheat-adapters { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:760px) {
  .anticheat-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .anticheat-metrics > button { padding: 15px; }
  .anticheat-metrics strong { font-size: 27px; }
  .anticheat-coverage { grid-template-columns: 1fr; gap: 12px; padding: 17px; }
  .anticheat-connection { justify-self: start; }
  .anticheat-heading > .button { margin-top: 20px; }
  .anticheat-filters > input { flex-basis: 100%; min-width: 0; }
  .anticheat-filters > .select-control { width: auto; min-width: 0; flex: 1; }
  .anticheat-filters .text-button { flex-basis: 100%; }
  .anticheat-adapters { grid-template-columns: 1fr; padding: 0 13px 13px; }
  .anticheat-compatibility > summary { padding: 17px; }
  .anticheat-alert { padding: 17px; }
  .anticheat-alert > header { gap: 10px; flex-wrap: wrap; }
  .anticheat-alert h3 { font-size: 15px; }
  .anticheat-alert-meta { gap: 15px; }
  .anticheat-alert-meta > div { flex-basis: calc(50% - 15px); min-width: 0; }
  .anticheat-review-actions { width: 100%; }
  .anticheat-review-actions .button { flex: 1; }
  .anticheat-warning { padding: 15px 17px; }
}