:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;color:#e9edea;background:#101715;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#23382b55,transparent 50%);min-height:100vh}main{max-width:1180px;margin:auto;padding:36px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334038;padding-bottom:28px}.brand{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:.14em;font-weight:650}.brand-sub{display:block;font-size:12px;color:#99a99e;letter-spacing:.2em;margin-top:5px}.mark{display:grid;place-items:center;width:44px;height:44px;background:#c5e4a8;color:#192519;font-family:Georgia,serif;font-size:32px;letter-spacing:-.08em;padding-right:3px}.read-only{font-size:12px;color:#a8b4ac;letter-spacing:.15em}.heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:48px 0 28px}.eyebrow{color:#b7d59e;font-size:12px;letter-spacing:.2em;margin:0 0 12px}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;margin:0}.refresh{font-size:14px;text-align:right;min-width:180px;color:#c5e4a8}.refresh small{display:block;font-size:13px;color:#9eada4;margin-top:8px}#notice{background:#302b1c;border:1px solid #615539;color:#e6d8b4;padding:16px 20px;margin-bottom:24px;line-height:1.5}#notice[hidden]{display:none}.summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #39473e;border-bottom:1px solid #39473e;margin-bottom:32px}.summary>div{padding:24px 20px 24px 0}.summary>div+div{padding-left:28px;border-left:1px solid #39473e}.summary span{font-size:36px;font-weight:300;font-variant-numeric:tabular-nums}.summary p{margin:7px 0 0;color:#a6b5aa;font-size:14px}.servers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.server{padding:25px;background:#1b2520;border:1px solid #3a483e;border-radius:3px;border-top:3px solid #62705e;min-width:0}.server.online{border-top-color:#b7d59e}.card-top{display:flex;align-items:start;justify-content:space-between;gap:16px}.game{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b1c0b6;margin:0 0 9px;overflow-wrap:anywhere}h2{font-family:Georgia,serif;font-size:26px;font-weight:normal;margin:0;overflow-wrap:anywhere}.badge{font-size:13px;white-space:nowrap;color:#c0c9c3;background:#303b34;border-radius:3px;padding:6px 9px}.online .badge{color:#ceeeb6;background:#35462d}.stale .badge{color:#ead5a4;background:#4c422b}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0 4px}.metrics dt{color:#a6b5aa;font-size:14px;margin-bottom:8px}.metrics dd{margin:0;font-size:21px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.note{font-size:13px;color:#b6bdaa;margin:20px 0 0;line-height:1.5}footer{display:flex;justify-content:space-between;gap:20px;color:#8d9e93;font-size:12px;letter-spacing:.08em;border-top:1px solid #334038;margin-top:42px;padding-top:22px}#empty{padding:24px;color:#bac7be;text-align:center;line-height:1.6}@media(max-width:700px){main{padding:24px 20px}.heading{display:block;margin-top:34px}.refresh{text-align:left;margin-top:20px}.servers{grid-template-columns:1fr}.summary>div{padding:20px 8px}.summary>div+div{padding-left:14px}.summary span{font-size:30px}.summary p{font-size:13px}.card-top{flex-wrap:wrap}footer{flex-direction:column}.metrics{gap:12px}}@media(prefers-reduced-motion:no-preference){.server{animation:appear .3s ease-out}@keyframes appear{from{opacity:.4}to{opacity:1}}}

