:root {
  --ink: #f5f3ed;
  --muted: #a4a8a7;
  --muted-2: #737977;
  --panel: rgba(16, 19, 19, 0.88);
  --panel-strong: #151918;
  --line: rgba(255, 255, 255, 0.11);
  --line-strong: rgba(255, 255, 255, 0.19);
  --ember: #e67032;
  --ember-bright: #ff8a46;
  --discord: #5865f2;
  --green: #55c995;
  --gold: #f4c15d;
  --radius: 3px;
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: #0d1111; font-size: 17px; line-height: 1.55; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.scene {
  position: fixed; inset: 0 0 auto; height: 860px; z-index: -3;
  background: url("./assets/wardogs-battlefield.png") center 34% / cover no-repeat;
  filter: saturate(.68) contrast(1.05);
}
.scene::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(90deg, rgba(8,11,11,.94) 0%, rgba(8,11,11,.60) 46%, rgba(8,11,11,.14) 82%),
    linear-gradient(180deg, rgba(8,10,10,.28) 0%, rgba(8,11,11,.35) 48%, #0d1111 96%);
}
.grain { position: fixed; inset: 0; pointer-events: none; z-index: 30; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.shell { width: min(1440px, calc(100% - 64px)); margin-inline: auto; }

.site-header { position: relative; z-index: 10; border-bottom: 1px solid var(--line); background: rgba(8,11,11,.74); backdrop-filter: blur(16px); }
.nav { min-height: 82px; display: flex; align-items: center; gap: 36px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 850; font-size: .91rem; letter-spacing: .09em; white-space: nowrap; }
.brand-dim { color: var(--ember); padding-inline: 3px; }
.brand-mark { width: 29px; height: 29px; border: 1px solid var(--line-strong); display: grid; grid-template-columns: repeat(3,1fr); padding: 6px; gap: 3px; transform: skew(-7deg); }
.brand-mark i { display: block; background: var(--ink); }
.brand-mark i:nth-child(2) { background: var(--ember); height: 70%; align-self: end; }
.brand-mark i:nth-child(3) { height: 45%; align-self: end; }
.nav-search { flex: 1; max-width: 520px; height: 46px; display: flex; align-items: center; gap: 11px; padding: 0 14px; border: 1px solid var(--line); background: rgba(255,255,255,.045); }
.nav-search:focus-within { border-color: rgba(230,112,50,.62); box-shadow: 0 0 0 3px rgba(230,112,50,.1); }
.search-glyph { color: var(--muted); font-size: 1.3rem; line-height: 1; }
.nav-search input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: .88rem; }
.nav-search input::placeholder { color: #777e7b; }
kbd { min-width: 22px; padding: 2px 6px; border: 1px solid var(--line); color: #7c8380; background: rgba(0,0,0,.24); text-align: center; font: 11px ui-monospace, monospace; }
.nav-links { display: flex; align-items: center; gap: 28px; margin-left: auto; font-size: .88rem; }
.nav-links a, .text-button { color: #b9bdbb; }
.text-button, .clear-button { border: 0; background: none; padding: 0; cursor: pointer; }
.nav-links a:hover, .text-button:hover, .back-link:hover, .quiet-button:hover { color: white; }
.discord-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: var(--radius); background: var(--discord); padding: 13px 18px; font-weight: 750; font-size: .86rem; cursor: pointer; box-shadow: 0 7px 22px rgba(88,101,242,.22); }
.discord-button:hover { background: #6874f4; transform: translateY(-1px); }

.user-menu { display: flex; align-items: center; gap: 11px; min-width: 235px; padding: 7px 8px 7px 9px; border: 1px solid var(--line); background: rgba(255,255,255,.04); }
.user-avatar, .guild-avatar { flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--discord); color: white; font: 800 .73rem ui-monospace, monospace; }
.user-avatar { width: 36px; height: 36px; }
.user-avatar img, .guild-avatar img { width: 100%; height: 100%; object-fit: cover; }
.user-details { display: flex; flex: 1; min-width: 0; flex-direction: column; line-height: 1.25; }
.user-details strong { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.user-details small { overflow: hidden; margin-top: 3px; color: var(--muted-2); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.signout-link { color: #949a97; font-size: .68rem; }
.signout-link:hover { color: white; }
.admin-entry { padding: 6px 9px; border: 1px solid rgba(230,112,50,.52); background: rgba(230,112,50,.08); color: #ffc39e; font-size: .68rem; cursor: pointer; }
.admin-entry:hover { background: var(--ember); color: #17100d; }

.game-intro { padding: 74px 0 88px; min-height: 620px; display: flex; flex-direction: column; justify-content: center; }
.back-link { width: fit-content; color: #bec2c0; font-size: .85rem; }
.intro-grid { display: block; margin-top: 42px; }
.eyebrow, .mini-label, .facts-label, .standard-label { color: #b8bcb9; font: 700 .71rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .15em; text-transform: uppercase; }
.live-dot, .online-dot { display: inline-block; width: 7px; height: 7px; border-radius: 99px; background: var(--green); box-shadow: 0 0 0 4px rgba(85,201,149,.1); margin-right: 8px; }
.slash { color: var(--ember); margin-inline: 9px; }
.live-overview { display: flex; width: fit-content; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.18); background: rgba(10,13,13,.68); backdrop-filter: blur(10px); color: #aeb5b1; font: 700 .72rem ui-monospace, Consolas, monospace; letter-spacing: .04em; text-transform: uppercase; }
.live-overview .live-dot { margin-right: 2px; }
.live-overview strong { color: white; font-size: 1rem; }
.live-overview i { width: 1px; height: 18px; margin-inline: 8px; background: var(--line-strong); }
h1 { margin: 20px 0 20px; max-width: 900px; font-family: Impact, "Arial Narrow", sans-serif; font-size: clamp(5.6rem, 9.5vw, 9.3rem); font-weight: 900; letter-spacing: -.035em; line-height: .78; text-transform: uppercase; text-shadow: 0 6px 50px rgba(0,0,0,.5); }
h1 span { color: transparent; -webkit-text-stroke: 1px rgba(245,243,237,.56); }
h1 > small { display: block; margin-bottom: 20px; color: var(--ember-bright); font: 800 clamp(.7rem, 1.1vw, .92rem)/1.25 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; text-shadow: none; -webkit-text-stroke: 0; }
.title-block > p { max-width: 680px; color: #c7cbc8; font-size: 1.12rem; line-height: 1.72; }
.intro-actions { display: flex; align-items: center; gap: 24px; margin-top: 25px; }
.primary-button { display: inline-flex; align-items: center; gap: 24px; padding: 13px 16px; background: var(--ember); color: #140e0b; font-weight: 850; font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; }
.primary-button:hover { background: var(--ember-bright); }
.quiet-button { color: #c6cac7; font-size: .84rem; }
.game-facts { padding: 32px 0 9px 32px; border-left: 1px solid rgba(255,255,255,.24); }
.facts-label { color: var(--ember-bright); }
.fact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-block: 20px 18px; }
.fact-grid div { display: flex; flex-direction: column; }
.fact-grid strong { font: 800 1.65rem/1 ui-monospace, Consolas, monospace; }
.fact-grid span { margin-top: 7px; color: var(--muted); font-size: .74rem; }
.game-facts p { color: #d5d7d5; font-size: .81rem; margin: 0 0 5px; }
.game-facts small { color: var(--muted-2); }

.announcement-bar { position: relative; z-index: 9; border-bottom: 1px solid rgba(244,193,93,.34); background: linear-gradient(90deg, rgba(244,193,93,.14), rgba(14,18,17,.97) 28%, rgba(14,18,17,.97)); box-shadow: 0 12px 34px rgba(0,0,0,.2); }
.announcement-inner { min-height: 78px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 24px; }
.announcement-label { display: flex; align-items: center; gap: 11px; padding-right: 22px; border-right: 1px solid var(--line); }
.announcement-label > span:last-child { display: grid; }
.announcement-label small { color: var(--gold); font: 800 .58rem ui-monospace, Consolas, monospace; letter-spacing: .15em; }
.announcement-label strong { margin-top: 2px; font-size: .78rem; }
.announcement-mark { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(244,193,93,.55); color: var(--gold); font: 900 .9rem ui-monospace, monospace; }
.announcement-viewport { min-width: 0; overflow: hidden; }
.news-card { display: grid; grid-template-columns: minmax(110px,.28fr) minmax(0,1fr); align-items: center; gap: 18px; animation: announcement-in .28s ease-out; }
.news-card h3 { margin: 0; color: #f7e4bd; font-size: .84rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-card p { margin: 0; color: #c9cdca; font-size: .78rem; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.announcement-controls { display: flex; align-items: center; gap: 8px; }
.announcement-controls button { width: 30px; height: 30px; border: 1px solid var(--line-strong); background: rgba(255,255,255,.035); color: #d6d9d6; cursor: pointer; }
.announcement-controls button:hover { border-color: var(--gold); color: var(--gold); }
.announcement-controls span { min-width: 34px; color: var(--muted-2); text-align: center; font: 700 .6rem ui-monospace, Consolas, monospace; }
@keyframes announcement-in { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .news-card { animation: none; } }

.directory { position: relative; background: #111514; border-top: 3px solid var(--ember); box-shadow: 0 -20px 70px rgba(0,0,0,.34); }
.directory::before { content: ""; position: absolute; inset: 0 0 auto; height: 80px; pointer-events: none; background: linear-gradient(180deg, rgba(230,112,50,.045), transparent); }
.directory-head { min-height: 146px; display: flex; justify-content: space-between; align-items: center; padding: 32px 46px; border-bottom: 1px solid var(--line); }
.directory-head > div:first-child { display: grid; grid-template-columns: 30px auto; column-gap: 10px; align-items: center; }
.section-index { color: var(--ember); font: 800 .69rem ui-monospace, Consolas, monospace; }
.directory-head h2 { margin: 0; font-size: 1.78rem; letter-spacing: -.02em; }
.directory-head p { grid-column: 2; margin: 4px 0 0; color: var(--muted); font-size: .81rem; }
.directory-controls { display: flex; align-items: center; gap: 12px; }
.sort-label { color: var(--muted); font-size: .78rem; }
select { min-width: 176px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: #181d1c; color: var(--ink); padding: 10px 34px 10px 12px; outline: none; }

.directory-layout { display: grid; grid-template-columns: 290px 1fr; min-height: 900px; }
.filters { padding: 38px 32px 60px; border-right: 1px solid var(--line); }
.filters fieldset { max-height: 235px; overflow-y: auto; padding-right: 5px; scrollbar-width: thin; scrollbar-color: #4d5552 transparent; }
.filter-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 29px; }
.filter-top h3 { margin: 0; font-size: .95rem; }
.clear-button { color: var(--ember-bright); font-size: .75rem; }
.filter-search { height: 42px; display: flex; align-items: center; gap: 9px; margin: -12px 0 27px; padding: 0 11px; border: 1px solid var(--line-strong); background: rgba(255,255,255,.035); transition: border-color .18s, box-shadow .18s; }
.filter-search:focus-within { border-color: rgba(230,112,50,.72); box-shadow: 0 0 0 3px rgba(230,112,50,.09); }
.filter-search .search-glyph { font-size: 1.05rem; }
.filter-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: .76rem; }
.filter-search input::placeholder { color: #777e7b; }
fieldset { min-width: 0; margin: 0 0 31px; padding: 0; border: 0; }
legend { width: 100%; margin-bottom: 13px; color: var(--muted-2); font: 700 .68rem ui-monospace, Consolas, monospace; text-transform: uppercase; letter-spacing: .13em; }
.filter-pills { display: flex; flex-wrap: wrap; gap: 7px; }
.filter-pill { border: 1px solid var(--line); border-radius: 99px; background: transparent; color: #aeb3b0; padding: 7px 10px; font-size: .74rem; cursor: pointer; }
.filter-pill:hover, .filter-pill.active { border-color: rgba(230,112,50,.65); background: rgba(230,112,50,.10); color: #f7cfb8; }
.check-row { display: grid; grid-template-columns: 17px 1fr auto; align-items: center; gap: 9px; min-height: 34px; color: #bec2c0; font-size: .79rem; cursor: pointer; }
.check-row input { appearance: none; width: 14px; height: 14px; border: 1px solid #58605d; border-radius: 2px; display: grid; place-items: center; cursor: pointer; }
.check-row input:checked { border-color: var(--ember); background: var(--ember); }
.check-row input:checked::after { content: "✓"; color: #1b0e08; font-size: 10px; font-weight: 900; }
.check-row small { color: #6e7472; }
.owner-callout { margin-top: 48px; padding: 20px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(230,112,50,.09), rgba(255,255,255,.015)); }
.owner-callout .mini-label { color: var(--ember); }
.owner-callout strong { display: block; margin: 11px 0 6px; font-size: .94rem; }
.owner-callout p { color: var(--muted); font-size: .75rem; line-height: 1.55; }
.owner-callout button { width: 100%; margin-top: 8px; padding: 9px 10px; border: 1px solid rgba(230,112,50,.6); background: transparent; color: #f1b792; font-size: .75rem; font-weight: 750; cursor: pointer; }
.owner-callout button:hover { background: var(--ember); color: #17100d; }

.results-column { padding: 40px 46px 72px; }
.seo-breadcrumbs { display: flex; align-items: center; gap: 9px; padding-top: 18px; color: #777e7b; font-size: .72rem; }
.seo-breadcrumbs a { color: #aeb4b0; }
.seo-breadcrumbs a:hover { color: var(--ember-bright); }
.seo-network-summary { margin: 0 auto; padding: 0 24px 18px; max-width: var(--shell); color: #858c89; font-size: .78rem; }
.related-games { margin-top: 38px; margin-bottom: 58px; padding: 30px 34px; border: 1px solid var(--line); background: rgba(12,16,15,.88); }
.related-games h2 { margin: 8px 0 20px; font-size: clamp(1.35rem,2.4vw,2rem); }
.related-games>div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.related-games a { display: flex; justify-content: space-between; gap: 14px; padding: 18px; color: #d7dad6; background: #121716; text-decoration: none; font-size: .78rem; }
.related-games a:hover,.related-games a:focus-visible { color: #fff; background: rgba(230,112,50,.13); outline: 1px solid var(--ember); }
.seo-empty { padding: 42px 28px; border: 1px dashed var(--line-strong); background: rgba(255,255,255,.018); text-align: center; }
.seo-empty h3 { margin: 0 0 7px; }
.seo-empty p { margin: 0; color: var(--muted); font-size: .8rem; }
.featured-label { display: flex; justify-content: space-between; margin: 0 2px 9px; color: var(--ember); font: 700 .68rem ui-monospace, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.featured-label span:last-child { color: #686f6c; }
.standard-label { margin: 0 2px 10px; color: #737976; }
.list-status { margin-bottom: 14px; padding: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.025); color: var(--muted); font-size: .82rem; }
.server-list { display: grid; gap: 14px; }
.server-card { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(360px, 1.35fr); column-gap: 34px; row-gap: 18px; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(26,31,30,.78); transition: border-color .18s, background .18s, transform .18s; }
.server-card:hover { border-color: rgba(255,255,255,.22); background: #1b211f; transform: translateY(-1px); }
.server-card.featured { border-color: rgba(244,193,93,.72); background: linear-gradient(105deg, rgba(244,193,93,.14), rgba(28,33,32,.94) 52%); box-shadow: inset 3px 0 0 var(--gold), 0 0 24px rgba(244,193,93,.16), 0 12px 34px rgba(0,0,0,.25); }
.server-card.featured:hover { border-color: var(--gold); box-shadow: inset 3px 0 0 var(--gold), 0 0 34px rgba(244,193,93,.24), 0 14px 38px rgba(0,0,0,.3); }
.server-card.community-favourite { border-color: rgba(105,210,188,.72); background: linear-gradient(105deg, rgba(74,185,165,.15), rgba(28,33,32,.94) 52%); box-shadow: inset 3px 0 0 #69d2bc, 0 0 24px rgba(74,185,165,.17), 0 12px 34px rgba(0,0,0,.25); }
.server-card.community-favourite:hover { border-color: #89ead6; box-shadow: inset 3px 0 0 #69d2bc, 0 0 34px rgba(74,185,165,.25), 0 14px 38px rgba(0,0,0,.3); }
.server-identity { display: flex; gap: 14px; align-items: center; min-width: 0; }
.server-avatar { flex: 0 0 58px; width: 58px; height: 58px; overflow: hidden; display: grid; place-items: center; border: 1px solid var(--line-strong); color: #f1f1ed; background: #313836; font: 900 .9rem ui-monospace, Consolas, monospace; letter-spacing: -.04em; }
.server-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.server-avatar.ridge { background: linear-gradient(145deg,#633b26,#202625); color: #ffb67f; }
.server-avatar.night { background: linear-gradient(145deg,#1f3451,#151a22); color: #98beee; }
.server-avatar.zone { background: linear-gradient(145deg,#50503b,#191c1a); color: #d2d196; }
.server-avatar.ash { background: linear-gradient(145deg,#4c3230,#202223); color: #e0aaa1; }
.server-avatar.ash span { color: var(--ember); }
.server-avatar.bw { background: linear-gradient(145deg,#333,#121514); }
.server-avatar.cdg { background: linear-gradient(145deg,#253855,#251d28); color: #b4caf0; }
.server-title-line { display: flex; align-items: center; gap: 8px; min-width: 0; }
.server-title-line h3 { overflow: hidden; margin: 0; font-size: 1.08rem; white-space: nowrap; text-overflow: ellipsis; }
.verified { width: 16px; height: 16px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--discord); color: white; font-size: 10px; font-weight: 900; }
.new-badge { padding: 2px 5px; background: rgba(230,112,50,.15); color: var(--ember-bright); font: 700 9px ui-monospace, monospace; }
.pin-badge { padding: 3px 6px; border: 1px solid rgba(244,193,93,.65); background: rgba(244,193,93,.14); color: #ffe1a0; font: 800 .58rem ui-monospace, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 0 12px rgba(244,193,93,.15); }
.community-favourite-badge { border-color: rgba(105,210,188,.7); background: rgba(74,185,165,.15); color: #a8f4e4; box-shadow: 0 0 12px rgba(74,185,165,.18); }
.pin-stat { color: #f8cd76; }
.member-stat { color: #aeb7b2; }
.server-handle { margin: 3px 0 0; color: #777e7b; font-size: .72rem; }
.server-description { align-self: center; margin: 0; color: #b8bdb9; font-size: .88rem; line-height: 1.65; }
.tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.tags span { padding: 4px 7px; border: 1px solid var(--line); background: rgba(255,255,255,.025); color: #979d9a; font-size: .66rem; }
.server-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.server-stats { display: flex; flex-wrap: wrap; gap: 16px; color: #7e8582; font-size: .69rem; }
.server-stats .online-dot { width: 5px; height: 5px; margin-right: 4px; box-shadow: none; }
.card-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.manage-button { padding: 8px 10px; border: 1px solid var(--line-strong); background: rgba(255,255,255,.035); color: #bfc4c1; font-size: .7rem; cursor: pointer; }
.manage-button:hover { border-color: rgba(230,112,50,.65); color: white; }
.manage-button.danger:hover { border-color: #bd675c; background: rgba(189,103,92,.1); color: #ffc2ba; }
.manage-button:disabled { cursor: not-allowed; opacity: .48; }
.manage-button:disabled:hover { border-color: var(--line-strong); color: #bfc4c1; }
.join-button { flex: 0 0 auto; padding: 8px 11px; border: 1px solid #4c5351; background: transparent; color: #e0e2df; font-size: .73rem; font-weight: 760; cursor: pointer; }
.join-button span { margin-left: 9px; color: var(--ember-bright); }
.join-button:hover { border-color: var(--ember); background: var(--ember); color: #17100d; }
.join-button:hover span { color: #17100d; }
.empty-state { padding: 90px 20px; border: 1px dashed var(--line-strong); text-align: center; }
.empty-state > span { color: var(--ember); font: 700 .69rem ui-monospace, monospace; letter-spacing: .17em; }
.empty-state h3 { margin: 13px 0 4px; }
.empty-state p { color: var(--muted); margin: 0 0 20px; }
.empty-state button { border: 1px solid var(--line-strong); background: #1d2321; padding: 9px 13px; cursor: pointer; }

.lfg-guide { margin-top: 38px; margin-bottom: 58px; padding: 42px 46px; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(230,112,50,.07), rgba(17,21,20,.96) 42%); }
.guide-heading { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 10px; align-items: start; max-width: 760px; }
.guide-heading .mini-label { color: var(--ember-bright); }
.guide-heading h2 { margin: 5px 0 7px; font-size: 1.65rem; }
.guide-heading p { margin: 0; color: var(--muted); font-size: .85rem; }
.guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 30px; background: var(--line); border: 1px solid var(--line); }
.guide-grid article { min-width: 0; padding: 25px; background: #121716; }
.guide-grid h3 { margin: 0 0 9px; font-size: .92rem; }
.guide-grid p { margin: 0; color: #aeb4b0; font-size: .79rem; line-height: 1.7; }

.site-footer { padding: 30px 0; border-top: 1px solid var(--line); background: #0b0e0e; color: #737a77; }
.site-footer .shell { display: flex; align-items: center; gap: 25px; font-size: .71rem; }
.site-footer span { color: #adb2af; font-weight: 800; letter-spacing: .08em; }
.site-footer p { margin: 0; flex: 1; }
.site-footer a:hover { color: white; }

dialog { width: min(760px, calc(100% - 30px)); max-height: min(820px, calc(100vh - 40px)); overflow: auto; border: 1px solid var(--line-strong); border-radius: 4px; color: var(--ink); background: #171c1b; padding: 40px; box-shadow: 0 30px 100px rgba(0,0,0,.7); text-align: center; }
dialog::backdrop { background: rgba(5,7,7,.76); backdrop-filter: blur(5px); }
.modal-close { position: absolute; top: 12px; right: 14px; border: 0; background: none; color: #89908d; font-size: 1.6rem; cursor: pointer; }
.modal-icon { width: 48px; height: 48px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 13px; background: var(--discord); font-size: 1.3rem; }
dialog .mini-label { color: #858c89; }
dialog h2 { margin: 10px 0 8px; font-size: 1.45rem; }
dialog p { color: var(--muted); font-size: .88rem; line-height: 1.6; }
.modal-main { width: 100%; margin: 14px 0 13px; padding: 13px; }
dialog small { color: #6e7472; }
.admin-panel { width: min(1180px, calc(100% - 30px)); max-height: calc(100vh - 28px); padding: 0; text-align: left; }
.admin-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 34px 40px 26px; border-bottom: 1px solid var(--line); background: linear-gradient(120deg, rgba(230,112,50,.11), transparent 52%); }
.admin-head h2 { margin: 9px 0 4px; font-size: 1.65rem; }
.admin-head p { margin: 0; max-width: 650px; }
.admin-counts { flex: 0 0 auto; margin-top: 26px; padding: 8px 11px; border: 1px solid var(--line); color: #b8bfbb; font: 700 .68rem ui-monospace, Consolas, monospace; letter-spacing: .05em; }
.admin-status { margin: 20px 40px 0; padding: 11px 13px; border: 1px solid rgba(88,101,242,.3); background: rgba(88,101,242,.07); color: #c9cdff; }
.admin-body { display: grid; gap: 30px; padding: 26px 40px 40px; }
.admin-section { min-width: 0; }
.admin-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.admin-section-head h3 { margin: 0; font-size: 1rem; }
.admin-list-tools { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.admin-search input { width: min(300px, 42vw); border: 1px solid var(--line-strong); background: #111615; color: var(--ink); padding: 9px 11px; outline: none; font-size: .72rem; }
.admin-search input:focus { border-color: rgba(230,112,50,.7); box-shadow: 0 0 0 3px rgba(230,112,50,.08); }
.admin-list { display: grid; gap: 10px; }
.admin-row { border: 1px solid var(--line); background: rgba(255,255,255,.022); }
.admin-row-head { display: grid; grid-template-columns: minmax(230px, 1.1fr) minmax(200px, .9fr) auto; align-items: center; gap: 18px; padding: 15px; }
.admin-server { display: flex; align-items: center; gap: 12px; min-width: 0; }
.admin-server .server-avatar { flex-basis: 44px; width: 44px; height: 44px; }
.admin-server-copy { display: flex; min-width: 0; flex-direction: column; }
.admin-server-copy strong, .admin-owner strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-server-copy small, .admin-owner small { color: var(--muted-2); font-size: .68rem; }
.admin-owner { display: flex; min-width: 0; flex-direction: column; }
.admin-badges { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.admin-badge { padding: 4px 7px; border: 1px solid var(--line); color: #aeb4b1; font: 700 .61rem ui-monospace, Consolas, monospace; text-transform: uppercase; }
.admin-badge.active { border-color: rgba(85,201,149,.35); color: #83d7b1; }
.admin-badge.removed { border-color: rgba(189,103,92,.35); color: #d99187; }
.admin-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 7px; padding: 0 15px 15px; }
.admin-inline-form { display: grid; gap: 12px; padding: 16px; border-top: 1px solid var(--line); background: rgba(0,0,0,.15); }
.admin-inline-form label { display: grid; gap: 6px; color: #aeb4b1; font-size: .72rem; }
.admin-inline-form input, .admin-inline-form textarea, .admin-inline-form select { width: 100%; min-width: 0; border: 1px solid var(--line-strong); background: #111615; color: var(--ink); padding: 10px; outline: none; }
.admin-inline-form select[multiple] { min-height: 125px; padding: 5px; }
.admin-form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.admin-form-actions { display: flex; justify-content: flex-end; gap: 8px; }
.admin-empty { padding: 24px; border: 1px dashed var(--line-strong); color: var(--muted); text-align: center; }
.admin-ban-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; padding: 15px; }
.admin-ban-copy { display: flex; min-width: 0; flex-direction: column; }
.admin-ban-copy small { color: var(--muted-2); }
.admin-news-form { display: grid; grid-template-columns: minmax(180px, .45fr) minmax(280px, 1fr) auto; align-items: end; gap: 10px; margin-bottom: 12px; padding: 16px; border: 1px solid rgba(244,193,93,.25); background: rgba(244,193,93,.045); }
.admin-news-form label { display: grid; gap: 6px; color: #aeb4b1; font-size: .72rem; }
.admin-news-form input, .admin-news-form textarea { width: 100%; min-width: 0; border: 1px solid var(--line-strong); background: #111615; color: var(--ink); padding: 10px; outline: none; resize: vertical; }
.admin-section-copy { margin: 6px 0 0; color: #8f9894; font-size: .78rem; line-height: 1.5; }
.admin-manual-form { display: grid; gap: 12px; padding: 16px; border: 1px solid rgba(244,193,93,.28); background: rgba(244,193,93,.035); }
.admin-manual-form > label, .admin-manual-form fieldset { display: grid; gap: 7px; }
.admin-manual-form label > span, .admin-manual-form legend { color: #aeb4b1; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.admin-manual-form input[type="url"], .admin-manual-form input[type="text"], .admin-manual-form textarea { width: 100%; min-width: 0; border: 1px solid var(--line-strong); background: #111615; color: var(--ink); padding: 10px; outline: none; resize: vertical; }
.admin-option-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.admin-option-columns fieldset { min-width: 0; margin: 0; padding: 11px; border: 1px solid var(--line); }
.admin-option-columns label { color: #c4c9c6; font-size: .76rem; }
.admin-inline-status { margin: 0; color: var(--gold); font-size: .78rem; }
.admin-news-row { display: grid; grid-template-columns: minmax(160px, .4fr) 1fr auto; align-items: center; gap: 16px; padding: 15px; }
.admin-news-row p { margin: 0; color: var(--muted); font-size: .76rem; white-space: pre-wrap; }
.admin-news-meta { display: flex; flex-direction: column; }
.admin-news-meta small { color: var(--muted-2); }
.guild-picker { display: grid; gap: 9px; margin: 22px 0 18px; text-align: left; }
.guild-option { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 13px; width: 100%; padding: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.035); cursor: pointer; text-align: left; }
.guild-option:hover { border-color: rgba(88,101,242,.75); background: rgba(88,101,242,.1); }
.guild-option.listed { border-color: rgba(85,201,149,.34); }
.guild-avatar { width: 44px; height: 44px; }
.guild-copy { display: flex; min-width: 0; flex-direction: column; }
.guild-copy strong { overflow: hidden; font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }
.guild-copy small { margin-top: 3px; color: var(--muted-2); font-size: .71rem; }
.guild-arrow { color: #8f98ff; }
.guild-empty { display: flex; flex-direction: column; gap: 5px; padding: 24px; border: 1px dashed var(--line-strong); text-align: center; }
.guild-empty span { color: var(--muted); font-size: .78rem; }
.listing-form { display: grid; gap: 17px; margin: 22px 0 14px; text-align: left; }
.form-back { width: fit-content; margin: -5px 0 2px; padding: 0; border: 0; background: transparent; color: #aeb3b0; font-size: .74rem; cursor: pointer; }
.form-back:hover { color: white; }
.selected-guild { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line); background: rgba(88,101,242,.07); }
.selected-guild strong { overflow: hidden; font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }
.invite-setup { display: grid; gap: 13px; padding: 17px; border: 1px solid var(--line); background: rgba(255,255,255,.018); }
.invite-setup-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.invite-setup-head > div, .listing-step { display: flex; align-items: center; gap: 9px; }
.invite-setup-head strong, .listing-step strong { font-size: .79rem; }
.invite-setup-head small { color: var(--muted-2); font-size: .65rem; text-align: right; }
.step-number { width: 22px; height: 22px; display: inline-grid; place-items: center; border: 1px solid rgba(230,112,50,.55); color: var(--ember-bright); font: 750 .64rem ui-monospace, monospace; }
.invite-loading { padding: 13px; background: rgba(88,101,242,.06); color: #aeb4b1; font-size: .74rem; }
.bot-install-panel { display: grid; gap: 8px; padding: 14px; border: 1px solid rgba(88,101,242,.38); background: rgba(88,101,242,.07); }
.bot-install-panel strong { font-size: .86rem; }
.bot-install-panel p { margin: 0; font-size: .72rem; }
.bot-install-action { margin-top: 3px; box-shadow: none; font-size: .75rem; }
.channel-picker-panel { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 9px; }
.invite-create-button { min-height: 42px; padding: 9px 12px; border: 1px solid rgba(230,112,50,.62); background: rgba(230,112,50,.08); color: #f3b28c; font-size: .7rem; font-weight: 750; cursor: pointer; }
.invite-create-button:hover { background: var(--ember); color: #17100d; }
.invite-create-button:disabled { cursor: wait; opacity: .55; }
.generated-invite { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid rgba(85,201,149,.35); background: rgba(85,201,149,.06); }
.invite-check { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: #0d1b15; font-weight: 900; }
.generated-invite > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
.generated-invite small { color: #75cda5; font-size: .63rem; text-transform: uppercase; letter-spacing: .08em; }
.generated-invite strong { overflow: hidden; color: #d9e9e0; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.generated-invite button { border: 0; background: transparent; color: #9fb5aa; font-size: .68rem; cursor: pointer; }
.invite-status { margin: 0; padding: 10px 12px; border: 1px solid rgba(189,103,92,.45); background: rgba(189,103,92,.08); color: #ffc2ba; }
.listing-details { display: grid; gap: 17px; padding-top: 3px; }
.listing-step { margin-top: 3px; }
.listing-details > label, .form-grid label, .channel-picker-panel label { display: grid; gap: 7px; color: #cbd0cd; font-size: .75rem; font-weight: 700; }
.listing-form input, .listing-form textarea, .listing-form select { width: 100%; min-width: 0; border: 1px solid var(--line-strong); border-radius: var(--radius); outline: none; background: #101413; color: var(--ink); padding: 11px 12px; }
.listing-form textarea { resize: vertical; line-height: 1.5; }
.listing-form input:focus, .listing-form textarea:focus, .listing-form select:focus { border-color: rgba(230,112,50,.72); box-shadow: 0 0 0 3px rgba(230,112,50,.09); }
.listing-form label small { justify-self: end; font-weight: 400; }
.form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.multi-choice-fields { display: grid; gap: 13px; }
.multi-choice-fields fieldset { margin: 0; padding: 13px; border: 1px solid var(--line); }
.multi-choice-fields legend { padding: 0 6px; color: #d8dbd8; font-size: .76rem; font-weight: 750; }
.multi-choice-fields legend small { margin-left: 6px; font-size: .62rem; font-weight: 400; }
.choice-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.choice-grid label { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 7px 8px; border: 1px solid transparent; background: rgba(255,255,255,.025); color: #aeb4b1; font-size: .68rem; cursor: pointer; }
.choice-grid label:has(input:checked) { border-color: rgba(230,112,50,.45); background: rgba(230,112,50,.08); color: #f0c0a1; }
.choice-grid input { width: 14px; height: 14px; flex: 0 0 14px; accent-color: var(--ember); }
.form-error { margin: 0; padding: 10px 12px; border: 1px solid rgba(189,103,92,.45); background: rgba(189,103,92,.08); color: #ffc2ba; }
.form-submit { width: 100%; justify-content: center; border: 0; cursor: pointer; }
.form-submit:disabled { cursor: wait; opacity: .55; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 50; transform: translateY(25px); opacity: 0; pointer-events: none; padding: 12px 15px; border: 1px solid var(--line-strong); background: #202624; color: #e7e8e5; box-shadow: 0 15px 50px rgba(0,0,0,.4); font-size: .8rem; transition: .22s ease; }
.toast.show { transform: translateY(0); opacity: 1; }

@media (max-width: 1180px) {
  .nav-links > .games-link, .nav-links > a[href="#servers"] { display: none; }
  .nav-links { gap: 14px; }
  .user-menu .user-details, .user-menu .signout-link { display: none; }
  .user-menu { min-width: 0; }
  .intro-grid { grid-template-columns: 1fr 300px; gap: 55px; }
  .directory-layout { grid-template-columns: 230px 1fr; }
  .filters { padding-inline: 20px; }
  .results-column { padding-inline: 22px; }
  .server-card { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .shell { width: min(100% - 24px, 600px); }
  .site-header { position: sticky; top: 0; }
  .nav { min-height: 64px; gap: 12px; }
  .brand > span:last-child { display: none; }
  .brand-mark { width: 31px; height: 31px; }
  .nav-search { max-width: none; }
  .nav-search kbd { display: none; }
  .discord-button { padding: 10px; font-size: 0; }
  .discord-button span { font-size: 1rem; }
  .user-menu { padding: 5px; }
  .user-avatar { width: 34px; height: 34px; }
  .game-intro { min-height: 565px; padding-top: 35px; }
  .intro-grid { grid-template-columns: 1fr; gap: 30px; margin-top: 72px; }
  h1 { font-size: clamp(4.4rem, 23vw, 6.7rem); }
  .game-facts { max-width: 390px; }
  .directory { width: 100%; }
  .directory-head { padding-inline: 18px; }
  .directory-layout { display: block; }
  .filters { padding: 18px; border-right: 0; border-bottom: 1px solid var(--line); }
  .filters fieldset { margin-bottom: 17px; }
  .owner-callout { display: none; }
  .filter-top { margin-bottom: 16px; }
  .results-column { padding: 22px 14px 45px; }
  .lfg-guide { width: calc(100% - 24px); padding: 28px 22px; }
  .guide-grid { grid-template-columns: 1fr; }
  .related-games { width: calc(100% - 24px); padding: 24px 18px; }
  .related-games>div { grid-template-columns: 1fr; }
  .server-card { padding: 20px; }
  .server-footer { align-items: flex-end; }
  .server-stats { gap: 7px 12px; }
  .form-grid { grid-template-columns: 1fr; }
  .choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .channel-picker-panel { grid-template-columns: 1fr; }
  .site-footer .shell { align-items: flex-start; flex-wrap: wrap; }
  .site-footer p { flex-basis: 100%; order: 3; }
  .admin-head, .admin-body { padding-inline: 20px; }
  .admin-status { margin-inline: 20px; }
  .admin-row-head { grid-template-columns: 1fr; gap: 10px; }
  .admin-badges { justify-content: flex-start; }
  .admin-form-grid { grid-template-columns: 1fr; }
  .announcement-inner { width: 100%; min-height: 72px; grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; padding-inline: 12px; }
  .announcement-label { padding-right: 10px; }
  .announcement-label strong { display: none; }
  .news-card { grid-template-columns: 1fr; gap: 1px; }
  .admin-news-form, .admin-news-row { grid-template-columns: 1fr; }
  .admin-option-columns { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .scene { height: 650px; }
  .nav-search input::placeholder { color: transparent; }
  .intro-actions { align-items: flex-start; flex-direction: column; gap: 15px; }
  .game-facts { display: none; }
  .directory-head { align-items: flex-start; flex-direction: column; gap: 18px; padding-block: 22px; }
  .directory-controls { width: 100%; justify-content: space-between; }
  .directory-controls select { flex: 1; }
  .server-footer { align-items: stretch; flex-direction: column; }
  .join-button { width: 100%; padding: 10px; }
  .card-actions { align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Multi-game hub */
.hub-body { min-height: 100vh; background: #090c0d; }
.hub-glow {
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(circle at 75% 2%, rgba(230, 112, 50, .14), transparent 28rem),
    radial-gradient(circle at 8% 32%, rgba(88, 101, 242, .08), transparent 34rem),
    linear-gradient(180deg, #111617 0, #090c0d 62rem);
}
.hub-glow::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .15;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: linear-gradient(to bottom, black, transparent 62%);
}
.hub-main { min-height: 100vh; color: #f5f3ed; background: transparent; }
.hub-header { position: sticky; top: 0; background: rgba(9,12,13,.82); }
.hub-header .nav { min-height: 76px; }
.hub-header .brand > span:last-child { display: inline; }
.hub-nav-copy { display: flex; align-items: center; gap: 8px; color: #818886; font: 700 .62rem ui-monospace, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.hub-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(85,201,149,.8); }
.hub-account { gap: 22px; }
.hub-account > a { display: inline-flex; }
.hub-account .discord-button { padding: 12px 15px; font-size: .82rem; }
.hub-account .discord-button span { font-size: inherit; }
.hub-user { display: flex; align-items: center; gap: 11px; }
.hub-user > span:not(.user-avatar) { display: grid; line-height: 1.15; }
.hub-user strong { font-size: .77rem; }
.hub-user small { margin-top: 4px; color: var(--muted-2); font-size: .63rem; }
.hub-user #hubAdminLink { padding: 7px 10px; border: 1px solid rgba(230,112,50,.48); color: #ffc39e; font-size: .7rem; }

.hub-hero { padding: 54px 0 38px; }
.hub-kicker { display: flex; align-items: center; gap: 14px; color: #8f9693; font: 700 .65rem ui-monospace, Consolas, monospace; letter-spacing: .14em; text-transform: uppercase; }
.hub-kicker span { color: var(--ember-bright); }
.hub-title-row { display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: end; gap: 70px; margin-top: 18px; }
.hub-title-row h1 { margin: 0; max-width: 820px; font-size: clamp(3.8rem, 6.2vw, 6.8rem); line-height: .82; letter-spacing: -.045em; }
.hub-title-row h1 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(245,243,237,.62); }
.hub-title-row p { max-width: 710px; margin: 21px 0 0; color: #aeb5b2; font-size: clamp(.94rem, 1.15vw, 1.08rem); line-height: 1.7; }
.hub-stat { display: grid; padding: 3px 0 7px 28px; border-left: 1px solid var(--line-strong); }
.hub-stat strong { color: var(--ember-bright); font: 800 3.2rem/.9 ui-monospace, Consolas, monospace; }
.hub-stat span { margin-top: 13px; font-size: .82rem; font-weight: 750; }
.hub-stat small { margin-top: 6px; color: var(--muted-2); font-size: .68rem; }

.game-catalog { padding: 24px 0 108px; scroll-margin-top: 76px; }
.catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding: 28px 0 24px; border-top: 1px solid var(--line-strong); }
.catalog-head > div { display: grid; grid-template-columns: auto 1fr; column-gap: 20px; align-items: baseline; }
.catalog-head .section-index { grid-row: span 2; }
.catalog-head h2 { margin: 0; font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1; letter-spacing: -.03em; }
.catalog-head p { margin: 9px 0 0; color: var(--muted); font-size: .82rem; }
.game-search { display: flex; width: min(340px, 100%); align-items: center; gap: 10px; padding: 0 14px; border: 1px solid var(--line-strong); background: rgba(255,255,255,.035); }
.game-search:focus-within { border-color: var(--ember); box-shadow: 0 0 0 3px rgba(230,112,50,.1); }
.game-search input { width: 100%; height: 48px; border: 0; outline: 0; background: transparent; color: white; font-size: .84rem; }
.game-search input::placeholder { color: #737a77; }
.catalog-meta { display: flex; justify-content: space-between; margin-bottom: 16px; color: #747b78; font: 700 .61rem ui-monospace, Consolas, monospace; letter-spacing: .11em; text-transform: uppercase; }
.catalog-meta span:first-child { color: #c1c6c3; }

.game-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.game-card { position: relative; isolation: isolate; aspect-ratio: 16 / 10; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: #151a1b; box-shadow: 0 18px 40px rgba(0,0,0,.22); }
.game-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease, filter .35s ease; }
.game-card::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(5,8,8,.02) 18%, rgba(5,8,8,.18) 45%, rgba(5,8,8,.94) 100%); }
.game-card-top, .game-card-copy { position: absolute; z-index: 2; left: 18px; right: 18px; display: flex; }
.game-card-top { top: 16px; align-items: center; justify-content: space-between; color: rgba(255,255,255,.65); font: 750 .58rem ui-monospace, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.game-state { padding: 6px 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(5,8,8,.55); backdrop-filter: blur(8px); color: #d9dcda; }
.game-card.active .game-state { border-color: rgba(85,201,149,.48); color: #a8efcf; }
.game-card-copy { bottom: 17px; flex-direction: column; }
.game-card-copy strong { font-size: clamp(1.05rem, 1.3vw, 1.35rem); letter-spacing: -.02em; }
.game-card-copy > span { margin-top: 5px; color: #9da4a1; font-size: .68rem; }
.game-card.active { border-color: rgba(230,112,50,.52); box-shadow: 0 18px 50px rgba(0,0,0,.32), 0 0 0 1px rgba(230,112,50,.12); }
.game-card.active::before { content: ""; position: absolute; z-index: 3; inset: 0; border-radius: inherit; box-shadow: inset 0 -3px 0 var(--ember); pointer-events: none; }
.game-card.active:hover { transform: translateY(-6px); border-color: var(--ember-bright); box-shadow: 0 26px 58px rgba(0,0,0,.42), 0 0 28px rgba(230,112,50,.1); }
.game-card.active:hover img { transform: scale(1.045); }
.game-card.active:focus-visible { outline: 3px solid var(--ember-bright); outline-offset: 4px; }
.game-card.coming-soon img { filter: grayscale(.35) brightness(.48); }
.game-card.coming-soon { cursor: default; }
.game-card.artwork-fallback { background: linear-gradient(135deg, #20292a, #0b0f10); }
.game-card.artwork-fallback img { opacity: 0; }
.game-empty { padding: 70px 24px; border: 1px dashed var(--line-strong); text-align: center; }
.game-empty > span { color: var(--ember); font: 800 .62rem ui-monospace, monospace; letter-spacing: .15em; }
.game-empty h3 { margin: 10px 0 4px; font-size: 1.3rem; }
.game-empty p { margin: 0; color: var(--muted); font-size: .85rem; }
.game-empty button { margin-top: 22px; padding: 9px 13px; border: 1px solid var(--line-strong); background: transparent; cursor: pointer; }
.game-empty button:hover { border-color: var(--ember); color: var(--ember-bright); }

.hub-steps { display: grid; grid-template-columns: .85fr 2fr; gap: 80px; padding: 80px 0 105px; border-top: 1px solid var(--line-strong); }
.steps-lead { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 20px; }
.steps-lead h2 { margin: 0; font-size: clamp(2rem, 3vw, 3.1rem); line-height: 1.04; letter-spacing: -.035em; }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }
.steps-grid article { min-height: 230px; padding: 25px; background: #0d1112; }
.steps-grid article > span { color: var(--ember); font: 800 .64rem ui-monospace, monospace; }
.steps-grid h3 { margin: 64px 0 10px; font-size: 1rem; }
.steps-grid p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.65; }
.hub-footer { background: #080a0b; }

@media (max-width: 1100px) {
  .hub-title-row { grid-template-columns: 1fr; gap: 36px; }
  .hub-stat { display: none; }
  .hub-steps { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 900px) {
  .hub-nav-copy { display: none; }
  .hub-header .nav-links > a:first-child { display: none; }
  .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-head { align-items: stretch; flex-direction: column; gap: 22px; }
  .game-search { width: 100%; }
}
@media (max-width: 700px) {
  .hub-account .discord-button { padding: 11px 12px; font-size: .74rem; }
  .hub-hero { padding-top: 62px; }
  .hub-title-row h1 { font-size: clamp(4rem, 17vw, 6rem); }
  .steps-grid { grid-template-columns: 1fr; }
  .steps-grid article { min-height: 170px; }
  .steps-grid h3 { margin-top: 35px; }
}
@media (max-width: 600px) {
  .nav { flex-wrap: wrap; padding-block: 10px; }
  .nav-search { order: 3; flex: 1 0 100%; height: 40px; }
  .text-button { padding: 7px 4px; white-space: nowrap; font-size: .72rem; }
  .hub-header .nav { min-height: 68px; }
  .hub-header .brand { font-size: .76rem; }
  .hub-account { gap: 8px; }
  .hub-account .discord-button span { display: none; }
  .hub-user .user-avatar, .hub-user > span:not(.user-avatar), .hub-user .signout-link { display: none; }
  .hub-hero { padding: 52px 0 42px; }
  .hub-title-row { margin-top: 20px; }
  .hub-title-row p { margin-top: 23px; font-size: .95rem; }
  .hub-stat { display: none; }
  .game-catalog { padding-top: 25px; padding-bottom: 78px; }
  .catalog-head > div { grid-template-columns: 1fr; }
  .catalog-head .section-index { margin-bottom: 10px; }
  .catalog-meta span:last-child { display: none; }
  .game-grid { grid-template-columns: 1fr; }
  .game-card { aspect-ratio: 16 / 9; }
  .hub-steps { padding-block: 62px 72px; }
}

/* Each live directory keeps the shared layout and its own restrained accent and artwork. */
.pubg-page { --ember: #d9a52e; --ember-bright: #f5c94f; }
.pubg-page .scene { background-image: url('/assets/games/pubg-battlegrounds.jpg'); background-position: center; }
.dota-page { --ember: #d34b3f; --ember-bright: #ff7568; }
.dota-page .scene { background-image: url('/assets/games/dota-2.jpg'); background-position: center; }
.fortnite-page { --ember: #7d63ff; --ember-bright: #a899ff; }
.fortnite-page .scene { background-image: url('/assets/games/fortnite.jpg'); background-position: center; }
.valorant-page { --ember: #ff4655; --ember-bright: #ff7782; }
.valorant-page .scene { background-image: url('/assets/games/valorant.jpg'); background-position: center; }
.social-page { --ember: #5865f2; --ember-bright: #8490ff; }
.social-page .scene { background-image: url('/assets/games/other-games-social.jpg'); background-position: center; }
.minecraft-page { --ember: #62b449; --ember-bright: #91df73; }
.roblox-page { --ember: #e64747; --ember-bright: #ff7d7d; }
.farming-simulator-25-page { --ember: #64b948; --ember-bright: #a3e76f; }
.gta-online-page { --ember: #e65191; --ember-bright: #ff8abd; }
.fivem-gta-rp-page { --ember: #f29232; --ember-bright: #ffc06b; }
.rust-page { --ember: #ce4d32; --ember-bright: #f37859; }
.ark-survival-ascended-page { --ember: #49a8b8; --ember-bright: #7fdae9; }
.apex-legends-page { --ember: #df3f45; --ember-bright: #ff7278; }
.war-thunder-page { --ember: #b84d3c; --ember-bright: #ed7863; }
.overwatch-2-page { --ember: #f39a32; --ember-bright: #ffc469; }
.stardew-valley-page { --ember: #62a9e8; --ember-bright: #94d1ff; }
.team-fortress-2-page { --ember: #c56b42; --ember-bright: #f39b70; }
.ea-sports-fc-27-page { --ember: #72e436; --ember-bright: #a7ff72; }
.maplestory-classic-page { --ember: #ef8f32; --ember-bright: #ffd36b; --accent: #ef8f32; }
.minecraft-page .scene, .roblox-page .scene, .farming-simulator-25-page .scene, .gta-online-page .scene,
.fivem-gta-rp-page .scene, .rust-page .scene, .ark-survival-ascended-page .scene, .apex-legends-page .scene,
.war-thunder-page .scene, .overwatch-2-page .scene, .stardew-valley-page .scene, .team-fortress-2-page .scene,
.ea-sports-fc-27-page .scene, .maplestory-classic-page .scene { background-position: center; background-size: cover; }
.minecraft-page .scene { background-image: url('/assets/games/minecraft.jpg'); }
.roblox-page .scene { background-image: url('/assets/games/roblox.jpg'); }
.farming-simulator-25-page .scene { background-image: url('/assets/games/farming-simulator-25.jpg'); }
.gta-online-page .scene { background-image: url('/assets/games/gta-online.jpg'); }
.fivem-gta-rp-page .scene { background-image: url('/assets/games/fivem-gta-rp.jpg'); }
.rust-page .scene { background-image: url('/assets/games/rust.jpg'); }
.ark-survival-ascended-page .scene { background-image: url('/assets/games/ark-survival-ascended.jpg'); }
.apex-legends-page .scene { background-image: url('/assets/games/apex-legends.jpg'); }
.war-thunder-page .scene { background-image: url('/assets/games/war-thunder.jpg'); }
.overwatch-2-page .scene { background-image: url('/assets/games/overwatch-2.jpg'); }
.stardew-valley-page .scene { background-image: url('/assets/games/stardew-valley.jpg'); }
.team-fortress-2-page .scene { background-image: url('/assets/games/team-fortress-2.jpg'); }
.ea-sports-fc-27-page .scene { background-image: url('/assets/games/ea-sports-fc-27.jpg'); }
.maplestory-classic-page .scene { background-image: linear-gradient(90deg, rgba(5,13,13,.94) 0%, rgba(8,18,14,.73) 48%, rgba(9,15,12,.42) 100%), url('/assets/games/maplestory-classic.jpg'); }

.release-countdown { width: min(660px, 100%); margin-top: 30px; padding: 19px 22px; border: 1px solid rgba(167,255,114,.35); background: rgba(7,12,8,.76); backdrop-filter: blur(12px); }
.release-countdown > span { color: var(--ember-bright); font: 800 .65rem ui-monospace, Consolas, monospace; letter-spacing: .13em; text-transform: uppercase; }
.release-countdown > div { display: grid; grid-template-columns: repeat(4, auto 1fr); align-items: baseline; gap: 6px 12px; margin-top: 12px; }
.release-countdown strong { color: #fff; font: 800 clamp(1.5rem, 4vw, 2.5rem)/1 ui-monospace, Consolas, monospace; }
.release-countdown small { color: #8f9991; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.release-countdown p { margin: 12px 0 0; color: #c8cec9; font-size: .78rem; }
@media (max-width: 600px) { .release-countdown > div { grid-template-columns: repeat(4, 1fr); text-align: center; } .release-countdown > div strong { grid-row: 1; } .release-countdown > div small { grid-row: 2; } }

/* Counter-Strike 2 directory — a warmer, arena-lit treatment while retaining the shared layout. */
.cs2-page { --ember: #f2a640; --ember-bright: #ffc264; --accent: #f2a640; }
.cs2-page .scene {
  background-image: linear-gradient(90deg, rgba(6,8,10,.96) 0%, rgba(8,10,12,.79) 43%, rgba(8,10,12,.44) 100%), url('/assets/games/counter-strike-2.jpg');
  background-position: center;
  background-size: cover;
}
.cs2-page .eyebrow, .cs2-page .section-index, .cs2-page .filter-label { color: #f2a640; }
.cs2-page .primary-button, .cs2-page .add-server-button { border-color: #f2a640; box-shadow: 0 0 28px rgba(242,166,64,.12); }
.cs2-page .primary-button:hover, .cs2-page .add-server-button:hover { background: #f2a640; color: #12100b; }
.cs2-page .server-card.pinned { border-color: rgba(255,194,100,.72); box-shadow: 0 0 36px rgba(242,166,64,.18), inset 0 0 24px rgba(242,166,64,.04); }

.maintenance-gate { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 15%, rgba(230,112,50,.14), transparent 40%), #080b0c; }
.maintenance-panel { width: min(690px, 100%); padding: clamp(34px, 7vw, 76px); border: 1px solid rgba(255,255,255,.14); border-top: 3px solid var(--ember, #e67032); background: rgba(15,19,20,.94); box-shadow: 0 35px 100px rgba(0,0,0,.55); text-align: center; }
.maintenance-panel > span { color: var(--ember, #e67032); font: 800 .65rem ui-monospace, Consolas, monospace; letter-spacing: .18em; text-transform: uppercase; }
.maintenance-panel strong { display: block; margin: 19px 0; color: #f5f5f2; font-size: clamp(2rem, 6vw, 4rem); line-height: .96; letter-spacing: -.055em; }
.maintenance-panel p { color: #b7bcba; font-size: 1rem; line-height: 1.7; }
.maintenance-panel small { display: block; color: #737b78; }
.maintenance-panel a { display: inline-block; margin-top: 32px; color: #f5f5f2; font: 800 .68rem ui-monospace, Consolas, monospace; letter-spacing: .13em; text-transform: uppercase; }
/* WARDOGS live server browser */
.wardogs-server-body{min-height:100vh;background:#090b0b;color:#eeece5;background-image:linear-gradient(180deg,rgba(5,7,7,.58),#090b0b 48%),url('/assets/games/wardogs.jpg');background-size:cover;background-position:center top;background-attachment:fixed}.server-browser-header{background:rgba(8,10,10,.88);backdrop-filter:blur(14px)}.server-browser-main{padding-top:42px;padding-bottom:90px}.server-breadcrumb{display:flex;gap:10px;align-items:center;color:#777d79;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.server-breadcrumb a{color:#aeb4b0;text-decoration:none}.server-browser-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:48px 0 38px}.server-eyebrow{display:flex;gap:9px;align-items:center;color:#bdc1bd;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.server-eyebrow i{width:8px;height:8px;border-radius:50%;background:#6fe3a6;box-shadow:0 0 14px #6fe3a6}.server-eyebrow i.offline{background:#d36e3b;box-shadow:0 0 14px #d36e3b}.server-eyebrow i.stale{background:#d8b94c;box-shadow:0 0 14px #d8b94c}.server-browser-hero h1{margin:14px 0 12px;font-size:clamp(46px,7vw,90px);line-height:.84;text-transform:uppercase;letter-spacing:-.055em}.server-browser-hero h1 em{font-style:normal;color:#e77838}.server-browser-hero p{max-width:590px;color:#a7aca8;font-size:16px}.server-feed-clock{min-width:210px;border-left:2px solid #e77838;padding:6px 0 6px 18px;display:grid;gap:4px}.server-feed-clock span{font-size:10px;letter-spacing:.2em;color:#787f7a}.server-feed-clock strong{font-size:20px}.server-feed-clock small{color:#989e9a}.region-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.region-summary-card{appearance:none;text-align:left;background:rgba(15,17,16,.94);color:#e8e6de;border:1px solid #292d2a;border-radius:10px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.region-summary-card:hover,.region-summary-card.active{border-color:#e77838;background:#151714;transform:translateY(-2px)}.region-summary-card>strong{grid-column:1/-1;font-size:14px}.region-summary-card span{display:flex;flex-direction:column;color:#858b86;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.region-summary-card b{font-size:21px;color:#f0eee7;letter-spacing:-.03em}.region-summary-card small{grid-column:1/-1;color:#858b86;font-size:10px}.region-summary-card small b{font-size:11px;color:#c4c7c3}.server-browser-panel{background:rgba(12,14,13,.96);border:1px solid #2a2e2b;border-radius:12px;padding:20px}.server-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.server-panel-heading>div{display:flex;align-items:center;gap:10px}.server-panel-heading h2{margin:0;font-size:22px}.server-panel-heading>span{font-size:12px;color:#898f8a}.server-filter-grid{display:grid;grid-template-columns:2.2fr repeat(7,1fr);gap:8px;margin-bottom:20px}.server-filter-grid input,.server-filter-grid select{width:100%;height:40px;border:1px solid #303531;background:#101211;color:#d5d7d3;border-radius:5px;padding:0 11px;font:inherit;font-size:12px}.server-filter-grid input:focus,.server-filter-grid select:focus{outline:1px solid #e77838;border-color:#e77838}.server-table-wrap{overflow-x:auto}.live-server-table{width:100%;border-collapse:collapse;font-size:13px}.live-server-table th{text-align:left;color:#747a76;text-transform:uppercase;letter-spacing:.09em;font-size:10px;padding:10px 12px;border-bottom:1px solid #303431}.live-server-table td{padding:12px;border-bottom:1px solid #242825;color:#b8bcb8}.live-server-table td strong{color:#eeece5}.official-server-label{display:inline-block;margin-left:8px;color:#e9b43e;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.server-favourite,.server-expand{border:0;background:transparent;color:#a09d8e;cursor:pointer;font-size:18px}.server-favourite:hover,.server-expand:hover{color:#e77838}.server-detail-row td{background:#111411}.server-row-detail{display:flex;gap:24px;color:#8f958f;font-size:11px;padding:2px 0}.server-mobile-cards{display:none}.server-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding-top:18px}.server-pagination button,.server-feed-unavailable a{border:1px solid #e77838;color:#f1eee6;background:transparent;padding:10px 15px;text-decoration:none;border-radius:4px}.server-pagination button:disabled{opacity:.35}.server-feed-unavailable,.server-feed-empty{text-align:center;padding:70px 24px;border:1px dashed #373b38;background:linear-gradient(135deg,rgba(231,120,56,.07),transparent)}.server-feed-unavailable>span{color:#e77838;font-size:10px;letter-spacing:.18em}.server-feed-unavailable h3,.server-feed-empty h3{font-size:27px;margin:10px 0}.server-feed-unavailable p,.server-feed-empty p{max-width:620px;margin:0 auto 24px;color:#929892;line-height:1.6}.server-feed-empty p{margin-bottom:0}.live-server-card{background:#111311;border:1px solid #2b2f2c;border-radius:7px;padding:15px}.live-server-card-head{display:flex;align-items:center;gap:8px}.live-server-card-head h3{margin:0;flex:1;font-size:14px}.live-server-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.live-server-card-meta span{background:#1d211e;color:#aeb3ae;padding:5px 7px;border-radius:3px;font-size:10px}.live-server-population{display:block;font-size:22px;margin-bottom:10px}
@media(max-width:1150px){.region-summary{grid-template-columns:repeat(3,1fr)}.server-filter-grid{grid-template-columns:repeat(4,1fr)}.server-search{grid-column:span 2}}
@media(max-width:700px){.server-browser-main{padding-top:24px}.server-browser-hero{align-items:flex-start;flex-direction:column;padding:32px 0}.server-browser-hero h1{font-size:50px}.server-feed-clock{width:100%}.region-summary{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.region-summary-card{min-width:210px;scroll-snap-align:start}.server-browser-panel{padding:14px}.server-panel-heading{align-items:flex-start;gap:10px}.server-filter-grid{grid-template-columns:1fr 1fr}.server-search{grid-column:1/-1}.server-table-wrap{display:none}.server-mobile-cards{display:grid;gap:9px}.server-row-detail{flex-direction:column;gap:5px}.server-pagination{justify-content:space-between}.server-browser-header .nav{align-items:flex-start}.server-browser-header .nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.server-browser-header .discord-button{width:auto}}

/* WARDOGS destination chooser */
body.chooser-open{overflow:hidden}.wardogs-chooser{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(2,4,4,.82);backdrop-filter:blur(14px)}.wardogs-chooser[hidden]{display:none}.wardogs-chooser-panel{position:relative;width:min(940px,100%);padding:clamp(28px,5vw,54px);border:1px solid rgba(232,120,56,.42);background:linear-gradient(135deg,rgba(18,21,19,.99),rgba(7,9,9,.99));box-shadow:0 36px 110px rgba(0,0,0,.74),inset 0 1px rgba(255,255,255,.04)}.wardogs-chooser-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#e77838,transparent 62%)}.wardogs-chooser-close{position:absolute;right:18px;top:16px;border:0;background:transparent;color:#9ca19d;font-size:31px;cursor:pointer}.wardogs-chooser-close:hover{color:#fff}.wardogs-chooser-kicker{color:#e77838;font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.2em}.wardogs-chooser-panel>h2{margin:10px 0 7px;color:#f3f0e8;font-size:clamp(30px,5vw,54px);letter-spacing:-.045em}.wardogs-chooser-panel>p{margin:0 0 28px;color:#969c97}.wardogs-chooser-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wardogs-choice-card{position:relative;min-height:310px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#f1eee7;text-decoration:none;overflow:hidden;border:1px solid #3a3e39;background-position:center;background-size:cover;isolation:isolate;transition:transform .2s,border-color .2s}.wardogs-choice-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(6,8,8,.06),rgba(6,8,8,.97) 82%)}.wardogs-choice-card.server-list{background-image:url('/assets/games/wardogs.jpg')}.wardogs-choice-card.discord-groups{background-image:linear-gradient(135deg,rgba(44,23,13,.2),transparent),url('/assets/games/wardogs.jpg');background-position:70% center}.wardogs-choice-card:hover,.wardogs-choice-card:focus{transform:translateY(-4px);border-color:#e77838;outline:none}.wardogs-choice-card>span{color:#e77838;font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.15em}.wardogs-choice-card>strong{margin:9px 0;font-size:clamp(25px,3vw,38px);line-height:.93;letter-spacing:-.035em}.wardogs-choice-card>small{max-width:360px;color:#aeb2ad;line-height:1.5}.wardogs-choice-card>b{margin-top:20px;color:#f0a06e;font-size:12px;text-transform:uppercase;letter-spacing:.09em}@media(max-width:650px){.wardogs-chooser{padding:12px}.wardogs-chooser-panel{max-height:94vh;overflow:auto;padding:27px 18px 18px}.wardogs-chooser-options{grid-template-columns:1fr}.wardogs-choice-card{min-height:210px;padding:20px}.wardogs-chooser-panel>p{margin-bottom:18px}}
.server-data-credit{margin:-10px 0 16px;color:#747b76;font-size:11px;text-align:right}.server-data-credit a{color:#d88958;text-decoration:none}.server-data-credit a:hover{text-decoration:underline}@media(max-width:700px){.server-data-credit{text-align:left}}

/* WARDOGS operations-board preview: intentionally distinct from the data provider's grid/table */
.operations-board{display:grid;grid-template-columns:minmax(320px,.87fr) minmax(520px,1.13fr);gap:13px;margin:0 0 27px}.operations-overview{position:relative;min-height:410px;display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;padding:30px;border:1px solid #744024;color:#f3efe5;background:linear-gradient(150deg,rgba(20,24,20,.94) 7%,rgba(20,24,20,.75) 42%,rgba(7,10,9,.97) 100%),url('/assets/games/wardogs.jpg') center/cover;cursor:pointer;box-shadow:inset 0 0 60px rgba(0,0,0,.4)}.operations-overview:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.operations-overview:after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#e77838;box-shadow:0 0 25px rgba(231,120,56,.55)}.operations-overview-top,.operations-overview-footer{display:flex;justify-content:space-between;gap:10px;font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.14em}.operations-status{color:#e3b89e}.operations-status i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#8fd7a7;box-shadow:0 0 10px #8fd7a7}.operations-coordinate{color:#696e68}.operations-overview>strong{margin:47px 0 28px;font-size:clamp(30px,3.25vw,48px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase}.operations-overview>strong em{font-style:normal;color:#e77838}.operations-overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:auto 0 28px}.operations-overview-stats>span{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.22);padding-top:13px}.operations-overview-stats b{color:#fff;font-size:clamp(27px,3vw,43px);line-height:1;letter-spacing:-.04em}.operations-overview-stats small{margin-top:8px;color:#a6aaa2;font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.13em}.operations-overview-footer{color:#b2b9ae}.operations-overview-footer>span:last-child{color:#e77838}.operations-overview-footer b{color:#fff}.operations-overview:hover,.operations-overview:focus-visible{border-color:#e77838;outline:none}.operations-region-rail{border:1px solid #343a34;background:rgba(8,11,10,.9);padding:14px 22px}.operations-rail-label{display:flex;justify-content:space-between;align-items:center;padding:7px 0 13px;color:#e77838;font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.18em}.operations-rail-label small{color:#69736a;font-size:10px}.operations-region{width:100%;min-height:68px;display:grid;grid-template-columns:minmax(150px,1.8fr) minmax(75px,.7fr) minmax(75px,.8fr) 18px;align-items:center;gap:12px;padding:8px 6px;background:transparent;border:0;border-top:1px solid #2a302b;color:#dddcd5;text-align:left;cursor:pointer;transition:background .18s,padding .18s}.operations-region:hover,.operations-region.active{padding-left:14px;background:rgba(232,116,52,.09)}.operations-region.active{box-shadow:inset 3px 0 #e77838}.operations-region>span:not(.sr-only){display:flex;flex-direction:column;gap:2px}.operations-region strong{font-size:15px}.operations-region b{font-size:18px;color:#fff}.operations-region small{color:#727c72;font:800 9px ui-monospace,Consolas,monospace;letter-spacing:.12em}.operations-region-arrow{color:#e77838;font-size:16px}.server-browser-panel{padding:0 0 22px;border-radius:0;border-color:#323a32;background:rgba(8,11,10,.94)}.server-panel-heading{padding:25px 26px 10px;margin:0}.server-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 26px 22px;margin:0}.server-filter-grid .server-search{grid-column:span 2}.server-filter-grid input,.server-filter-grid select{height:44px;border-color:#344037;background:#151d18;font-size:12px}.server-strip-list{display:grid;gap:1px;background:#2a322b;border-top:1px solid #2a322b;border-bottom:1px solid #2a322b}.server-strip{display:grid;grid-template-columns:minmax(175px,1.2fr) minmax(100px,.85fr) minmax(130px,1fr) minmax(140px,.8fr) minmax(110px,.75fr);align-items:center;gap:16px;padding:17px 26px;color:#edece4;background:#101510;transition:background .18s}.server-strip:hover{background:#19221a}.server-strip-identity{display:flex;align-items:center;gap:12px;min-width:0}.server-strip-marker{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid rgba(231,120,56,.45);color:#e77838;font-size:17px}.server-strip-title{min-width:0;display:flex;flex-direction:column;gap:5px}.server-strip-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.server-strip-title small{color:#ad714d}.server-strip-theatre,.server-strip-mission,.server-strip-population{min-width:0;display:flex;flex-direction:column;gap:5px}.server-strip-theatre>strong,.server-strip-mission>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dddcd5;font-size:12px}.server-strip small{font:800 9px ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#717d71}.server-strip-population>strong{font-size:16px;letter-spacing:-.02em}.server-capacity-track{display:block;width:100%;height:4px;background:#29372c}.server-capacity-fill{display:block;height:100%;background:linear-gradient(90deg,#94b97c,#e77838)}.server-strip-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.server-strip-actions>small{grid-column:1/-1}.server-strip-actions .server-favourite{justify-self:start}.server-strip-details{padding:5px 0;border:0;background:transparent;color:#e77838;font:800 10px ui-monospace,Consolas,monospace;cursor:pointer;letter-spacing:.08em}.server-strip>.server-row-detail{grid-column:1/-1;border-top:1px solid #364237;padding-top:15px}.server-strip>.server-row-detail[hidden]{display:none}.server-pagination{padding:20px 26px 0}.server-feed-unavailable,.server-feed-empty{margin:0 26px}.server-data-credit{padding:0 26px;margin:0 0 8px}
@media(max-width:1150px){.operations-board{grid-template-columns:1fr}.operations-overview{min-height:300px}.operations-overview>strong{margin:28px 0 18px}.operations-region-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.operations-rail-label{grid-column:1/-1}.server-strip{grid-template-columns:1.2fr .8fr 1fr .8fr}.server-strip-mission{display:none}}
@media(max-width:700px){.operations-board{gap:8px}.operations-overview{min-height:285px;padding:23px}.operations-overview>strong{font-size:33px;margin:27px 0 20px}.operations-overview-stats b{font-size:28px}.operations-overview-footer{font-size:9px}.operations-region-rail{grid-template-columns:1fr;padding:12px 16px}.operations-region{min-height:56px;grid-template-columns:minmax(110px,1.5fr) 65px 65px 14px;gap:7px}.operations-region strong{font-size:13px}.operations-region b{font-size:15px}.server-panel-heading{padding:20px 18px 10px}.server-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 18px 18px}.server-strip{grid-template-columns:1fr auto;gap:12px;padding:17px 18px}.server-strip-identity{grid-column:1/-1}.server-strip-theatre,.server-strip-mission{display:flex}.server-strip-mission{grid-column:1/-1}.server-strip-population{grid-column:1}.server-strip-actions{grid-column:2;grid-row:3 / span 2}.server-strip-actions>small{max-width:100px}.server-strip>.server-row-detail{grid-column:1/-1}.server-data-credit{padding:0 18px}.server-feed-unavailable,.server-feed-empty{margin:0 18px}.server-pagination{padding:18px 18px 0}}
.server-player-range{grid-column:1 / span 2;min-width:0;margin:0;padding:7px 12px 8px;border:1px solid #344037;background:#151d18;color:#d5d7d3}.server-player-range legend{padding:0 5px;color:#7f8981;font:800 9px ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.server-player-range output{display:block;margin-bottom:5px;color:#f0eee7;font-size:12px}.server-player-range label{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:6px;color:#858e87;font-size:9px;text-transform:uppercase}.server-player-range input[type=range]{height:13px;padding:0;border:0;background:transparent;accent-color:#e77838}.server-player-range input[type=range]:focus{outline:1px solid #e77838}@media(max-width:700px){.server-player-range{grid-column:1/-1}}
@media(max-width:700px){.server-strip-actions{grid-row:2;align-self:center}.server-strip-mission{grid-row:3}.server-strip-population{grid-row:4;grid-column:1/-1}.server-strip-actions>small{white-space:nowrap;max-width:none}}
.server-panel-tools{display:flex;justify-content:flex-end;gap:8px;padding:0 26px 6px}.server-panel-tools button{border:1px solid #3b493d;background:#18211a;color:#e2e7dc;padding:8px 12px;font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.08em;cursor:pointer}.server-panel-tools button:hover,.server-panel-tools button:focus-visible{border-color:#e77838;color:#fff}.server-sort-hint{margin:0;padding:0 26px 14px;color:#929e90;font-size:11px}.server-strip-sort-label{width:max-content;max-width:100%;padding:2px 0;border:0;background:transparent;color:#798779!important;text-align:left;font:800 9px ui-monospace,Consolas,monospace;letter-spacing:.12em;cursor:pointer}.server-strip-sort-label:hover,.server-strip-sort-label:focus-visible,.server-strip-sort-label.active{color:#e77838!important;text-decoration:underline;text-underline-offset:4px}.server-strip-actions>.server-strip-sort-label{grid-column:1/-1;justify-self:start;white-space:nowrap}.server-join-copy{padding:8px 11px;border:1px solid #e77838;background:#211a13;color:#f4b086;font:800 11px ui-monospace,Consolas,monospace;letter-spacing:.08em;cursor:pointer}.server-join-copy:hover,.server-join-copy:focus-visible{background:#e77838;color:#111}.server-seo-help{margin:42px 0 62px;padding:25px 28px;border:1px solid #344035;background:#111813}.server-seo-help h2{margin:8px 0 12px;font-size:25px}.server-seo-help h3{margin:23px 0 7px;font-size:15px}.server-seo-help p{max-width:850px;color:#a9b2a7;line-height:1.7;font-size:13px}.site-footer a{color:#eaa179}
@media(max-width:700px){.server-panel-tools{padding:0 18px 10px}.server-sort-hint{padding:0 18px 14px}.server-seo-help{padding:20px}.server-strip-actions>.server-strip-sort-label{font-size:8px}}
.server-favourite[aria-pressed="true"]{color:#ffd36a;text-shadow:0 0 11px rgba(255,211,106,.72)}.server-favourite[aria-pressed="true"]:hover,.server-favourite[aria-pressed="true"]:focus-visible{color:#ffe8a6;text-shadow:0 0 16px rgba(255,211,106,.95);outline:none}
.server-panel-tools{flex-wrap:wrap}.server-panel-tools #serverFavourites{margin-right:auto;border-color:#755b31;color:#d9b46d}.server-panel-tools #serverFavourites:hover,.server-panel-tools #serverFavourites:focus-visible,.server-panel-tools #serverFavourites.active{border-color:#e6bc67;background:#352918;color:#ffe4a2;box-shadow:0 0 14px rgba(230,188,103,.16)}

/* Search-friendly Discord server profiles */
.profile-body{min-height:100vh;background:#090c0d;color:#eef0ed}.profile-glow{position:fixed;inset:-25vh -15vw auto;height:70vh;pointer-events:none;background:radial-gradient(circle at 70% 20%,rgba(88,101,242,.16),transparent 42%),radial-gradient(circle at 30% 35%,rgba(230,112,50,.11),transparent 38%)}.profile-header{position:relative;background:rgba(8,11,12,.82);backdrop-filter:blur(16px)}.profile-body main{position:relative;padding:42px 0 100px}.profile-body .seo-breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#727a78;font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.profile-body .seo-breadcrumbs a{color:#aeb5b2;text-decoration:none}.profile-body .seo-breadcrumbs a:hover{color:#fff}.server-profile{display:grid;gap:18px}.server-profile-hero{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) minmax(210px,auto);align-items:center;gap:32px;min-height:310px;padding:44px;border:1px solid #313738;background:linear-gradient(125deg,rgba(17,22,23,.97),rgba(9,12,13,.92));box-shadow:0 28px 90px rgba(0,0,0,.35);overflow:hidden}.server-profile-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#e67032,#5865f2)}.server-profile-avatar{width:150px;height:150px;display:grid;place-items:center;overflow:hidden;border:1px solid #424949;background:#121719;box-shadow:0 15px 45px rgba(0,0,0,.42)}.server-profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.server-profile-heading{min-width:0}.server-profile-heading h1{margin:10px 0 14px;font-size:clamp(38px,5vw,72px);line-height:.9;letter-spacing:-.055em;overflow-wrap:anywhere}.server-profile-heading p{max-width:720px;margin:0;color:#aeb5b2;line-height:1.7}.server-profile-action{display:grid;justify-items:stretch;gap:12px;min-width:210px}.profile-join-button{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 17px;border:1px solid #6d77ff;background:#5865f2;color:#fff;text-decoration:none;font:800 11px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.profile-join-button:hover{background:#6873ff}.profile-join-button[aria-disabled="true"]{border-color:#414747;background:#1a1f20;color:#7d8583}.server-profile-action small{color:#7f8885;font-size:11px;text-align:center}.server-profile-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);gap:18px}.server-profile-details>div,.server-profile-details>aside,.server-profile-related{padding:32px;border:1px solid #2d3334;background:rgba(13,17,18,.94)}.server-profile-details h2,.server-profile-related h2{margin:9px 0 13px;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}.server-profile-details p{max-width:820px;color:#a4acaa;line-height:1.75}.server-profile-details .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.server-profile-details .tags span{padding:7px 9px;border:1px solid #353c3d;background:#151a1b;color:#bac1be;font-size:11px}.server-profile-details aside{display:grid;align-content:start;gap:8px}.server-profile-details aside span{margin-top:9px;color:#69716f;font:800 9px ui-monospace,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.server-profile-details aside a,.server-profile-details aside strong{color:#f0f2ef;text-decoration:none;font-size:15px}.server-profile-details aside a:hover{color:#e9905f}.server-profile-related>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.server-profile-related a{padding:14px;border:1px solid #343a3b;color:#cfd4d1;text-decoration:none;font-size:12px}.server-profile-related a:hover{border-color:#e67032;color:#fff}.server-details-link{display:inline-flex;margin-top:7px;color:#d98a5f;text-decoration:none;font-size:11px}.server-details-link:hover{text-decoration:underline}
@media(max-width:900px){.server-profile-hero{grid-template-columns:110px 1fr}.server-profile-avatar{width:110px;height:110px}.server-profile-action{grid-column:1/-1}.server-profile-details{grid-template-columns:1fr}.server-profile-related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.profile-body main{padding-top:24px}.profile-header .nav{align-items:flex-start}.profile-header .nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.profile-header .games-link{display:none}.server-profile-hero{grid-template-columns:72px 1fr;gap:18px;padding:25px 20px;min-height:0}.server-profile-avatar{width:72px;height:72px}.server-profile-heading h1{font-size:34px}.server-profile-heading p{grid-column:1/-1}.server-profile-action{grid-column:1/-1;min-width:0}.server-profile-details>div,.server-profile-details>aside,.server-profile-related{padding:23px 20px}.server-profile-related>div{grid-template-columns:1fr}.profile-body .seo-breadcrumbs{overflow-x:auto;white-space:nowrap}}

/* Keep live game-server names fully readable at every viewport size. */
.server-strip-title strong{overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.35}
.maple-guild-option{margin:18px 0;border:1px solid rgba(155,212,107,.28);background:linear-gradient(135deg,rgba(57,91,43,.18),rgba(12,19,14,.82));padding:16px}.maple-guild-toggle{display:flex!important;align-items:flex-start;gap:12px;cursor:pointer}.maple-guild-toggle>input{width:18px;height:18px;margin-top:2px;accent-color:#9bd46b}.maple-guild-toggle>span{display:grid;gap:4px}.maple-guild-toggle strong{color:#eef5e8;font-size:13px}.maple-guild-toggle small{color:#89968a;line-height:1.45}.maple-guild-fields{margin-top:16px;padding-top:16px;border-top:1px solid rgba(155,212,107,.18)}.maple-guild-fields[hidden]{display:none}.maple-guild-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.server-card.guild-recruiting{border-color:rgba(155,212,107,.42);box-shadow:inset 3px 0 #79b95a}.maple-guild-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:-2px 0 13px;padding:10px 12px;border:1px solid rgba(155,212,107,.25);background:rgba(69,110,50,.12)}.maple-guild-summary>span{color:#07100a;background:#9bd46b;padding:5px 7px;font:800 9px ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.maple-guild-summary>strong{color:#edf5e7}.maple-guild-summary>small{color:#b9c8b4;font:700 10px ui-monospace,Consolas,monospace;text-transform:uppercase}@media(max-width:650px){.maple-guild-field-grid{grid-template-columns:1fr}.maple-guild-summary{grid-template-columns:1fr}.maple-guild-summary>span{width:max-content}}