:root{--o:#f15a29;--bg:#090a0b;--card:#141619;--line:#292c30;--muted:#92979b;--green:#45d483}*{box-sizing:border-box}body{margin:0;background:#0d0f11;color:#fff;font:14px/1.5 Inter,Arial,sans-serif}button,input,select{font:inherit}button,a{color:inherit}a{text-decoration:none}.topbar{height:74px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:54px;border-bottom:1px solid #27292c;background:rgba(8,9,10,.96);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:700 21px Oswald}.brand b{display:grid;place-items:center;width:34px;height:34px;background:var(--o);color:#111;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.brand em{color:var(--o);font-style:normal}.topbar nav{height:100%;display:flex;gap:32px}.topbar nav a{display:flex;align-items:center;color:#999;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;position:relative}.topbar nav a:hover,.topbar nav .active{color:#fff}.topbar nav .active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--o)}.live{margin-left:auto;color:#aaa;font-size:11px}.live i,.statusline i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}.intro{min-height:300px;padding:54px max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#402016 0,transparent 28%),linear-gradient(120deg,#121416,#090a0b)}.intro-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#6662 1px,transparent 1px),linear-gradient(90deg,#6662 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}.intro-copy,.pulse-card{position:relative}.eyebrow{color:#aaa;font-size:10px;font-weight:800;letter-spacing:.16em}.eyebrow i{display:inline-block;width:26px;height:2px;background:var(--o);vertical-align:middle;margin-right:10px}.intro h1{font:700 clamp(38px,5vw,65px)/1.02 Oswald;margin:15px 0;text-transform:uppercase}.intro h1 em{font-style:normal;color:var(--o)}.intro p{color:#a9adaf;max-width:660px;font-size:15px}.pulse-card{width:300px;padding:24px;border:1px solid #ffffff1a;background:#111417cc;box-shadow:0 30px 80px #0008}.pulse-card span,.pulse-card small{display:block;color:#92979b;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.pulse-card strong{display:block;font:700 44px Oswald;margin:3px 0}.pulse-card svg{width:100%;height:55px;margin-top:8px}.pulse-card path{fill:none;stroke:var(--o);stroke-width:2}.directory{max-width:1240px;margin:auto;padding:34px 24px 65px}.toolbar{display:flex;gap:14px}.search{height:52px;flex:1;display:flex;align-items:center;gap:12px;padding:0 17px;background:#181a1d;border:1px solid #303337}.search:focus-within{border-color:var(--o)}.search svg{width:19px;fill:none;stroke:#777;stroke-width:2}.search input{width:100%;border:0;outline:0;background:none;color:#fff}.search kbd{padding:2px 7px;border:1px solid #444;color:#777}.filters{display:flex;gap:8px}.filters select{padding:0 34px 0 14px;background:#181a1d;color:#ccc;border:1px solid #303337;outline:0}.statusline{display:flex;justify-content:space-between;padding:20px 2px 12px;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.server-list{display:grid;gap:9px}.server{display:grid;grid-template-columns:38px minmax(260px,1.8fr) 150px 105px 145px 120px 38px;align-items:center;gap:18px;padding:16px 20px;background:var(--card);border:1px solid #222529;cursor:pointer;transition:.2s}.server:hover{transform:translateY(-2px);border-color:#555;background:#191c1f}.server.featured{border-color:#7d3c24;background:linear-gradient(90deg,#271711,#151719 30%)}.rank{font:700 16px Oswald;color:#60656a}.server.featured .rank{color:var(--o)}.server-name{min-width:0}.server-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-name small{color:#747a7f}.ad{font-size:8px;padding:3px 6px;margin-left:7px;color:#ff9a76;border:1px solid #8c432b;text-transform:uppercase;vertical-align:2px}.metric span,.wipe span{display:block;color:#747a7f;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.metric b{font:600 17px Oswald}.bar{height:3px;background:#333;margin-top:5px}.bar i{display:block;height:100%;background:var(--green)}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:4px 7px;background:#24272a;color:#aeb2b4;font-size:9px;text-transform:uppercase}.wipe b{font-size:12px}.wipe small{color:var(--o)}.go{font-size:22px;color:#555}.empty{text-align:center;padding:70px}.empty strong,.empty span{display:block}.empty strong{font:600 25px Oswald}.empty span{color:#777}.empty button{margin-top:15px;padding:10px 16px;background:var(--o);border:0;font-weight:700}.promote{max-width:1192px;margin:0 auto 70px;padding:34px 40px;border:1px solid #63331f;background:linear-gradient(100deg,#25150f,#111315 60%);display:flex;align-items:center;justify-content:space-between}.promote span{color:var(--o);font-size:9px;font-weight:800;letter-spacing:.14em}.promote h2{font:600 28px Oswald;text-transform:uppercase;margin:7px 0}.promote p{color:#999;margin:0}.promote button,.connect{padding:14px 21px;background:var(--o);border:0;color:#fff;font-weight:800;cursor:pointer}footer{border-top:1px solid #25282a;padding:30px max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;color:#6f7477;font-size:11px}.drawer{position:fixed;inset:0;z-index:50;visibility:hidden}.drawer.open{visibility:visible}.drawer-bg{position:absolute;inset:0;border:0;background:#000b;opacity:0;transition:.25s}.drawer.open .drawer-bg{opacity:1}.detail{position:absolute;right:0;top:0;width:min(920px,100%);height:100%;overflow:auto;background:#101214;transform:translateX(100%);transition:.3s}.drawer.open .detail{transform:none}.close{position:absolute;right:18px;top:15px;z-index:2;border:1px solid #444;background:#181a1d;color:#fff;width:38px;height:38px;font-size:25px}.detail-head{padding:44px 44px 25px}.detail-head small{color:var(--o);font-weight:800}.detail-head h2{font:600 34px Oswald;margin:7px 50px 16px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2a2d30}.stats div{padding:13px;border-right:1px solid #2a2d30}.stats span{display:block;color:#74797d;font-size:9px;text-transform:uppercase}.stats b{font:600 16px Oswald}.map-wrap{padding:0 44px 28px}.map-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.map-tools p{color:#888;font-size:11px}.map-tools button,.share button{padding:9px 12px;background:#24272a;color:#ddd;border:1px solid #393d40;cursor:pointer}.map{position:relative;aspect-ratio:1.6;overflow:hidden;cursor:crosshair;border:1px solid #403b32;background-color:#111;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:inset 0 0 60px #0008}.map.real-map:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0003 1px,transparent 1px),linear-gradient(#0003 1px,transparent 1px);background-size:10% 10%;mix-blend-mode:soft-light}.map-loader{position:absolute;inset:0;z-index:6;display:none;place-items:center;align-content:center;gap:5px;background:#111c;pointer-events:none}.map.loading .map-loader{display:grid}.map-loader b{font:700 22px Oswald;color:var(--o);letter-spacing:.12em}.map-loader span{color:#aaa;font-size:10px;text-transform:uppercase}.map-status{display:block;color:#6f777b;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.map-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.map-credit{margin:9px 0 0;color:#666;font-size:10px}.map-credit a{color:#aaa;text-decoration:underline}.monument,.note{position:absolute;transform:translate(-50%,-50%);z-index:3}.monument i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1a1d1f;color:#fff;border:2px solid #ece3cc;font-style:normal;font-size:9px;box-shadow:0 2px 8px #000}.monument.minor i{width:19px;height:19px;border-width:1px;font-size:7px}.monument span{display:block;padding:2px 5px;margin-top:3px;background:#111e;color:#fff;font-size:8px;white-space:nowrap}.note{width:23px;height:23px;border-radius:50% 50% 50% 0;transform:translate(-50%,-100%) rotate(-45deg);background:var(--o);border:2px solid #fff;z-index:5}.note:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;top:7px;left:7px}.share{padding:22px 44px 45px;border-top:1px solid #272a2d}.share h3{font:600 19px Oswald;margin:0 0 12px}.share-buttons{display:flex;flex-wrap:wrap;gap:7px}.share button:hover{border-color:var(--o)}.toast{position:fixed;bottom:25px;left:50%;z-index:90;transform:translate(-50%,20px);opacity:0;padding:12px 18px;background:#fff;color:#111;font-weight:700;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.map-status i.offline{background:#8b9195;box-shadow:none}.map-status i.warning{background:#f0a12c;box-shadow:0 0 8px #f0a12c}.map-empty{position:absolute;inset:0;display:none;place-items:center;align-content:center;gap:4px;background:radial-gradient(circle,#25282b,#111);color:#777}.map-empty b{font:700 20px Oswald;color:#a4a8aa}.map-empty span{font-size:10px;text-transform:uppercase}.map.map-missing .map-empty{display:grid}.verified-at{color:#72777a;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.connect-row{display:flex;gap:8px;margin-top:18px}.steam-connect{display:inline-flex;align-items:center;padding:14px 21px;border:1px solid #444;background:#1d2022;font-weight:700}.region-note{margin:12px 0 0;color:#62676a;font-size:10px}.verified-map-credit{color:#a3aaa6}.verified-map-credit b{color:#ff7a48}.unverified-map-credit{padding:8px 10px;border-left:2px solid #f0a12c;background:#f0a12c0b;color:#9c9991}.unverified-map-credit b{color:#eeb469}
@media(max-width:900px){.topbar{gap:20px}.topbar nav{display:none}.intro{display:block}.pulse-card{margin-top:30px}.server{grid-template-columns:30px 1fr 100px 32px}.server .tags,.server .region,.server .wipe{display:none}.toolbar{display:block}.filters{margin-top:8px}.filters select{height:45px;flex:1}.promote{margin-inline:16px}.detail-head,.map-wrap,.share{padding-left:22px;padding-right:22px}}
@media(max-width:560px){.topbar{height:64px;padding:0 14px}.live{font-size:0}.live span{font-size:11px}.intro{padding:38px 18px}.directory{padding-inline:12px}.filters{overflow:auto}.filters select{min-width:150px}.server{grid-template-columns:24px 1fr 76px 20px;padding:13px 11px;gap:8px}.promote{display:block;padding:25px}.promote button{margin-top:20px}.stats{grid-template-columns:1fr 1fr}.map{aspect-ratio:1.1}.monument span{display:none}footer{display:block}.pulse-card{width:100%}}

/* Interactive map viewport */
.map{isolation:isolate;touch-action:none;user-select:none;background:#0c0e0f;cursor:crosshair}
.map-canvas{--map-inverse:1;position:absolute;inset:0;z-index:2;transform-origin:0 0;will-change:transform}
.map-image{position:absolute;inset:0;z-index:2;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:inset 0 0 60px #0008}
.map-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003 1px,transparent 1px),linear-gradient(#0003 1px,transparent 1px);background-size:10% 10%;mix-blend-mode:soft-light}
.map-tiles{position:absolute;inset:0;z-index:1;overflow:hidden;background:#0f1719}
.map-tile-layer{position:absolute;inset:0;pointer-events:none}
.map-tile{position:absolute;display:block;object-fit:fill;opacity:0;transition:opacity .18s linear;user-select:none;-webkit-user-drag:none}.map-tile.ready{opacity:1}
.map-tiles:after{content:"";position:absolute;inset:0;z-index:40;pointer-events:none;box-shadow:inset 0 0 55px #0008;background:linear-gradient(90deg,#0002 1px,transparent 1px),linear-gradient(#0002 1px,transparent 1px);background-size:10% 10%;mix-blend-mode:soft-light}
.map.real-map:after{display:none}
.map.real-map{aspect-ratio:1}
.map-empty{z-index:6}
.map.is-pannable{cursor:grab}.map.is-dragging{cursor:grabbing}
.map-controls{position:absolute;z-index:8;right:12px;top:12px;display:flex;align-items:center;padding:4px;border:1px solid #ffffff24;background:#0c0e0fe8;box-shadow:0 8px 28px #0009;backdrop-filter:blur(8px)}
.map-controls button{display:grid;place-items:center;min-width:36px;height:34px;padding:0 10px;border:0;border-right:1px solid #ffffff14;background:transparent;color:#fff;font-size:20px;font-weight:800;cursor:pointer}
.map-controls button:hover{background:var(--o)}.map-controls b{min-width:54px;color:#d9dcdd;font:600 11px Oswald;text-align:center;letter-spacing:.04em}
.map-controls .map-reset{border-right:0;border-left:1px solid #ffffff14;color:#aeb3b6;font:700 9px Inter;text-transform:uppercase;letter-spacing:.06em}
.map-legend{position:absolute;z-index:80;left:12px;bottom:12px;display:flex;gap:5px;padding:6px;background:#0c0e0fee;border:1px solid #ffffff1a;box-shadow:0 7px 22px #0008;pointer-events:none}
.map-legend span{padding:3px 6px;color:#d9dcdd;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.map-legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;vertical-align:-1px;border:1px solid var(--o);background:#f15a2930;box-shadow:0 0 7px #f15a2966}.map-legend .legend-note:before{border:0;border-radius:50% 50% 50% 0;background:var(--o);transform:rotate(-45deg);box-shadow:none}
.monument{z-index:50;width:40px;height:40px;transform:scale(var(--map-inverse)) translate(-50%,-50%);transform-origin:0 0;cursor:pointer;filter:drop-shadow(0 5px 9px #000d);outline:0}
.monument i{position:relative;display:grid;place-items:center;width:40px;height:40px;border:2px solid #ff6a32;border-radius:3px;background:linear-gradient(135deg,#f15a2938,#251009d9);color:#fff4ec;font:900 9px Inter;letter-spacing:.04em;box-shadow:inset 0 0 0 3px #090a0b99,0 0 0 1px #080808,0 0 18px #f15a2977;transition:transform .16s,background .16s,box-shadow .16s}
.monument i:before,.monument i:after{content:"";position:absolute;width:8px;height:8px;border-color:#ffd2c1;opacity:.75}.monument i:before{left:3px;top:3px;border-left:1px solid;border-top:1px solid}.monument i:after{right:3px;bottom:3px;border-right:1px solid;border-bottom:1px solid}
.monument span{position:absolute;display:block;padding:5px 8px 5px 15px;border:1px solid #b54220;border-radius:2px;background:#160c09f2;color:#fff4ee;font-size:9px;font-weight:900;line-height:1.15;white-space:nowrap;text-transform:uppercase;letter-spacing:.045em;box-shadow:0 6px 18px #000d,0 0 12px #f15a2922;pointer-events:none}
.monument span:before{content:"";position:absolute;left:6px;top:50%;width:4px;height:4px;transform:translateY(-50%);background:var(--o);box-shadow:0 0 7px var(--o)}
.monument.label-east span{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.monument.label-west span{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}
.monument.label-north span{left:50%;bottom:calc(100% + 8px);transform:translateX(-50%)}.monument.label-south span{left:50%;top:calc(100% + 8px);transform:translateX(-50%)}
.monument.minor{width:30px;height:30px}.monument.minor i{width:30px;height:30px;font-size:7px}.monument.minor span{opacity:.84;transition:opacity .15s}
.monument:hover,.monument:focus-visible,.monument.selected{z-index:70}.monument:hover i,.monument:focus-visible i,.monument.selected i{transform:scale(1.13);background:var(--o);color:#120906;box-shadow:inset 0 0 0 3px #ff9a7699,0 0 0 2px #100806,0 0 25px #f15a29cc}.monument:hover span,.monument:focus-visible span,.monument.selected span{border-color:#ff8d64;background:#291008;color:#fff;opacity:1}
.note{z-index:70;transform:scale(var(--map-inverse)) translate(-50%,-100%) rotate(-45deg);transform-origin:0 0;cursor:pointer;filter:drop-shadow(0 4px 7px #000b)}
@media(max-width:560px){.map-controls{right:7px;top:7px}.map-controls button{min-width:32px;padding:0 8px}.map-controls b{min-width:46px}.map-legend{left:7px;bottom:7px}.map-legend span{font-size:0;padding:4px}.map-legend span:before{margin:0}.monument{width:32px;height:32px}.monument i{width:32px;height:32px}.monument span{font-size:8px}.monument.minor{width:25px;height:25px}.monument.minor i{width:25px;height:25px}.monument.minor span{display:none}.map.map-detailed .monument.minor span,.monument.minor.selected span,.monument.minor:focus-visible span{display:block}}