/* ETM identity: black, gunmetal, chrome and electric blue. */
:root{color-scheme:dark;color:#edf1f5;background:#070809;font-family:Segoe UI,system-ui,sans-serif}
body{background:radial-gradient(ellipse at 50% 0%,#232a3355,transparent 65%),#070809}
main{max-width:1180px;padding-top:24px}
header{border-bottom:0;padding-bottom:22px}
.brand{color:#e5e9ee;font-weight:750;letter-spacing:.18em}
.brand-sub,.read-only{color:#9ba5b1}
.masthead{overflow:hidden;border:1px solid #363e48;background:#0c0e11;box-shadow:0 18px 54px #0008}
.masthead img{display:block;width:100%;height:auto}
.heading{margin:30px 0 24px}
.eyebrow{color:#6bcfff;font-weight:650}
h1{font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.8rem,3.5vw,2.65rem);font-weight:650;letter-spacing:-.04em}
.refresh{color:#70d2ff}.refresh small{color:#a4aeb9}
#notice{background:#14171c;border:1px solid #3b444f;border-left:3px solid #579dc4;color:#cbd4dd}
.summary{border-color:#343b44;background:linear-gradient(120deg,#1d2229,#111419);margin-bottom:24px}
.summary>div{padding:18px 20px}.summary>div+div{border-color:#343b44}
.summary span{font-weight:500;color:#f2f5f8}.summary p{color:#aab4c0}
.server{background:linear-gradient(135deg,#1b2027,#101317);border-color:#353d47;border-top-color:#566271;box-shadow:0 9px 24px #0003}
.server.online{border-top-color:#36bfff}
.game{color:#9baebb}h2{font-family:Segoe UI,system-ui,sans-serif;font-size:24px;font-weight:650;letter-spacing:-.02em}
.badge{color:#d3dae2;background:#303741}.online .badge{color:#8cddff;background:#113346}.stale .badge{color:#eed5a1;background:#403626}
.metrics dt{color:#a8b4c1}.metrics dd{color:#e8edf3}.note{color:#b1bbc6}
footer{border-color:#343b44;color:#949fac}#empty{color:#bac5d0}
@media(max-width:700px){.masthead{margin:0 -8px}.masthead img{width:150%;max-width:none;margin-left:-25%}.heading{margin-top:26px}.summary>div{padding:18px 10px}.summary>div+div{padding-left:14px}}

/* Full-page brushed gunmetal and compact ETM masthead. */
body{background-color:#111418;background-image:repeating-linear-gradient(174deg,transparent 0px,#d2dce506 1px,transparent 2px,transparent 5px),repeating-linear-gradient(88deg,#00000012 0px,transparent 1px,transparent 4px),radial-gradient(ellipse at 35% 0%,#444c5660,transparent 65%),linear-gradient(115deg,#111418,#262c32 45%,#111418);background-attachment:fixed}
main{min-height:100vh}
header{border-bottom:1px solid #535b6555;padding-bottom:20px}
.brand{gap:18px}
.logo-crop{display:block;position:relative;width:144px;height:100px;overflow:hidden;flex-shrink:0;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%)}
.logo-crop img{position:absolute;width:300px;max-width:none;height:100px;left:50%;top:0;transform:translateX(-50%)}
.heading{margin-top:36px}
.summary{background:linear-gradient(120deg,#171c22eb,#0b0e12ef)}
.server{background:linear-gradient(135deg,#171c22f2,#0b0e12f5)}
#notice{background:#101419eb}
@media(max-width:700px){.logo-crop{width:100px;height:76px}.logo-crop img{width:228px;height:76px}.brand{gap:8px;font-size:12px;letter-spacing:.12em}.brand-sub{font-size:11px}.read-only{font-size:10px}.heading{margin-top:28px}}

.game-art{display:block;width:100%;height:160px;object-fit:contain;object-position:left center;background:#080b0f80;border-bottom:1px solid #35404a;padding:10px;margin:0 0 22px;border-radius:2px}
@media(max-width:700px){.game-art{height:135px}}

.directory-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 12px}.switch-group{display:flex;gap:4px;padding:4px;background:#0b0f14;border:1px solid #3a4652;border-radius:5px}.switch-group button{font:inherit;font-size:14px;color:#bdc9d4;background:transparent;border:1px solid transparent;border-radius:3px;padding:9px 17px;cursor:pointer}.switch-group button[aria-pressed=true]{background:#17394d;border-color:#387aa0;color:#a6e2ff}.switch-group button:hover{background:#243340}.switch-group button:focus-visible{outline:2px solid #7dd8ff;outline-offset:3px}.internet-ping{font-size:14px;color:#c8d3dd}.internet-ping strong{color:#91d9ff;margin-left:10px;font-variant-numeric:tabular-nums}.internet-ping small{display:block;color:#9babb9;font-size:12px;margin-top:5px}.result-count{font-size:13px;color:#a8b7c5;margin:0 0 16px}.servers.list-view{grid-template-columns:1fr}.list-view .server{display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(230px,1fr);gap:24px;align-items:center;padding:18px 22px;border-top-width:1px;border-left:3px solid #566271}.list-view .server.online{border-left-color:#36bfff}.list-view .game-art{grid-column:1;grid-row:1;width:150px;height:85px;margin:0;border:0;padding:4px}.list-view .card-top{grid-column:2;grid-row:1;flex-wrap:wrap;gap:10px}.list-view .metrics{grid-column:3;grid-row:1;margin:0}.list-view .note{grid-column:2 / -1;margin:0}.list-view h2{font-size:21px}@media(max-width:700px){.internet-ping{order:3;flex-basis:100%}.list-view .server{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:16px}.list-view .game-art{width:80px;height:65px}.list-view .metrics{grid-column:1 / -1;grid-row:2}.list-view .note{grid-column:1 / -1}.switch-group button{padding:9px 12px}}