:root{color-scheme:dark;--bg:#101817;--panel:#15201e;--border:#31413b;--gold:#d9bd7b;--text:#f2eee4;--muted:#a1b1a7;--blue:#60b9eb;--red:#ee8379;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header{height:90px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.brand{color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:15px;font-family:Georgia,serif;font-size:18px;letter-spacing:2px}.brand small{display:block;font:12px system-ui,sans-serif;letter-spacing:1px;color:var(--muted);margin-top:6px}.sigil{height:44px;width:40px;border:1px solid #a28d57;display:grid;place-items:center;font-size:29px;transform:rotate(-5deg)}.connection{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#c3a96b}.status-dot.live{background:#85caa0;box-shadow:0 0 12px #85caa044}.status-dot.offline{background:#e58c77}main{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1800px;margin:auto;min-height:calc(100dvh - 90px)}aside{padding:32px 25px 18px;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--gold)}h1{font:normal 39px/1.12 Georgia,serif;margin:15px 0;color:#f0e4c8}.intro{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.counts{display:flex;gap:36px;margin:24px 0}.counts strong{font:32px Georgia,serif;color:var(--gold)}.counts span{display:block;font-size:11px;color:var(--muted);margin-top:4px}input,select{width:100%;border:1px solid var(--border);border-radius:6px;background:#1b2925;color:var(--text);padding:10px;font-size:12px}input::placeholder{color:#a1b1a7}.filters{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin:14px 0 22px}.filters label{font-size:10px;color:var(--muted);line-height:2.4}.filters select{padding:8px 5px}.roster-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.roster-heading h2{font-size:12px;font-weight:550;margin:0}.roster-heading>span{font-size:10px;color:var(--gold);background:#25342b;border-radius:4px;padding:3px 7px}#roster{overflow:auto;max-height:430px;min-height:130px;scrollbar-width:thin;scrollbar-color:#405248 transparent}.person{display:flex;gap:10px;align-items:center;width:100%;background:none;border:0;color:var(--text);border-bottom:1px solid #ffffff08;text-align:left;padding:10px 8px;border-radius:5px}.person:hover,.person.selected{background:#23332d}.avatar{height:27px;width:27px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:50%;font:12px Georgia,serif;flex-shrink:0}.avatar.horde{color:var(--red);background:#ee83790b}.avatar.alliance{color:var(--blue);background:#60b9eb0b}.person-text{min-width:0;flex:1}.person-name{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-location{font-size:10px;color:var(--muted);display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-kind{font-size:9px;color:var(--muted)}.privacy{font-size:10px;color:var(--muted);margin-top:auto;padding-top:18px}.empty{font-size:12px;color:var(--muted);line-height:1.7}.cartography{min-width:0;display:flex;flex-direction:column;padding:24px 25px 0}.continents{display:flex;gap:8px;padding-bottom:18px}.continents button{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:5px;padding:9px 22px;font-size:12px}.continents button[aria-pressed=true]{background:#d9bd7b13;color:var(--gold);border-color:#88754c}#map-stage{position:relative;flex:1;min-height:450px;background:#171f1b;border:1px solid #635c3e;border-radius:8px;overflow:hidden;isolation:isolate;box-shadow:0 10px 40px #0003}#map{position:absolute;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none}#map.dragging{cursor:grabbing}.marker{cursor:pointer;stroke:#101817;stroke-width:1.2}.marker:focus{outline:none;stroke:#fff;stroke-width:2}.marker.selected{stroke:#fff0b2;stroke-width:2.5}.marker.stale{opacity:.35}.zoom{position:absolute;right:15px;top:15px;display:flex;flex-direction:column;box-shadow:0 2px 12px #0005}.zoom button{background:#15201ef2;border:1px solid #82734b;color:var(--gold);width:35px;height:34px;font-size:23px}.zoom button:last-child{font-size:19px}.zoom button:hover{background:#2a3a31}.legend{position:absolute;bottom:12px;left:14px;right:14px;display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:#eee4ce;background:#101817df;border:1px solid #b6a06d33;border-radius:4px;padding:9px 12px;pointer-events:none}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:7px;width:7px;border-radius:50%}.alliance{background:var(--blue)}.horde{background:var(--red)}#map-notice{position:absolute;top:16px;left:16px;max-width:calc(100% - 80px);background:#15201eef;border:1px solid #b6a06d55;color:#e3d5b6;border-radius:5px;padding:10px 14px;font-size:12px}#map-notice[hidden]{display:none}#detail{position:absolute;left:16px;bottom:68px;max-width:calc(100% - 32px);border:1px solid #8f7a4e;border-radius:6px;background:#14201bf2;box-shadow:0 5px 25px #0005;padding:14px 18px;pointer-events:none;font-size:12px;line-height:1.7;white-space:pre-line}#detail strong{display:block;font:19px Georgia,serif;color:var(--gold);margin-bottom:5px}footer{display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-size:10px;color:var(--muted)}footer a{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1200px){#map-stage{min-height:calc(100dvh - 205px)}}
@media(max-width:800px){header{height:74px;padding:0 18px}.brand{font-size:14px;letter-spacing:1px}.sigil{height:35px;width:31px;font-size:23px}.connection{font-size:10px;max-width:140px}main{grid-template-columns:1fr}.cartography{grid-row:1;padding:16px 12px 0}aside{border-right:0;border-top:1px solid var(--border);padding:22px 18px}h1{font-size:30px}h1 br{display:none}#map-stage{min-height:440px}.continents{gap:7px;padding-bottom:12px}.continents button{padding:9px 16px}#roster{max-height:300px}.counts{margin:14px 0}.intro{font-size:12px}.privacy{margin-bottom:0}footer{font-size:9px}.legend{font-size:9px;gap:10px}}

.server-logo{width:220px;height:82px;object-fit:contain}.brand-caption{font:12px system-ui,sans-serif;letter-spacing:1px;color:var(--muted)}.continents{flex-wrap:wrap}.continents button{padding:9px 14px}#map-stage{background:#101817}.marker{vector-effect:non-scaling-stroke}#map-art{pointer-events:none}#map-art image{pointer-events:none}.map-label{fill:#fff4d6;paint-order:stroke;stroke:#101817;stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none;font-family:system-ui,sans-serif;font-weight:600}.legend{z-index:2}
@media(max-width:800px){.server-logo{width:165px;height:65px}.brand-caption{display:none}.continents button{padding:8px 11px;font-size:11px}}