.brutal-servers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin:20px 0;color:#f4f1ef}
.brutal-servers-grid.brutal-columns-1{grid-template-columns:1fr}.brutal-servers-grid.brutal-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.brutal-servers-grid.brutal-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.brutal-server-card{min-width:0;overflow:hidden;background:linear-gradient(155deg,#211f1e,#141312 72%);border:1px solid #403a36;border-radius:13px;box-shadow:0 8px 24px rgba(0,0,0,.22);font-family:inherit;color:#f4f1ef}
.brutal-server-cover{height:auto;aspect-ratio:2.02/1;background-size:cover;background-position:center;position:relative;border-bottom:1px solid #393330}
.brutal-server-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.22),transparent 45%)}
.brutal-server-cover-empty{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#35445a,#101116 70%)}
.brutal-server-cover-empty span{font-size:clamp(20px,3vw,36px);font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 3px 15px #000}
.brutal-server-body{padding:16px;display:flex;flex-direction:column;gap:12px}
.brutal-server-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.brutal-server-heading h3{margin:0 0 5px;color:#fff;font-size:17px;line-height:1.3;font-weight:800}
.brutal-server-heading p{margin:0;color:#d2cdca;font-size:13px}
.brutal-status{font-size:9px;font-weight:800;letter-spacing:.7px;padding:5px 7px;border-radius:20px;white-space:nowrap}
.brutal-status-online{color:#14e78b;background:rgba(20,231,139,.1);border:1px solid rgba(20,231,139,.24)}
.brutal-status-offline{color:#ff6868;background:rgba(255,70,70,.1);border:1px solid rgba(255,70,70,.22)}
.brutal-player-progress{height:7px;background:#393634;border-radius:20px;overflow:hidden}
.brutal-player-progress span{display:block;height:100%;background:#f4b400;border-radius:20px;transition:width .4s}
.brutal-player-line{font-size:12px;color:#d7d1cc;margin-top:-5px}
.brutal-player-line strong{font-weight:700;color:#fff}.brutal-joining{color:#39e69a;margin-left:5px;font-weight:700}.brutal-queue{color:#f2bd4b;margin-left:5px;font-weight:700}.brutal-max{color:#aaa;margin-left:3px}
.brutal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.brutal-stat{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:linear-gradient(145deg,#292725,#211f1e);border:1px solid #403b38;border-radius:14px;text-align:center}
.brutal-stat-icon{font-size:20px;line-height:1;color:#8793a5}.brutal-stat-icon.green{color:#00e77a}
.brutal-stat strong{font-size:13px;color:#fff;line-height:1.2}.brutal-stat small{font-size:11px;color:#aaa4a0}
.brutal-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.brutal-event{min-height:88px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;background:linear-gradient(145deg,#292725,#211f1e);border:1px solid #403b38;border-radius:14px}
.brutal-event-icon{font-size:19px;color:#8994a6;line-height:1}.brutal-event strong{font-size:11px;color:#eee;line-height:1.2}.brutal-event span:last-child{font-size:11px;color:#aaa4a0;line-height:1.25}
.brutal-wipe{padding:11px 12px;background:#211f1e;border:1px solid #403b38;border-radius:13px;font-size:12px}
.brutal-wipe-main{display:flex;align-items:center;gap:8px}.brutal-wipe-main strong{color:#e5dfda}.brutal-wipe-icon{font-size:20px;color:#ff5555}
.brutal-blueprint{margin:7px 0 0 28px;padding:5px 8px;background:rgba(150,34,34,.35);border-radius:6px;color:#ff7474;font-size:11px}
.brutal-server-ip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#211f1e;border:1px solid #403b38;border-radius:13px}
.brutal-server-ip span{display:flex;flex-direction:column;gap:3px;min-width:0}.brutal-server-ip small{font-size:10px;color:#aaa4a0}.brutal-server-ip strong{font-size:12px;color:#fff;overflow-wrap:anywhere}
.brutal-server-ip button{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:8px;background:#ff5100;color:#fff;font-size:20px;cursor:pointer}
.brutal-server-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.brutal-btn{min-height:36px;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;border:1px solid #46403c;border-radius:8px;background:#211f1e;color:#e8e2dd!important;text-decoration:none!important;font-size:11px;line-height:1.2;cursor:pointer;white-space:nowrap}
.brutal-btn:hover{border-color:#ff5100;color:#fff!important;background:#2b2521}
.brutal-btn-connect{background:#ff5100;border-color:#ff5100;color:#fff!important;font-weight:800}.brutal-btn-connect:hover{background:#e84900}
.brutal-server-extra{padding:10px 12px;background:#191817;border:1px solid #3d3834;border-radius:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.brutal-server-extra[hidden]{display:none}.brutal-server-extra div{display:flex;flex-direction:column;gap:3px}.brutal-server-extra span{font-size:10px;color:#a9a29d}.brutal-server-extra strong{font-size:11px;color:#eee;overflow-wrap:anywhere}
.brutal-servers-empty{padding:18px;border:1px dashed #777;border-radius:10px}
@media(max-width:1050px){.brutal-servers-grid,.brutal-servers-grid.brutal-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.brutal-servers-grid,.brutal-servers-grid.brutal-columns-2,.brutal-servers-grid.brutal-columns-3,.brutal-servers-grid.brutal-columns-4{grid-template-columns:1fr;gap:14px}.brutal-server-body{padding:14px}.brutal-server-heading h3{font-size:16px}.brutal-stat{min-height:72px}.brutal-event{min-height:82px}}


/* BRUTAL SERVERS — compact premium card refinement */
.brutal-servers-grid:has(> .brutal-server-card:only-child) {
    grid-template-columns: minmax(280px, 430px);
    justify-content: center;
}
.brutal-server-card {
    border-radius: 15px;
    border-color: #393431;
    background: linear-gradient(160deg, #211f1e 0%, #151413 78%);
    box-shadow: 0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025);
}
.brutal-server-cover {
    aspect-ratio: 2.05 / 1;
    background-position: center;
}
.brutal-server-body {
    padding: 15px;
    gap: 11px;
}
.brutal-server-heading {
    align-items: center;
}
.brutal-server-heading h3 {
    font-size: 16px;
    letter-spacing: -.2px;
}
.brutal-server-heading p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    max-height: 2.7em;
    overflow-wrap: anywhere;
}
.brutal-player-progress {
    height: 6px;
    background: #393634;
}
.brutal-player-progress span {
    background: linear-gradient(90deg, #f0ad00, #ffd12e);
}
.brutal-player-line {
    margin-top: -4px;
    font-size: 12px;
}
.brutal-stats {
    gap: 8px;
}
.brutal-stat {
    min-height: 76px;
    border-radius: 13px;
    background: linear-gradient(145deg, #292725, #201e1d);
    border-color: #3c3733;
}
.brutal-stat strong {
    font-size: 12px;
}
.brutal-events {
    gap: 8px;
}
.brutal-event {
    min-height: 84px;
    border-radius: 13px;
    background: linear-gradient(145deg, #292725, #201e1d);
    border-color: #3c3733;
    padding: 8px 5px;
}
.brutal-event-icon {
    color: #8995a8;
}
.brutal-event strong {
    font-size: 10px;
}
.brutal-event span:last-child {
    font-size: 10px;
}
.brutal-wipe,
.brutal-server-ip {
    border-radius: 13px;
    background: linear-gradient(145deg, #242220, #1c1a19);
    border-color: #3c3733;
}
.brutal-server-actions {
    gap: 7px;
}
.brutal-btn {
    min-height: 36px;
    border-radius: 8px;
    font-size: 10px;
    padding: 7px 5px;
}
.brutal-btn-connect {
    box-shadow: 0 3px 10px rgba(255,81,0,.15);
}
@media (max-width: 650px) {
    .brutal-servers-grid:has(> .brutal-server-card:only-child) {
        grid-template-columns: minmax(0, 1fr);
    }
    .brutal-server-body {
        padding: 13px;
        gap: 10px;
    }
}


/* v1.1.0 — extra live data tiles */
.brutal-info-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.brutal-info-tile {
    min-width:0;
    min-height:70px;
    padding:8px 5px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:4px;
    text-align:center;
    border:1px solid #3c3733;
    border-radius:12px;
    background:linear-gradient(145deg,#292725,#201e1d);
}
.brutal-info-icon {
    color:#8795aa;
    font-size:17px;
    line-height:1;
}
.brutal-info-tile strong {
    max-width:100%;
    color:#f5f2ef;
    font-size:11px;
    line-height:1.2;
    overflow-wrap:anywhere;
}
.brutal-info-tile small {
    color:#aaa4a0;
    font-size:10px;
    line-height:1.2;
}
.brutal-info-tile.queue strong { color:#00e77a; }
@media(max-width:650px) {
    .brutal-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .brutal-info-tile { min-height:64px; }
}


/* v1.2.0 — last-seen event history */
.brutal-events-section{display:flex;flex-direction:column;gap:8px}
.brutal-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}
.brutal-section-heading strong{font-size:12px;color:#eee;font-weight:800;letter-spacing:.15px}
.brutal-section-heading small{font-size:10px;color:#8f8984;text-align:right}
.brutal-events{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.brutal-event{min-height:82px;padding:9px 5px;gap:5px;transition:border-color .2s,background .2s}
.brutal-event-icon{font-size:19px;min-height:20px}
.brutal-event strong{font-size:11px;font-variant-numeric:tabular-nums}
.brutal-event span:last-child{font-size:10px;line-height:1.2}
.brutal-event-empty{opacity:.58;background:linear-gradient(145deg,#242322,#1d1b1a)}
.brutal-event-empty .brutal-event-elapsed{color:#aaa}
@media(max-width:380px){.brutal-events{gap:6px}.brutal-event{min-height:76px;padding:7px 3px}.brutal-event span:last-child{font-size:9px}}


/* v1.3.0 — telemetry, history and security details */
.brutal-server-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border:1px solid #3b3733;border-radius:12px;background:#171615}
.brutal-server-extra>div:not(.brutal-history-wrap){display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px;border-radius:8px;background:#211f1e}
.brutal-server-extra span{font-size:10px;color:#a7a09a}
.brutal-server-extra strong{font-size:11px;color:#f5f2ef;overflow-wrap:anywhere}
.brutal-history-wrap{grid-column:1/-1;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid #3b3733;border-radius:9px;background:#201e1d}
.brutal-history-wrap small{font-size:9px;color:#8e8882;line-height:1.4}
.brutal-history-chart{min-height:76px;display:flex;align-items:center;justify-content:center;color:#9d968f;font-size:11px}
.brutal-history-chart svg{display:block;width:100%;height:76px;overflow:visible}
@media(max-width:380px){.brutal-server-extra{grid-template-columns:1fr}}

.brutal-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.brutal-history-wrap>span{font-size:10px;font-weight:700;color:#c9c2bc}
.brutal-history-wrap .brutal-history-chart+span{margin-top:4px}


/* v1.4.0 — Brutal Server Intelligence modal */
.brutal-modal[hidden]{display:none!important}
.brutal-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:22px;font-family:inherit;color:#f5f3f1}
.brutal-modal-backdrop{position:absolute;inset:0;background:rgba(4,5,7,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.brutal-modal-dialog{position:relative;z-index:1;width:min(1120px,100%);max-height:min(92vh,980px);overflow:auto;overscroll-behavior:contain;border:1px solid #3b3734;border-radius:19px;background:radial-gradient(ellipse at 88% 0%,rgba(255,91,0,.11),transparent 34%),linear-gradient(145deg,#171819,#0c0d0f 72%);box-shadow:0 30px 100px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.025) inset;scrollbar-width:thin;scrollbar-color:#4b4039 #151515}
.brutal-modal-loading{min-height:240px}
.brutal-modal-hero{position:relative;display:grid;grid-template-columns:minmax(210px,34%) 1fr;gap:22px;padding:24px 26px 20px;border-bottom:1px solid #302d2b;background:linear-gradient(110deg,rgba(255,81,0,.10),transparent 58%)}
.brutal-modal-cover{width:100%;height:178px;object-fit:cover;border-radius:12px;border:1px solid #51453e;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.brutal-modal-cover-empty{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 20%,#59301c,#151719 68%);color:#fff;font-size:24px;font-weight:900;letter-spacing:1px}
.brutal-modal-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:28px}
.brutal-modal-kicker{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#ff6a00}
.brutal-modal-kicker span{margin-left:8px;color:#85817e;font-weight:700}
.brutal-modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.brutal-modal-title-row h2{margin:0;color:#fff;font-size:clamp(24px,3vw,35px);font-weight:900;line-height:1.1;letter-spacing:-.8px}
.brutal-modal-title-row p{margin:7px 0 0;color:#aaa5a1;font-size:13px}
.brutal-modal-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:.8px;white-space:nowrap}
.brutal-modal-status i,.brutal-modal-pulse{width:7px;height:7px;border-radius:50%;display:inline-block}
.brutal-modal-status.is-online{color:#1ce69a;background:rgba(28,230,154,.09);border:1px solid rgba(28,230,154,.25)}
.brutal-modal-status.is-online i{background:#1ce69a;box-shadow:0 0 12px #1ce69a}
.brutal-modal-status.is-offline{color:#ff6969;background:rgba(255,70,70,.08);border:1px solid rgba(255,70,70,.24)}
.brutal-modal-status.is-offline i{background:#ff6969}
.brutal-modal-hero-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;padding-top:14px;border-top:1px solid #34302e}
.brutal-modal-hero-stats span{font-size:11px;color:#9f9a96}
.brutal-modal-hero-stats b{margin-right:4px;color:#fff;font-size:16px;font-weight:900}
.brutal-modal-close{position:absolute;top:16px;right:17px;width:36px;height:36px;border:1px solid #48413c;border-radius:10px;background:#211f1e;color:#fff;font-size:25px;line-height:1;cursor:pointer;transition:.2s}
.brutal-modal-close:hover{background:#ff5100;border-color:#ff5100;transform:rotate(90deg)}
.brutal-modal-tabs{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px 22px;background:rgba(15,16,18,.96);border-bottom:1px solid #302d2b;backdrop-filter:blur(12px)}
.brutal-modal-tabs button{min-height:45px;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 10px;border:1px solid #35312e;border-radius:9px;background:#191a1c;color:#bcb7b2;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}
.brutal-modal-tabs button:hover,.brutal-modal-tabs button.is-active{border-color:rgba(255,91,0,.65);background:linear-gradient(120deg,rgba(255,81,0,.18),rgba(255,81,0,.045));color:#fff;box-shadow:inset 0 -2px #ff5a00}
.brutal-modal-sections{padding:24px 26px 28px}
.brutal-modal-section{display:none;animation:brutalModalIn .24s ease}
.brutal-modal-section.is-active{display:block}
@keyframes brutalModalIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.brutal-modal-section-intro{margin-bottom:18px}
.brutal-modal-section-intro>span{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#ff760f}
.brutal-modal-section-intro h3{margin:5px 0 4px;color:#fff;font-size:24px;font-weight:900;letter-spacing:-.45px}
.brutal-modal-section-intro p{margin:0;color:#96918d;font-size:12px}
.brutal-modal-metrics,.brutal-modal-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:16px}
.brutal-modal-metric{display:flex;align-items:center;gap:12px;min-width:0;min-height:83px;padding:13px 14px;border:1px solid #343231;border-radius:12px;background:linear-gradient(145deg,#1e2022,#151618);box-shadow:0 5px 14px rgba(0,0,0,.12)}
.brutal-modal-metric-icon{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,91,0,.10);color:#ff720d;font-size:19px}
.brutal-modal-metric>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.brutal-modal-metric small{font-size:10px;color:#99938e}
.brutal-modal-metric strong{font-size:17px;color:#fff;font-weight:900;line-height:1.2;overflow-wrap:anywhere}
.brutal-modal-metric em{font-size:9px;color:#77736f;font-style:normal}
.brutal-modal-card{margin-top:13px;padding:16px 17px;border:1px solid #343231;border-radius:12px;background:linear-gradient(145deg,#1a1c1e,#141517)}
.brutal-modal-card h3{margin:0 0 13px;color:#f5f2ef;font-size:13px;font-weight:900}
.brutal-modal-chart-card{padding-bottom:10px}
.brutal-modal-chart-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;color:#aaa39e;font-size:10px}
.brutal-modal-chart-head strong{color:#ff8a36;font-size:11px}
.brutal-modal-chart{width:100%;height:150px;display:block}
.brutal-modal-chart-empty{padding:24px 8px;text-align:center;color:#827c77;font-size:11px}
.brutal-modal-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.brutal-modal-event{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid #36312d;border-radius:9px;background:#202123}
.brutal-modal-event>span{font-size:20px}
.brutal-modal-event div{display:flex;flex-direction:column;gap:4px;min-width:0}
.brutal-modal-event strong{color:#eee;font-size:11px}
.brutal-modal-event small{color:#ff8a36;font-size:10px}
.brutal-modal-event.is-empty{opacity:.58}
.brutal-modal-wipe-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #302e2c}
.brutal-modal-wipe-row:last-child{border-bottom:0}
.brutal-modal-wipe-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,81,0,.12);color:#ff6a00;font-size:19px}
.brutal-modal-wipe-row div{display:flex;flex-direction:column;gap:4px}
.brutal-modal-wipe-row small{color:#ff8735;font-size:9px;font-weight:900;letter-spacing:1px}
.brutal-modal-wipe-row strong{color:#fff;font-size:15px}
.brutal-modal-wipe-row em{color:#8f8984;font-size:10px;font-style:normal}
.brutal-modal-note{display:flex;flex-direction:column;gap:5px;margin-top:13px;padding:13px 15px;border:1px solid #3b3028;border-radius:10px;background:rgba(255,91,0,.055)}
.brutal-modal-note strong{color:#ff984e;font-size:11px}
.brutal-modal-note span{color:#a7a09a;font-size:10px;line-height:1.55}
.brutal-modal-security-banner{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding:16px;border:1px solid #3a3935;border-radius:12px;background:#1c1e20}
.brutal-modal-security-banner.is-online{border-color:rgba(0,218,137,.28);background:linear-gradient(90deg,rgba(0,218,137,.08),#1c1e20 60%)}
.brutal-modal-security-banner.is-offline{border-color:rgba(255,80,80,.28);background:linear-gradient(90deg,rgba(255,80,80,.08),#1c1e20 60%)}
.brutal-modal-pulse{flex:0 0 10px;width:10px;height:10px;background:#12d88b;box-shadow:0 0 0 5px rgba(18,216,139,.10),0 0 14px #12d88b}
.brutal-modal-security-banner.is-offline .brutal-modal-pulse{background:#ff6969;box-shadow:0 0 0 5px rgba(255,105,105,.10),0 0 14px #ff6969}
.brutal-modal-security-banner div{display:flex;flex-direction:column;gap:4px}
.brutal-modal-security-banner small{color:#99938e;font-size:9px;font-weight:900;letter-spacing:1px}
.brutal-modal-security-banner strong{color:#fff;font-size:16px}
.brutal-modal-security-banner em{color:#aaa39e;font-size:10px;font-style:normal}
.brutal-modal-connection{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.brutal-modal-connection div{display:flex;flex:1 1 220px;flex-direction:column;gap:4px;min-width:0}
.brutal-modal-connection small{color:#99938e;font-size:9px;font-weight:900;letter-spacing:1px}
.brutal-modal-connection strong{color:#fff;font-size:13px;overflow-wrap:anywhere}
.brutal-modal-connection button,.brutal-modal-connection a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid #4b3a30;border-radius:8px;background:#28211d;color:#ff9a54!important;text-decoration:none!important;font-size:10px;font-weight:800;cursor:pointer}
.brutal-modal-connection button:hover,.brutal-modal-connection a:hover{border-color:#ff5a00;background:#3a2419}
body.brutal-modal-open{overflow:hidden}
@media(max-width:760px){
 .brutal-modal{padding:10px}
 .brutal-modal-dialog{max-height:96vh;border-radius:14px}
 .brutal-modal-hero{grid-template-columns:1fr;gap:14px;padding:17px}
 .brutal-modal-cover{height:145px}
 .brutal-modal-hero-copy{padding-right:0}
 .brutal-modal-title-row{padding-right:38px}
 .brutal-modal-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:6px}
 .brutal-modal-tabs button{font-size:11px;min-height:40px}
 .brutal-modal-sections{padding:18px 14px 20px}
 .brutal-modal-metrics,.brutal-modal-map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .brutal-modal-metric{min-height:75px;padding:10px}
 .brutal-modal-events{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
 .brutal-modal{padding:0}
 .brutal-modal-dialog{width:100%;height:100%;max-height:100vh;border:0;border-radius:0}
 .brutal-modal-hero{padding:14px}
 .brutal-modal-cover{height:125px}
 .brutal-modal-title-row h2{font-size:22px}
 .brutal-modal-hero-stats{gap:11px}
 .brutal-modal-hero-stats b{font-size:14px}
 .brutal-modal-tabs button{gap:5px;padding:7px 5px;font-size:10px}
 .brutal-modal-section-intro h3{font-size:21px}
 .brutal-modal-metrics,.brutal-modal-map-grid{grid-template-columns:1fr 1fr}
 .brutal-modal-metric{gap:8px;padding:9px}
 .brutal-modal-metric-icon{flex-basis:29px;width:29px;height:29px}
 .brutal-modal-metric strong{font-size:14px}
 .brutal-modal-events{grid-template-columns:1fr}
}


/* v1.5.0 — Brutal PvP Heatmap */
.brutal-modal-dialog{width:min(1260px,100%)}
.brutal-modal-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.brutal-modal-tabs button{font-size:11px}
.brutal-heatmap-widget{--brutal-orange:#ff5a00;--brutal-line:#39332f;display:block;min-width:0;color:#f4f1ee}
.brutal-heatmap-widget.is-embedded{margin-top:4px}
.brutal-heatmap-widget.is-standalone{max-width:1180px;margin:30px auto;padding:24px;border:1px solid #39332f;border-radius:18px;background:radial-gradient(ellipse at 80% 0%,rgba(255,82,0,.10),transparent 40%),linear-gradient(145deg,#17191b,#0d0f11);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.brutal-heatmap-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.brutal-heatmap-kicker{color:#ff8b3d;font-size:9px;font-weight:900;letter-spacing:1.6px}
.brutal-heatmap-header h2{margin:6px 0;color:#fff;font-size:clamp(25px,4vw,38px);font-weight:950;letter-spacing:-.8px}
.brutal-heatmap-header p{margin:0;color:#a7a09a;font-size:13px}
.brutal-heatmap-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(0,218,137,.25);border-radius:30px;background:rgba(0,218,137,.07);color:#39e7a1;font-size:9px;font-weight:900;white-space:nowrap}
.brutal-heatmap-live i{width:7px;height:7px;border-radius:50%;background:#16d98c;box-shadow:0 0 10px #16d98c}
.brutal-heatmap-toolbar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.brutal-heatmap-server-label{display:flex;flex-direction:column;gap:6px;color:#ff8b3d;font-size:9px;font-weight:900;letter-spacing:1px}
.brutal-heatmap-server-label select{min-width:220px;min-height:39px;padding:7px 34px 7px 11px;border:1px solid #403a36;border-radius:8px;background:#1a1c1e;color:#f7f3ef;font-size:12px}
.brutal-heatmap-current-server{display:flex;flex-direction:column;gap:5px}
.brutal-heatmap-current-server span{color:#ff8b3d;font-size:9px;font-weight:900;letter-spacing:1px}
.brutal-heatmap-current-server strong{color:#fff;font-size:14px}
.brutal-heatmap-period,.brutal-heatmap-modes{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #36312d;border-radius:9px;background:#151719}
.brutal-heatmap-period button,.brutal-heatmap-modes button{min-height:31px;padding:6px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#aaa39d;font-size:10px;font-weight:850;cursor:pointer;transition:.18s}
.brutal-heatmap-period button:hover,.brutal-heatmap-period button.is-active,.brutal-heatmap-modes button:hover,.brutal-heatmap-modes button.is-active{border-color:rgba(255,91,0,.35);background:rgba(255,91,0,.15);color:#ff9a59}
.brutal-heatmap-stage,.brutal-heatmap-canvas-wrap{position:relative;overflow:hidden;min-height:250px;height:var(--brutal-map-height,520px);border:1px solid #45403c;border-radius:13px;background:#11191d;box-shadow:inset 0 0 40px rgba(0,0,0,.35)}
.brutal-heatmap-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:250px}
.brutal-heatmap-canvas{cursor:grab;touch-action:none;user-select:none}
.brutal-heatmap-canvas.is-dragging{cursor:grabbing}
.brutal-heatmap-zoom{position:absolute;top:12px;right:12px;z-index:5;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(7,10,12,.88);box-shadow:0 4px 14px rgba(0,0,0,.28)}
.brutal-heatmap-zoom button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:5px;background:#202326;color:#fff;font-size:18px;font-weight:800;line-height:1;cursor:pointer}
.brutal-heatmap-zoom button:hover{border-color:#ff7b27;background:#332319;color:#ffad70}
.brutal-heatmap-zoom span{min-width:43px;color:#e9e3dd;text-align:center;font:800 10px Arial,sans-serif}
.brutal-heatmap-coordinate{position:absolute;top:12px;left:12px;z-index:3;max-width:calc(100% - 150px);padding:7px 10px;border:1px solid rgba(255,122,43,.38);border-radius:7px;background:rgba(7,10,12,.84);color:#ffb27b;font:800 10px/1.3 Arial,sans-serif;letter-spacing:.45px;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.brutal-heatmap-stage-brand,.brutal-heatmap-watermark{position:absolute;right:15px;bottom:13px;z-index:2;padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(7,9,11,.68);color:#f5f2ee;font-size:9px;font-weight:900;letter-spacing:1.2px;pointer-events:none}
.brutal-heatmap-stage-brand b,.brutal-heatmap-watermark b{color:#ff7b27}
.brutal-heatmap-stage-loader{position:absolute;top:12px;left:12px;z-index:3;padding:7px 10px;border:1px solid rgba(255,91,0,.3);border-radius:7px;background:rgba(12,13,15,.88);color:#ffad70;font-size:10px}
.brutal-heatmap-stage-loader[hidden],.brutal-heatmap-stage-empty[hidden],.brutal-heatmap-empty[hidden]{display:none!important}
.brutal-heatmap-stage-empty,.brutal-heatmap-empty{position:absolute;z-index:4;left:50%;top:50%;width:min(440px,88%);transform:translate(-50%,-50%);padding:17px 20px;border:1px solid rgba(255,112,40,.28);border-radius:10px;background:rgba(11,13,15,.91);color:#d8d0c9;text-align:center;font-size:12px;line-height:1.55;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.brutal-heatmap-stats,.brutal-heatmap-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.brutal-heatmap-stats>div,.brutal-heatmap-metrics>div{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border:1px solid #34312e;border-radius:9px;background:linear-gradient(145deg,#1d1f21,#151719)}
.brutal-heatmap-stats strong,.brutal-heatmap-metrics strong{color:#fff;font-size:20px;font-weight:950}
.brutal-heatmap-stats span,.brutal-heatmap-metrics span{color:#99928c;font-size:10px}
.brutal-heatmap-legend{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:13px;color:#b4ada7;font-size:10px}
.brutal-heatmap-legend span{display:inline-flex;align-items:center;gap:6px}
.brutal-heatmap-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 9px currentColor}
.brutal-heatmap-legend .heat-low{background:#ffdb36;color:#ffdb36}
.brutal-heatmap-legend .heat-mid{background:#ff8a18;color:#ff8a18}
.brutal-heatmap-legend .heat-high{background:#ff3b18;color:#ff3b18}
.brutal-heatmap-legend .heat-peak{background:#ff174f;color:#ff174f}
.brutal-heatmap-legend small{margin-left:auto;color:#77716b}
.brutal-heatmap-footnote,.brutal-heatmap-note{margin-top:12px;padding:11px 13px;border:1px solid #38312c;border-radius:8px;background:rgba(255,91,0,.045);color:#a9a19a;font-size:10px;line-height:1.55}
@media(max-width:760px){
 .brutal-modal-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .brutal-heatmap-stats,.brutal-heatmap-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brutal-heatmap-stage,.brutal-heatmap-canvas-wrap{height:390px}
 .brutal-heatmap-toolbar{align-items:stretch}
 .brutal-heatmap-period{justify-content:space-between}
 .brutal-heatmap-period button{flex:1;padding:6px 8px}
}
@media(max-width:430px){
 .brutal-modal-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brutal-heatmap-widget.is-standalone{margin:14px 8px;padding:13px}
 .brutal-heatmap-stage,.brutal-heatmap-canvas-wrap{height:300px;min-height:250px}
 .brutal-heatmap-header{flex-direction:column}
 .brutal-heatmap-server-label,.brutal-heatmap-server-label select{width:100%;min-width:0}
 .brutal-heatmap-legend{gap:9px}
 .brutal-heatmap-legend small{width:100%;margin-left:0}
}

/* v1.6.6 — BRUTAL GAMING premium server cards: original visual language */
.brutal-servers-root{--bg:#070b10;--panel:#0d141c;--panel2:#101a24;--line:rgba(148,163,184,.16);--muted:#91a0b2;color:#edf4fb}
.brutal-servers-grid{gap:20px;align-items:stretch;margin:24px 0;color:#edf4fb}
.brutal-server-card{--accent:#ff6a00;--accent-rgb:255,106,0;position:relative;display:flex;flex-direction:column;border:1px solid rgba(var(--accent-rgb),.48);border-radius:17px;background:radial-gradient(ellipse at 50% 0%,rgba(var(--accent-rgb),.105),transparent 42%),linear-gradient(155deg,#111a24 0%,#080e15 75%);box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.brutal-server-card:nth-child(3n+2){--accent:#00c9e8;--accent-rgb:0,201,232}
.brutal-server-card:nth-child(3n){--accent:#b34dff;--accent-rgb:179,77,255}
.brutal-server-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.82);box-shadow:0 20px 48px rgba(0,0,0,.42),0 0 24px rgba(var(--accent-rgb),.10)}
.brutal-server-cover{aspect-ratio:2.05/1;border:0;border-bottom:1px solid rgba(var(--accent-rgb),.35);background-position:center 42%;position:relative;isolation:isolate}
.brutal-server-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,12,.28),transparent 60%),linear-gradient(0deg,rgba(3,7,12,.7),transparent 58%);z-index:0}
.brutal-server-cover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.9}
.brutal-server-cover-empty{background:radial-gradient(ellipse at 70% 20%,rgba(var(--accent-rgb),.3),transparent 48%),linear-gradient(135deg,#172536,#080d14)}
.brutal-server-cover-empty span{position:relative;z-index:1;color:#fff;font-size:clamp(22px,2.4vw,34px);letter-spacing:2px;text-shadow:0 3px 20px rgba(var(--accent-rgb),.4)}
.brutal-server-body{flex:1;padding:15px;gap:11px;background:transparent}
.brutal-server-heading{min-height:48px;align-items:center}
.brutal-server-heading h3{font-size:16px;letter-spacing:-.25px;color:#f5f8fc}
.brutal-server-heading p{color:#9eacbd;font-size:11px;line-height:1.4}
.brutal-status{padding:6px 9px;border-radius:7px;font-size:9px;letter-spacing:.8px;background:rgba(4,10,16,.7)}
.brutal-status-online{color:#39e69a;border-color:rgba(57,230,154,.3)}
.brutal-status-offline{color:#ff7777;border-color:rgba(255,119,119,.3)}
.brutal-player-progress{height:7px;background:#1d2935;border:1px solid rgba(255,255,255,.035)}
.brutal-player-progress span{background:linear-gradient(90deg,var(--accent),rgba(var(--accent-rgb),.55));box-shadow:0 0 12px rgba(var(--accent-rgb),.3)}
.brutal-player-line{color:#aeb9c7;font-size:11px}.brutal-player-line strong{font-size:13px;color:#f5f8fc}.brutal-joining{color:#39e69a;margin-left:5px;font-weight:700}.brutal-queue{color:#f2bd4b;margin-left:5px;font-weight:700}.brutal-max{color:#718095}
.brutal-stats{gap:8px}
.brutal-stat,.brutal-info-tile,.brutal-event{background:linear-gradient(145deg,rgba(23,35,48,.96),rgba(12,20,29,.96));border:1px solid var(--line);border-radius:12px;min-width:0;transition:border-color .2s,background .2s}
.brutal-stat{min-height:76px;padding:9px 4px;gap:5px}
.brutal-stat-icon{color:#8da5bb}.brutal-stat-icon.green{color:#26e5a0}.brutal-stat strong{font-size:14px;font-variant-numeric:tabular-nums}.brutal-stat small,.brutal-info-tile small{color:#93a2b4;font-size:10px}
.brutal-info-grid{gap:7px}
.brutal-info-tile{min-height:66px;padding:8px 5px;gap:4px}
.brutal-info-icon{font-size:17px;color:var(--accent)}.brutal-info-tile strong{font-size:11px;color:#edf5fc;font-variant-numeric:tabular-nums}
.brutal-events-section{gap:8px}.brutal-section-heading strong{font-size:11px;letter-spacing:.55px;text-transform:uppercase;color:#d9e4ef}.brutal-section-heading small{font-size:9px;color:#77899d}
.brutal-events{gap:7px}.brutal-event{min-height:78px;padding:8px 4px;gap:5px}.brutal-event-icon{color:var(--accent);font-size:18px}.brutal-event strong{font-size:10px;color:#e8f0f8}.brutal-event span:last-child{font-size:9px;color:#8797a9;line-height:1.25}.brutal-event-empty{opacity:.52}
.brutal-wipe{padding:12px;background:linear-gradient(110deg,rgba(var(--accent-rgb),.09),rgba(13,21,30,.95) 65%);border:1px solid rgba(var(--accent-rgb),.2);border-radius:12px;color:#d9e5f1}.brutal-wipe-main strong{color:#f3f7fb}.brutal-wipe-icon{color:var(--accent)}
.brutal-blueprint{background:rgba(255,75,75,.12);border:1px solid rgba(255,90,90,.17);color:#ff8989}
.brutal-server-ip{background:#09121b;border:1px solid var(--line);border-radius:11px;padding:9px 10px}.brutal-server-ip small{color:#7f91a5}.brutal-server-ip strong{font-size:11px;color:#e9f1f9}.brutal-server-ip button{background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.38);border-radius:8px;color:var(--accent);transition:background .2s}.brutal-server-ip button:hover{background:rgba(var(--accent-rgb),.28)}
.brutal-server-actions{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:auto}.brutal-btn{min-height:38px;padding:8px 6px;border-radius:9px;border-color:var(--line);background:#121e29;color:#c8d5e3!important;font-size:10px;font-weight:700}.brutal-btn:hover{border-color:rgba(var(--accent-rgb),.5);background:#192938;color:#fff!important}.brutal-btn-connect{background:linear-gradient(105deg,var(--accent),rgba(var(--accent-rgb),.78));border-color:transparent;color:#061018!important;box-shadow:0 5px 16px rgba(var(--accent-rgb),.18)}.brutal-btn-connect:hover{background:var(--accent);color:#061018!important;box-shadow:0 7px 22px rgba(var(--accent-rgb),.28)}
.brutal-server-extra{background:#0b141e;border-color:var(--line);border-radius:12px}.brutal-server-extra>div:not(.brutal-history-wrap),.brutal-history-wrap{background:#111e2a;border-color:var(--line)}.brutal-server-extra span,.brutal-history-wrap small{color:#91a1b3}.brutal-server-extra strong{color:#edf4fb}
@media(max-width:1050px){.brutal-servers-grid{gap:15px}}
@media(max-width:650px){.brutal-server-card:hover{transform:none}.brutal-server-body{padding:12px;gap:9px}.brutal-server-cover{aspect-ratio:2.1/1}.brutal-server-heading h3{font-size:15px}.brutal-stat{min-height:68px}.brutal-event{min-height:72px}.brutal-server-actions{grid-template-columns:1fr 1fr}.brutal-btn-connect{grid-column:1/-1;min-height:42px}}
@media(prefers-reduced-motion:reduce){.brutal-server-card,.brutal-server-ip button,.brutal-btn{transition:none}}

/* v1.6.7 — compact unified Brutal visual system */
.brutal-server-card{--brutal-accent:#ff6500;background:#0c141d!important;border:1px solid #263442!important;border-top:2px solid var(--brutal-accent)!important;box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important}
.brutal-server-card:nth-child(3n+2){--brutal-accent:#05c5df}.brutal-server-card:nth-child(3n){--brutal-accent:#a855f7}
.brutal-server-body{padding:11px!important;gap:8px!important;background:linear-gradient(180deg,#0d1721 0%,#0a121a 100%)}
.brutal-server-heading h3{font-size:15px!important;line-height:1.2}.brutal-server-heading p{font-size:11px!important;line-height:1.3;max-height:2.6em}.brutal-player-progress{height:5px}.brutal-player-line{font-size:10px;margin-top:-3px}
.brutal-stats,.brutal-info-grid,.brutal-events{gap:6px!important}
.brutal-stat{min-height:59px!important;padding:6px 3px!important;gap:3px!important;border-radius:9px!important;border:1px solid #263746!important;background:#111e29!important}.brutal-stat-icon{font-size:15px!important}.brutal-stat strong{font-size:11px!important}.brutal-stat small{font-size:9px!important;color:#aab8c6!important}
.brutal-info-tile{min-height:53px!important;padding:5px 3px!important;gap:3px!important;border-radius:9px!important;border:1px solid #263746!important;background:#111e29!important}.brutal-info-icon{font-size:14px!important}.brutal-info-tile strong{font-size:10px!important}.brutal-info-tile small{font-size:8px!important;color:#aab8c6!important}
.brutal-events-section{gap:6px!important}.brutal-section-heading strong{font-size:10px!important;letter-spacing:.35px}.brutal-section-heading small{font-size:8px!important}
.brutal-event{min-height:59px!important;padding:5px 3px!important;gap:3px!important;border-radius:9px!important;border:1px solid #263746!important;background:#111e29!important}.brutal-event-icon{font-size:15px!important;min-height:15px!important}.brutal-event strong{font-size:9px!important}.brutal-event span:last-child{font-size:8px!important;line-height:1.15}
.brutal-wipe,.brutal-server-ip{padding:8px 9px!important;border-radius:9px!important;border:1px solid #263746!important;background:#101b26!important;font-size:10px!important}.brutal-wipe-icon{font-size:16px!important}.brutal-blueprint{margin:5px 0 0 22px;padding:4px 6px;font-size:9px}
.brutal-server-ip small{font-size:9px!important}.brutal-server-ip strong{font-size:10px!important}.brutal-server-ip button{width:28px;height:28px;flex-basis:28px;font-size:16px}
.brutal-server-actions{gap:6px!important}.brutal-btn{min-height:32px!important;padding:6px 4px!important;font-size:9px!important;border-radius:7px!important}
.brutal-server-extra{gap:6px!important;padding:8px!important;border-radius:9px!important;background:#0e1923!important;border-color:#263746!important}.brutal-server-extra>div:not(.brutal-history-wrap){padding:6px!important;background:#142230!important}.brutal-server-extra span{font-size:9px!important}.brutal-server-extra strong{font-size:10px!important}.brutal-history-wrap{padding:8px!important;background:#111e29!important;border-color:#263746!important}
.brutal-server-card .brutal-stat-icon,.brutal-server-card .brutal-info-icon,.brutal-server-card .brutal-event-icon{color:var(--brutal-accent)}.brutal-server-card .brutal-btn-connect{background:var(--brutal-accent)!important;border-color:var(--brutal-accent)!important;box-shadow:0 3px 12px rgba(0,0,0,.18)!important}
@media(max-width:650px){.brutal-server-body{padding:9px!important;gap:7px!important}.brutal-stat{min-height:55px!important}.brutal-info-tile{min-height:50px!important}.brutal-event{min-height:55px!important}.brutal-server-heading h3{font-size:14px!important}}

/* v1.6.8 — clean compact metadata pills */
.brutal-info-tile.map-size{grid-column:span 1}
.brutal-info-tile.map-size strong{font-size:11px!important;letter-spacing:.1px;white-space:nowrap}
.brutal-info-tile.map-size small{font-size:8px!important;letter-spacing:.25px}
.brutal-plugin-status{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 11px;margin-top:1px;border:1px solid rgba(49,190,126,.28);border-radius:9px;background:linear-gradient(100deg,rgba(21,75,53,.28),rgba(15,28,37,.92));color:#eaf8f0}
.brutal-plugin-status-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:7px;background:rgba(42,205,130,.14);color:#35d58a;font-size:16px;font-weight:900}
.brutal-plugin-status-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.brutal-plugin-status-copy strong{font-size:9px;letter-spacing:.55px;color:#8de8b8}
.brutal-plugin-status-copy small{font-size:9px;color:#aab9b2;line-height:1.2}
.brutal-plugin-status>b{font-size:17px;font-variant-numeric:tabular-nums;color:#42df91}


/* v1.6.9 — accessibility and contrast correction */
.brutal-server-card .brutal-stat strong{
  color:#f4f8fc!important;
  font-size:13px!important;
  font-weight:750!important;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
}
.brutal-server-card .brutal-stat small{
  color:#bdc9d6!important;
  font-size:11px!important;
  font-weight:500!important;
}
.brutal-server-card .brutal-info-tile strong{
  color:#f4f8fc!important;
  font-size:11px!important;
  font-weight:700!important;
}
.brutal-server-card .brutal-info-tile small{
  color:#bdc9d6!important;
  font-size:9px!important;
  font-weight:500!important;
}
.brutal-server-card .brutal-event strong{
  color:#f4f8fc!important;
  font-size:10px!important;
  font-weight:700!important;
}
.brutal-server-card .brutal-event span:last-child{
  color:#bdc9d6!important;
  font-size:9px!important;
}
.brutal-server-card .brutal-stat,
.brutal-server-card .brutal-info-tile,
.brutal-server-card .brutal-event{
  background:#142331!important;
  border-color:#304354!important;
}
.brutal-server-card .brutal-stat-icon,
.brutal-server-card .brutal-info-icon,
.brutal-server-card .brutal-event-icon{
  filter:brightness(1.12);
}
.brutal-server-card .brutal-plugin-status-copy small{
  color:#c4d6cc!important;
}
.brutal-server-card .brutal-plugin-status>b{
  color:#55e69b!important;
  font-weight:800!important;
}


/* v1.7.1 — unified, symmetrical Brutal Gaming reference layout */
.brutal-server-card{
  --bg-card:#07131c;
  --bg-panel:#101f2b;
  --bg-panel-hi:#142633;
  --line:#344b5d;
  --muted:#b9c7d3;
  --accent:#35dc82;
  color:#f5f8fb!important;
  background:linear-gradient(160deg,#0a1923 0%,#06111a 100%)!important;
  border:1px solid #294456!important;
  border-radius:18px!important;
  box-shadow:0 14px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden!important;
}
.brutal-server-card[data-server-type*="pve"]{--accent:#38df77}
.brutal-server-card[data-server-type*="pvp"]{--accent:#08c6e5}
.brutal-server-cover{
  aspect-ratio:4/1!important;
  min-height:120px;
  max-height:245px;
  background-size:cover!important;
  background-position:center 42%!important;
  border:0!important;
  border-radius:12px!important;
  margin:10px 10px 0!important;
  overflow:hidden;
}
.brutal-server-cover:after{
  background:linear-gradient(90deg,rgba(3,10,16,.28),rgba(3,10,16,.04) 55%,rgba(3,10,16,.12))!important;
}
.brutal-server-body{
  padding:14px!important;
  gap:10px!important;
  background:transparent!important;
}
.brutal-server-heading{align-items:center!important;gap:12px!important}
.brutal-server-heading h3{
  color:#f6f9fc!important;
  font-size:clamp(16px,1.35vw,22px)!important;
  line-height:1.18!important;
  font-weight:850!important;
  letter-spacing:.1px;
  margin:0!important;
}
.brutal-server-heading p{display:none!important}
.brutal-status{
  padding:7px 12px!important;
  font-size:10px!important;
  letter-spacing:.8px!important;
  border-radius:8px!important;
  background:rgba(25,220,120,.09)!important;
}
.brutal-status-online{color:#43ed98!important;border-color:rgba(47,231,139,.42)!important}
.brutal-status-offline{color:#ff7777!important;background:rgba(255,70,70,.08)!important;border-color:rgba(255,90,90,.35)!important}
.brutal-player-progress{height:7px!important;background:#1e303d!important;border:1px solid #3b5262}
.brutal-player-progress span{background:linear-gradient(90deg,#20cf6d,#55ed91)!important}
.brutal-player-line{
  color:#d8e3ec!important;
  font-size:12px!important;
  margin:0!important;
}
.brutal-player-line strong{color:#fff!important;font-size:16px!important}
.brutal-max{color:#9fb0bf!important}
.brutal-stats,.brutal-info-grid,.brutal-events{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.brutal-stat,.brutal-info-tile,.brutal-event{
  min-width:0!important;
  min-height:86px!important;
  padding:10px 7px!important;
  gap:5px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#142633,#0f1d28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.brutal-stat-icon,.brutal-info-icon,.brutal-event-icon{
  color:var(--accent)!important;
  font-size:22px!important;
  line-height:1!important;
}
.brutal-stat strong,.brutal-info-tile strong,.brutal-event strong{
  color:#f6f9fc!important;
  font-size:clamp(13px,1.05vw,19px)!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.brutal-stat small,.brutal-info-tile small,.brutal-event span:last-child{
  color:#c1ced9!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
}
.brutal-info-tile{min-height:86px!important}
.brutal-info-tile small{font-size:11px!important}
.brutal-info-tile.map-size strong{font-size:15px!important}
.brutal-info-placeholder{visibility:hidden!important}
.brutal-plugin-tile{
  border-color:rgba(53,220,130,.55)!important;
  background:linear-gradient(145deg,rgba(13,73,49,.48),rgba(12,37,32,.88))!important;
}
.brutal-plugin-tile .brutal-info-icon,.brutal-plugin-tile strong{color:#48e990!important}
.brutal-events-section{gap:9px!important}
.brutal-section-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:3px 2px!important;
}
.brutal-section-heading strong{
  color:#f3f7fa!important;
  font-size:16px!important;
  font-weight:850!important;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.brutal-section-heading small{color:#9fb0bf!important;font-size:10px!important}
.brutal-event{min-height:92px!important}
.brutal-event-icon{font-size:24px!important}
.brutal-event strong{font-size:14px!important}
.brutal-event span:last-child{font-size:11px!important}
.brutal-wipe{
  min-height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 16px!important;
  background:linear-gradient(145deg,#142633,#0f1d28)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  color:#eaf0f5!important;
}
.brutal-wipe-main{gap:12px!important}
.brutal-wipe-main strong{color:#fff!important}
.brutal-wipe-icon{font-size:25px!important;color:#ff6b78!important}
.brutal-blueprint{margin:0!important;padding:7px 12px!important;border:1px solid rgba(255,85,100,.45);background:rgba(145,33,47,.2)!important;border-radius:8px!important;color:#ffabb2!important}
.brutal-server-ip{
  padding:8px 12px!important;
  background:#0e1b26!important;
  border:1px solid #304758!important;
  border-radius:10px!important;
}
.brutal-server-ip small{color:#9fb0bf!important}
.brutal-server-ip strong{color:#f4f8fb!important}
.brutal-server-ip button{
  background:var(--accent)!important;
  color:#06131a!important;
  border-radius:8px!important;
}
.brutal-server-actions{
  display:grid!important;
  grid-template-columns:1.25fr 1fr 1fr!important;
  gap:9px!important;
}
.brutal-btn{
  min-height:48px!important;
  padding:10px 12px!important;
  border:1px solid #536879!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#172936,#101e29)!important;
  color:#eaf1f6!important;
  font-size:13px!important;
  font-weight:650!important;
}
.brutal-btn-connect{
  background:linear-gradient(135deg,#18a94f,#087b3c)!important;
  border-color:#43ec8d!important;
  color:#fff!important;
  box-shadow:0 5px 18px rgba(20,200,100,.18)!important;
}
.brutal-btn:hover{filter:brightness(1.12)!important;transform:translateY(-1px)}
@media(max-width:700px){
  .brutal-server-body{padding:10px!important;gap:8px!important}
  .brutal-server-cover{aspect-ratio:3.1/1!important;min-height:95px}
  .brutal-stats,.brutal-info-grid,.brutal-events{gap:6px!important}
  .brutal-stat,.brutal-info-tile{min-height:70px!important;padding:7px 4px!important}
  .brutal-event{min-height:78px!important;padding:7px 4px!important}
  .brutal-stat-icon,.brutal-info-icon{font-size:18px!important}
  .brutal-stat strong,.brutal-info-tile strong{font-size:13px!important}
  .brutal-stat small,.brutal-info-tile small,.brutal-event span:last-child{font-size:9px!important}
  .brutal-section-heading strong{font-size:13px!important}
  .brutal-section-heading small{font-size:8px!important}
  .brutal-btn{min-height:42px!important;font-size:10px!important;padding:7px 4px!important}
}


/* v1.7.4 — consistent card sizing regardless of server count */
.brutal-servers-grid,
.brutal-servers-grid.brutal-columns-1,
.brutal-servers-grid.brutal-columns-2,
.brutal-servers-grid.brutal-columns-3,
.brutal-servers-grid.brutal-columns-4{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  max-width:1480px!important;
  margin:24px auto!important;
  gap:22px!important;
}
/* A single card deliberately keeps the same half-width as one card in a two-card layout. */
.brutal-servers-grid:has(> .brutal-server-card:only-child){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  justify-content:stretch!important;
}
.brutal-server-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  align-self:stretch!important;
}
@media(max-width:760px){
  .brutal-servers-grid,
  .brutal-servers-grid.brutal-columns-1,
  .brutal-servers-grid.brutal-columns-2,
  .brutal-servers-grid.brutal-columns-3,
  .brutal-servers-grid.brutal-columns-4,
  .brutal-servers-grid:has(> .brutal-server-card:only-child){
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
    margin:16px auto!important;
  }
}


/* v1.7.5 — up to four fixed-width cards per desktop row */
.brutal-servers-grid,
.brutal-servers-grid.brutal-columns-1,
.brutal-servers-grid.brutal-columns-2,
.brutal-servers-grid.brutal-columns-3,
.brutal-servers-grid.brutal-columns-4{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  max-width:1600px!important;
  margin:24px auto!important;
  gap:18px!important;
}
/* A single or partial row keeps the same column width; cards never stretch to fill it. */
.brutal-servers-grid:has(> .brutal-server-card:only-child){
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1100px){
  .brutal-servers-grid,
  .brutal-servers-grid.brutal-columns-1,
  .brutal-servers-grid.brutal-columns-2,
  .brutal-servers-grid.brutal-columns-3,
  .brutal-servers-grid.brutal-columns-4,
  .brutal-servers-grid:has(> .brutal-server-card:only-child){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}
@media(max-width:650px){
  .brutal-servers-grid,
  .brutal-servers-grid.brutal-columns-1,
  .brutal-servers-grid.brutal-columns-2,
  .brutal-servers-grid.brutal-columns-3,
  .brutal-servers-grid.brutal-columns-4,
  .brutal-servers-grid:has(> .brutal-server-card:only-child){
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
}


/* v1.7.6 — compact alignment, map label wrapping and unified icon palette */
.brutal-server-card{
  --brutal-accent:#20c8e8!important;
  --accent:#20c8e8!important;
}
/* Equal title row height prevents short and long server names shifting content. */
.brutal-server-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  min-height:38px!important;
  height:38px!important;
  overflow:hidden!important;
}
.brutal-server-heading>div{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
}
.brutal-server-heading h3{
  display:block!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  color:#f5f8fb!important;
  font-size:clamp(13px,1.05vw,16px)!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.brutal-status{
  flex:0 0 auto!important;
  padding:5px 9px!important;
  min-height:27px!important;
  border-radius:7px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.45px!important;
}
/* Compact metric and detail tiles; every server uses the same geometry. */
.brutal-stat,.brutal-info-tile{
  min-height:68px!important;
  height:68px!important;
  padding:7px 5px!important;
  gap:3px!important;
  border-radius:10px!important;
  border-width:1px!important;
}
.brutal-stat-icon,.brutal-info-icon{
  color:#20c8e8!important;
  font-size:16px!important;
  line-height:1!important;
  min-height:16px!important;
}
.brutal-stat strong,.brutal-info-tile strong{
  color:#f2f6fa!important;
  font-size:12px!important;
  line-height:1.12!important;
  font-weight:750!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  max-width:100%!important;
}
.brutal-stat small,.brutal-info-tile small{
  color:#b9c7d4!important;
  font-size:9px!important;
  line-height:1.12!important;
  font-weight:500!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
/* Map name + world size are allowed two neat lines instead of clipping. */
.brutal-info-tile.map-size{
  padding:6px 4px!important;
  gap:3px!important;
}
.brutal-info-tile.map-size .brutal-info-icon{
  font-size:15px!important;
  min-height:15px!important;
}
.brutal-info-tile.map-size strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  font-size:10px!important;
  line-height:1.12!important;
  max-height:23px!important;
  text-align:center!important;
}
.brutal-info-tile.map-size small{
  font-size:8px!important;
  line-height:1.05!important;
  max-width:100%!important;
}
/* One restrained icon color across PVE and PVP cards; plugin status stays green only as a value/status. */
.brutal-server-card .brutal-stat-icon,
.brutal-server-card .brutal-info-icon{
  color:#20c8e8!important;
}
.brutal-server-card .brutal-plugin-tile .brutal-info-icon{
  color:#20c8e8!important;
}
.brutal-server-card .brutal-plugin-tile strong{
  color:#f2f6fa!important;
}
.brutal-server-card .brutal-event-icon{
  color:#20c8e8!important;
  filter:none!important;
}
/* Recent-event blocks and section heading stay compact and aligned. */
.brutal-event{
  min-height:72px!important;
  height:72px!important;
  padding:6px 4px!important;
  gap:3px!important;
  border-radius:10px!important;
}
.brutal-event-icon{
  font-size:16px!important;
  min-height:16px!important;
  line-height:1!important;
}
.brutal-event strong{
  font-size:10px!important;
  line-height:1.1!important;
  color:#f0f5f9!important;
}
.brutal-event span:last-child{
  font-size:8px!important;
  line-height:1.1!important;
  color:#b9c7d4!important;
}
.brutal-section-heading{
  align-items:center!important;
  min-height:24px!important;
  gap:8px!important;
}
.brutal-section-heading strong{
  font-size:13px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.brutal-section-heading small{
  font-size:8px!important;
  line-height:1.1!important;
  text-align:right!important;
}
/* Shorter footer actions and wipe/IP rows. */
.brutal-wipe{
  min-height:48px!important;
  padding:8px 11px!important;
  border-radius:9px!important;
}
.brutal-wipe-main{gap:7px!important}
.brutal-wipe-icon{font-size:17px!important}
.brutal-wipe-main strong,.brutal-wipe-main span:last-child{
  font-size:10px!important;
  line-height:1.15!important;
}
.brutal-blueprint{
  padding:5px 8px!important;
  border-radius:6px!important;
  font-size:9px!important;
}
.brutal-server-ip{
  min-height:43px!important;
  padding:6px 9px!important;
  border-radius:8px!important;
}
.brutal-server-ip button{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
}
.brutal-server-actions{
  gap:7px!important;
  margin-top:2px!important;
}
.brutal-btn{
  min-height:37px!important;
  height:37px!important;
  padding:5px 7px!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:1!important;
  gap:5px!important;
}
@media(max-width:650px){
  .brutal-server-heading{height:36px!important;min-height:36px!important}
  .brutal-server-heading h3{font-size:13px!important}
  .brutal-status{font-size:8px!important;padding:5px 7px!important}
  .brutal-stat,.brutal-info-tile{height:64px!important;min-height:64px!important}
  .brutal-stat strong,.brutal-info-tile strong{font-size:11px!important}
  .brutal-info-tile.map-size strong{font-size:9px!important}
  .brutal-event{height:68px!important;min-height:68px!important}
  .brutal-btn{height:35px!important;min-height:35px!important;font-size:9px!important}
}


/* v1.7.7 — slimmer cards and centered responsive server grid */
.brutal-servers-root{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.brutal-servers-grid,
.brutal-servers-grid.brutal-columns-1,
.brutal-servers-grid.brutal-columns-2,
.brutal-servers-grid.brutal-columns-3,
.brutal-servers-grid.brutal-columns-4{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),340px))!important;
  justify-content:center!important;
  justify-items:stretch!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:1440px!important;
  margin:20px auto!important;
  gap:16px!important;
}
.brutal-server-card{
  width:100%!important;
  max-width:340px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Finer metric/detail tiles */
.brutal-stat,.brutal-info-tile{
  height:58px!important;
  min-height:58px!important;
  padding:5px 4px!important;
  gap:2px!important;
  border-radius:9px!important;
}
.brutal-stat-icon,.brutal-info-icon{
  font-size:14px!important;
  min-height:14px!important;
  line-height:1!important;
}
.brutal-stat strong,.brutal-info-tile strong{
  font-size:11px!important;
  line-height:1.05!important;
}
.brutal-stat small,.brutal-info-tile small{
  font-size:8px!important;
  line-height:1.05!important;
}
.brutal-info-tile.map-size{
  height:58px!important;
  min-height:58px!important;
  padding:4px 3px!important;
  gap:2px!important;
}
.brutal-info-tile.map-size strong{
  -webkit-line-clamp:2!important;
  max-height:21px!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.brutal-info-tile.map-size small{
  font-size:7px!important;
  line-height:1!important;
}
/* Slimmer wipe and server address rows */
.brutal-wipe{
  min-height:39px!important;
  padding:5px 9px!important;
  gap:8px!important;
  border-radius:8px!important;
}
.brutal-wipe-main{gap:6px!important}
.brutal-wipe-icon{font-size:14px!important}
.brutal-wipe-main strong,.brutal-wipe-main span:last-child{
  font-size:9px!important;
  line-height:1.05!important;
}
.brutal-blueprint{
  padding:4px 7px!important;
  font-size:8px!important;
  line-height:1!important;
}
.brutal-server-ip{
  min-height:35px!important;
  padding:4px 8px!important;
  gap:6px!important;
  border-radius:7px!important;
}
.brutal-server-ip button{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
}
/* Slimmer connect/details/battlemetrics buttons */
.brutal-server-actions{
  gap:6px!important;
  margin-top:1px!important;
}
.brutal-btn{
  min-height:31px!important;
  height:31px!important;
  padding:4px 6px!important;
  border-radius:7px!important;
  font-size:9px!important;
  line-height:1!important;
  gap:4px!important;
}
/* Compact recent activity cards to match the new tile proportions */
.brutal-event{
  height:64px!important;
  min-height:64px!important;
  padding:5px 3px!important;
  gap:2px!important;
  border-radius:9px!important;
}
.brutal-event-icon{font-size:14px!important;min-height:14px!important}
.brutal-event strong{font-size:9px!important;line-height:1.05!important}
.brutal-event span:last-child{font-size:7px!important;line-height:1.05!important}
@media(max-width:720px){
  .brutal-servers-grid,
  .brutal-servers-grid.brutal-columns-1,
  .brutal-servers-grid.brutal-columns-2,
  .brutal-servers-grid.brutal-columns-3,
  .brutal-servers-grid.brutal-columns-4{
    grid-template-columns:minmax(0, min(100%, 420px))!important;
    justify-content:center!important;
    gap:12px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .brutal-server-card{max-width:420px!important}
  .brutal-stat,.brutal-info-tile{height:56px!important;min-height:56px!important}
  .brutal-info-tile.map-size{height:56px!important;min-height:56px!important}
  .brutal-event{height:60px!important;min-height:60px!important}
  .brutal-wipe{min-height:36px!important}
  .brutal-server-ip{min-height:33px!important}
  .brutal-btn{height:30px!important;min-height:30px!important;font-size:8px!important}
}


/* v1.7.8 — reduce total card height and normalize online/offline badge */
.brutal-server-body{
  padding:8px 10px 9px!important;
  gap:6px!important;
}
.brutal-server-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:28px!important;
  min-height:28px!important;
  gap:8px!important;
  overflow:hidden!important;
}
.brutal-server-heading>div{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
}
.brutal-server-heading h3{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.brutal-status{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:22px!important;
  padding:0 9px!important;
  border-radius:6px!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.45px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.brutal-status-online{
  color:#37e99a!important;
  background:rgba(21,185,116,.10)!important;
  border:1px solid rgba(35,218,147,.48)!important;
}
.brutal-status-offline{
  color:#ff8585!important;
  background:rgba(220,65,65,.10)!important;
  border:1px solid rgba(235,90,90,.45)!important;
}
/* Shorter metrics */
.brutal-stat,.brutal-info-tile{
  height:52px!important;
  min-height:52px!important;
  padding:4px 3px!important;
  gap:1px!important;
}
.brutal-stat-icon,.brutal-info-icon{
  font-size:13px!important;
  min-height:13px!important;
}
.brutal-stat strong,.brutal-info-tile strong{
  font-size:10px!important;
  line-height:1.02!important;
}
.brutal-stat small,.brutal-info-tile small{
  font-size:7px!important;
  line-height:1.02!important;
}
.brutal-info-tile.map-size,
.brutal-info-tile.map-size strong{
  height:52px!important;
  min-height:52px!important;
}
.brutal-info-tile.map-size strong{
  max-height:18px!important;
  font-size:8px!important;
  line-height:1!important;
}
.brutal-info-tile.map-size small{font-size:6.5px!important}
/* Shorter event blocks and tighter event section */
.brutal-events-section{
  margin-top:3px!important;
  padding-top:7px!important;
  gap:6px!important;
}
.brutal-section-heading{
  min-height:18px!important;
  padding:0 2px!important;
}
.brutal-section-heading strong{font-size:12px!important}
.brutal-section-heading small{font-size:7px!important}
.brutal-event{
  height:48px!important;
  min-height:48px!important;
  padding:3px 2px!important;
  gap:1px!important;
  border-radius:8px!important;
}
.brutal-event-icon{
  font-size:12px!important;
  min-height:12px!important;
}
.brutal-event strong{
  font-size:8px!important;
  line-height:1!important;
}
.brutal-event span:last-child{
  font-size:7px!important;
  line-height:1!important;
}
.brutal-wipe{
  min-height:34px!important;
  padding:4px 8px!important;
}
.brutal-server-ip{
  min-height:31px!important;
  padding:3px 7px!important;
}
.brutal-server-actions{gap:5px!important}
.brutal-btn{
  height:28px!important;
  min-height:28px!important;
  padding:3px 5px!important;
  font-size:8px!important;
}
@media(max-width:720px){
  .brutal-server-heading{height:27px!important;min-height:27px!important}
  .brutal-server-heading h3{font-size:13px!important}
  .brutal-status{height:21px!important;font-size:7px!important;padding:0 7px!important}
  .brutal-stat,.brutal-info-tile,
  .brutal-info-tile.map-size,
  .brutal-info-tile.map-size strong{height:50px!important;min-height:50px!important}
  .brutal-event{height:46px!important;min-height:46px!important}
  .brutal-btn{height:27px!important;min-height:27px!important;font-size:7px!important}
}


/* v1.7.9 — identical footer button dimensions and readable labels */
.brutal-server-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:7px!important;
  width:100%!important;
}
.brutal-server-actions .brutal-btn{
  box-sizing:border-box!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 5px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  border-radius:8px!important;
  font-family:inherit!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
}
.brutal-server-actions .brutal-btn span{
  display:inline-block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:750!important;
}
.brutal-server-actions .brutal-btn-connect{
  justify-content:center!important;
}
.brutal-server-actions .brutal-btn-details,
.brutal-server-actions .brutal-btn:not(.brutal-btn-connect){
  background:linear-gradient(145deg,#182a36,#10202b)!important;
  border:1px solid #526a7c!important;
  color:#edf4f8!important;
}
@media(max-width:720px){
  .brutal-server-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .brutal-server-actions .brutal-btn{
    height:34px!important;
    min-height:34px!important;
    padding:0 3px!important;
    gap:3px!important;
    font-size:9px!important;
  }
  .brutal-server-actions .brutal-btn span{font-size:9px!important}
}
@media(max-width:360px){
  .brutal-server-actions{gap:3px!important}
  .brutal-server-actions .brutal-btn{font-size:8px!important;padding:0 2px!important}
  .brutal-server-actions .brutal-btn span{font-size:8px!important}
}


/* v1.7.10 — map tile uses separate, centered lines; never overflow neighboring tiles */
.brutal-info-tile.map-size{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  padding:3px 2px!important;
  overflow:hidden!important;
  text-align:center!important;
}
.brutal-info-tile.map-size .brutal-info-icon{
  display:block!important;
  flex:0 0 11px!important;
  height:11px!important;
  min-height:11px!important;
  font-size:11px!important;
  line-height:11px!important;
}
.brutal-info-tile.map-size .brutal-map-value{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.05!important;
}
.brutal-info-tile.map-size .brutal-map-name,
.brutal-info-tile.map-size .brutal-map-world-size{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f2f6fa!important;
  font-size:8px!important;
  font-weight:750!important;
  line-height:9px!important;
}
.brutal-info-tile.map-size .brutal-map-world-size{
  font-size:8px!important;
  font-weight:800!important;
}
.brutal-info-tile.map-size small{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  color:#b9c7d4!important;
  font-size:6.5px!important;
  line-height:7px!important;
  text-align:center!important;
}
@media(max-width:720px){
  .brutal-info-tile.map-size{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
  }
  .brutal-info-tile.map-size .brutal-map-name,
  .brutal-info-tile.map-size .brutal-map-world-size{
    font-size:7.5px!important;
    line-height:8px!important;
  }
  .brutal-info-tile.map-size small{font-size:6px!important}
}


/* v1.7.11 — match the supplied compact map tile reference exactly */
.brutal-info-grid .brutal-info-tile.map-size{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  padding:4px 3px 3px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  overflow:hidden!important;
  text-align:center!important;
}
.brutal-info-grid .brutal-info-tile.map-size > .brutal-info-icon{
  display:block!important;
  flex:0 0 9px!important;
  width:auto!important;
  height:9px!important;
  min-height:9px!important;
  margin:0!important;
  padding:0!important;
  font-size:9px!important;
  line-height:9px!important;
}
.brutal-info-grid .brutal-info-tile.map-size > .brutal-map-value{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  text-align:center!important;
}
.brutal-info-grid .brutal-info-tile.map-size .brutal-map-name,
.brutal-info-grid .brutal-info-tile.map-size .brutal-map-world-size{
  display:block!important;
  flex:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:9px!important;
  max-height:9px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  text-align:center!important;
  color:#f3f7fb!important;
  font-size:7.5px!important;
  font-weight:800!important;
  line-height:9px!important;
}
.brutal-info-grid .brutal-info-tile.map-size > small{
  display:block!important;
  flex:0 0 7px!important;
  width:100%!important;
  max-width:100%!important;
  height:7px!important;
  min-height:7px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  text-align:center!important;
  color:#b9c7d4!important;
  font-size:6px!important;
  line-height:7px!important;
}
@media(max-width:720px){
  .brutal-info-grid .brutal-info-tile.map-size{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
  }
  .brutal-info-grid .brutal-info-tile.map-size .brutal-map-name,
  .brutal-info-grid .brutal-info-tile.map-size .brutal-map-world-size{
    font-size:7px!important;
  }
  .brutal-info-grid .brutal-info-tile.map-size > small{font-size:5.8px!important}
}


/* v1.7.12 — hard line-break fallback for map name and world size */
.brutal-server-card .brutal-info-tile.map-size .brutal-map-value{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.brutal-server-card .brutal-info-tile.map-size .brutal-map-name,
.brutal-server-card .brutal-info-tile.map-size .brutal-map-world-size{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  line-height:9px!important;
}
.brutal-server-card .brutal-info-tile.map-size > small{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:7px!important;
}


/* v1.7.14 — improve legibility of wipe, server IP and footer actions */
.brutal-server-card .brutal-wipe,
.brutal-server-card .brutal-server-ip{
  font-size:12px!important;
}
.brutal-server-card .brutal-wipe{
  min-height:42px!important;
  padding:7px 10px!important;
  gap:9px!important;
}
.brutal-server-card .brutal-wipe-main strong,
.brutal-server-card .brutal-wipe-main span:last-child{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.brutal-server-card .brutal-wipe-icon{
  font-size:16px!important;
}
.brutal-server-card .brutal-blueprint{
  font-size:10px!important;
  line-height:1.15!important;
  padding:5px 8px!important;
}
.brutal-server-card .brutal-server-ip{
  min-height:40px!important;
  padding:6px 9px!important;
  gap:8px!important;
}
.brutal-server-card .brutal-server-ip > div,
.brutal-server-card .brutal-server-ip span{
  font-size:10px!important;
  line-height:1.2!important;
}
.brutal-server-card .brutal-server-ip strong,
.brutal-server-card .brutal-server-ip b{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
.brutal-server-card .brutal-server-ip button{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  font-size:12px!important;
}
/* Equal-width, equal-height footer actions with comfortably readable text. */
.brutal-server-card .brutal-server-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  align-items:stretch!important;
}
.brutal-server-card .brutal-server-actions .brutal-btn{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 5px!important;
  gap:4px!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:750!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.brutal-server-card .brutal-server-actions .brutal-btn span{
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  .brutal-server-card .brutal-wipe{min-height:40px!important}
  .brutal-server-card .brutal-server-ip{min-height:38px!important}
  .brutal-server-card .brutal-server-actions{gap:5px!important}
  .brutal-server-card .brutal-server-actions .brutal-btn{
    height:36px!important;
    min-height:36px!important;
    font-size:10px!important;
    padding:0 3px!important;
  }
  .brutal-server-card .brutal-server-actions .brutal-btn span{font-size:10px!important}
}
@media(max-width:360px){
  .brutal-server-card .brutal-server-actions .brutal-btn,
  .brutal-server-card .brutal-server-actions .brutal-btn span{
    font-size:9px!important;
  }
}


/* v1.7.16 — live Deep Sea status */
.brutal-event.brutal-deepsea-open .brutal-event-state{color:#39e98d!important;font-style:normal;font-weight:800;font-size:9px;line-height:1.15}
.brutal-event .brutal-event-state{display:block;min-height:10px;font-size:9px;line-height:1.15;font-style:normal}


/* v1.7.18 — DeepSea mantiene la misma jerarquía tipográfica que el resto de eventos */
.brutal-server-card .brutal-event .brutal-event-name{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:500!important;
  color:#8797a9!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  white-space:normal!important;
}
.brutal-server-card .brutal-event .brutal-event-state{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:800!important;
  font-style:normal!important;
}
.brutal-server-card .brutal-event .brutal-event-state:empty{display:none!important}
.brutal-server-card .brutal-event.brutal-deepsea-open .brutal-event-state{color:#39e98d!important}


/* v1.7.19 — compact plugin counter and full, uncropped server banners */
.brutal-server-card .brutal-server-cover{
  width:calc(100% - 20px)!important;
  aspect-ratio:2.65/1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:10px 10px 0!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#07131c!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.brutal-server-card .brutal-server-cover:before,
.brutal-server-card .brutal-server-cover:after{display:none!important;content:none!important}
.brutal-server-card .brutal-plugin-pill-wrap{
  display:flex!important;justify-content:flex-end!important;align-items:center!important;
  min-height:13px!important;margin:-2px 0 -2px!important;
}
.brutal-server-card .brutal-plugin-pill{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  min-height:17px!important;padding:2px 8px!important;border-radius:999px!important;
  border:1px solid rgba(49,220,137,.42)!important;
  background:rgba(15,65,47,.34)!important;color:#72efae!important;
  font-size:8px!important;line-height:1!important;letter-spacing:.35px!important;
  white-space:nowrap!important;box-shadow:inset 0 0 8px rgba(30,220,130,.04)!important;
}
.brutal-server-card .brutal-plugin-pill-icon{font-size:9px!important;font-weight:900!important;color:#35e995!important}
.brutal-server-card .brutal-plugin-pill strong{font-size:9px!important;font-weight:850!important;color:#eafff3!important;font-variant-numeric:tabular-nums!important}
.brutal-server-card .brutal-plugin-pill>span:last-child{font-size:7px!important;font-weight:800!important;color:#8de8b8!important;letter-spacing:.55px!important}
@media(max-width:700px){.brutal-server-card .brutal-server-cover{aspect-ratio:2.65/1!important;min-height:0!important}}


/* v1.7.20 — align PVE plugin pill on the same row as the player count */
.brutal-server-card .brutal-player-line{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;min-height:20px!important;margin-top:0!important;line-height:1.2!important;
}
.brutal-server-card .brutal-player-count{display:inline-flex!important;align-items:baseline!important;gap:3px!important;min-width:0!important;white-space:nowrap!important}
.brutal-server-card .brutal-plugin-pill-wrap{
  display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;
  flex:0 0 auto!important;min-height:0!important;margin:0 0 0 auto!important;padding:0!important;
}
.brutal-server-card .brutal-plugin-pill{
  min-height:16px!important;padding:1px 7px!important;gap:4px!important;border-radius:999px!important;
}
.brutal-server-card .brutal-plugin-pill strong{font-size:8px!important}
.brutal-server-card .brutal-plugin-pill>span:last-child{font-size:6px!important}


/* v1.7.21 — render server banners as intrinsic images: full width, natural ratio, no crop */
.brutal-server-card .brutal-server-cover{
  display:block!important;
  width:calc(100% - 20px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:10px 10px 0!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:0!important;
  background:none!important;
  border:0!important;
  border-radius:12px!important;
}
.brutal-server-card .brutal-server-cover-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:12px!important;
}
.brutal-server-card .brutal-server-cover:before,
.brutal-server-card .brutal-server-cover:after{display:none!important;content:none!important}

/* v1.7.23: clear visual feedback for server IP copy action */
.brutal-server-card .brutal-server-ip button.is-copied{
  background:#0b8f62!important;
  border-color:#20c997!important;
  color:#fff!important;
}
.brutal-server-card .brutal-server-ip button.is-copy-error{
  background:#b42318!important;
  border-color:#ef4444!important;
  color:#fff!important;
}
.brutal-server-card .brutal-server-ip button{
  cursor:pointer!important;
  user-select:none;
}


/* v1.7.29 — compact configurable server identity tags beside plugins */
.brutal-server-card .brutal-server-mini-tags{
  display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;
  flex:0 1 auto!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important;
  margin:0 0 0 auto!important;
}
.brutal-server-card .brutal-mini-tag{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:16px!important;padding:2px 7px!important;border-radius:999px!important;
  font-size:7px!important;line-height:1!important;font-weight:850!important;letter-spacing:.45px!important;
  white-space:nowrap!important;border:1px solid transparent!important;
}
.brutal-server-card .brutal-mini-tag-pvp{color:#ffb4b4!important;background:rgba(120,30,38,.28)!important;border-color:rgba(255,105,115,.38)!important}
.brutal-server-card .brutal-mini-tag-pve{color:#8df0b9!important;background:rgba(15,75,49,.30)!important;border-color:rgba(55,225,145,.38)!important}
.brutal-server-card .brutal-mini-tag-modded{color:#a9d8ff!important;background:rgba(25,75,120,.30)!important;border-color:rgba(75,165,245,.38)!important}
.brutal-server-card .brutal-mini-tag-vanilla{color:#d1d8e2!important;background:rgba(75,88,105,.25)!important;border-color:rgba(165,180,200,.30)!important}
.brutal-server-card .brutal-server-mini-tags .brutal-plugin-pill{margin:0!important}
@media(max-width:480px){.brutal-server-card .brutal-server-mini-tags{gap:3px!important}.brutal-server-card .brutal-mini-tag{padding:2px 5px!important;font-size:6px!important}}

/* v1.7.30 — etiquetas de modificación intermedias */
.brutal-server-card .brutal-mini-tag-vanilla-x{color:#c7e6ff!important;background:rgba(35,95,135,.25)!important;border-color:rgba(100,185,235,.38)!important}
.brutal-server-card .brutal-mini-tag-semi-vanilla{color:#e6d5a5!important;background:rgba(115,88,35,.24)!important;border-color:rgba(205,170,95,.38)!important}


/* v1.7.31 — refinamiento de legibilidad móvil y colores de etiquetas */
.brutal-server-card .brutal-mini-tag-vanilla{
  color:#ffc078!important;
  background:rgba(180,91,20,.22)!important;
  border-color:rgba(255,158,66,.48)!important;
}
.brutal-server-card .brutal-mini-tag-vanilla-x{
  color:#ffd09a!important;
  background:rgba(165,91,25,.22)!important;
  border-color:rgba(255,174,92,.42)!important;
}
/* Valores numéricos: mantener una escala homogénea y evitar que las cifras largas invadan la etiqueta. */
.brutal-server-card .brutal-stat strong.brutal-stat-value{
  display:block!important;max-width:100%!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:clip!important;
  font-size:clamp(9px,2.8vw,11px)!important;line-height:1.05!important;
  letter-spacing:-.2px!important;font-variant-numeric:tabular-nums!important;
}
.brutal-server-card .brutal-stat strong.brutal-stat-value-entities{
  font-size:clamp(8px,2.45vw,10px)!important;letter-spacing:-.35px!important;
}
.brutal-server-card .brutal-stat small,
.brutal-server-card .brutal-info-tile small{
  font-size:8px!important;line-height:1.12!important;
  font-weight:600!important;letter-spacing:0!important;
}
/* El subtítulo de actividad no compite con el encabezado ni queda microscópico. */
.brutal-server-card .brutal-section-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;min-width:0!important;
}
.brutal-server-card .brutal-section-heading strong{
  flex:0 0 auto!important;font-size:12px!important;line-height:1.15!important;
}
.brutal-server-card .brutal-section-heading small{
  flex:0 1 auto!important;min-width:0!important;font-size:8px!important;
  line-height:1.15!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  letter-spacing:0!important;
}
/* Nombre del mapa, tamaño y descriptor con jerarquía y lectura consistentes. */
.brutal-server-card .brutal-info-grid .brutal-info-tile.map-size .brutal-map-name{
  font-size:8px!important;line-height:10px!important;font-weight:750!important;
}
.brutal-server-card .brutal-info-grid .brutal-info-tile.map-size .brutal-map-world-size{
  font-size:9px!important;line-height:10px!important;font-weight:850!important;
}
.brutal-server-card .brutal-info-grid .brutal-info-tile.map-size > small{
  font-size:7px!important;line-height:8px!important;font-weight:600!important;
}
@media(max-width:380px){
  .brutal-server-card .brutal-section-heading{gap:5px!important}
  .brutal-server-card .brutal-section-heading strong{font-size:11px!important}
  .brutal-server-card .brutal-section-heading small{font-size:7px!important}
  .brutal-server-card .brutal-stat strong.brutal-stat-value-entities{font-size:8px!important}
}


/* v1.7.32 — paleta unificada dorada para Vanilla y morado Premium */
.brutal-server-card .brutal-mini-tag-vanilla,
.brutal-server-card .brutal-mini-tag-vanilla-x,
.brutal-server-card .brutal-mini-tag-semi-vanilla{
  color:#ffd978!important;
  background:rgba(151,105,18,.24)!important;
  border-color:rgba(255,205,91,.52)!important;
}
.brutal-server-card .brutal-mini-tag-premium{
  color:#e2b8ff!important;
  background:rgba(105,45,150,.30)!important;
  border-color:rgba(190,120,255,.58)!important;
}

/* v1.7.33 — modalidad combinada PVE / PVP */
.brutal-server-card .brutal-mini-tag-pve-pvp{color:#b8e7ff!important;background:rgba(25,100,135,.28)!important;border-color:rgba(75,190,235,.48)!important}

/* Copyright discreto por tarjeta */
.brutal-card-copyright{width:100%;box-sizing:border-box;padding:7px 10px 9px;text-align:center;color:#718096;font-size:9px;line-height:1.35;letter-spacing:.035em;border-top:1px solid rgba(148,163,184,.12);background:rgba(3,8,14,.22)}
@media(max-width:650px){.brutal-card-copyright{font-size:8px;padding:6px 8px 8px}}