@font-face{font-family:'e-Ukraine';src:url('/assets/media/fonts/e-Ukraine-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'e-Ukraine';src:url('/assets/media/fonts/e-Ukraine-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'e-Ukraine';src:url('/assets/media/fonts/e-Ukraine-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--accent:#00c5e5;--text:#f0f0ed;--muted:#a3b0b9;--line:#ffffff19;--panel:#182630;--green:#a5cfbd;--font:'e-Ukraine',sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#101920;background-image:radial-gradient(ellipse at 28% 0%,#29445240,transparent 65%),linear-gradient(115deg,#15263270,#101920);background-attachment:fixed;color:var(--text);font:400 14px/1.6 var(--font);font-synthesis:none;min-height:100vh}
button,input,select,textarea{font:400 13px/1.5 var(--font);color:inherit;font-synthesis:none}
button{cursor:pointer;border:0;background:none;padding:0;transition:background .15s,color .15s}
a{color:inherit;text-underline-offset:4px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,tr:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
button:disabled{opacity:.45;cursor:default}
button:hover,a:hover{color:var(--accent)}
[hidden]{display:none!important}
.icon{display:inline-block;width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;pointer-events:none}
.shell{max-width:1720px;padding:0 32px;margin:auto;position:relative}
.top{display:flex;align-items:center;gap:36px;min-height:90px;border-bottom:1px solid var(--line)}
.brand{width:194px;flex-shrink:0;text-decoration:none;font-size:30px;font-weight:700;font-style:italic;letter-spacing:-1.6px;line-height:1.1}
.brand span{color:var(--accent)}
.brand small{display:block;font-size:8px;font-weight:400;font-style:normal;letter-spacing:1.6px;color:var(--muted);margin-top:11px}
.top-label{margin-right:auto;font-size:12px;color:var(--muted);line-height:1.8}
.top-label strong{font-weight:400;color:var(--text)}
.metric{padding-left:24px;border-left:1px solid var(--line);min-width:130px}
.metric b{font-size:27px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--accent)}
.metric small{display:block;max-width:166px;color:var(--muted);font-size:10px;line-height:1.6;margin-top:8px}
.languages{display:flex;gap:2px;margin-left:auto;flex-shrink:0}
.languages a{font-size:11px;padding:8px;text-decoration:none;color:var(--muted)}
.languages a[aria-current]{color:var(--accent)}
.workspace{display:grid;grid-template-columns:194px minmax(0,1fr) 280px;gap:28px;align-items:start;padding-top:25px}
.sidebar{padding-top:4px}
.eyebrow{font-size:10px;font-weight:400;color:var(--muted);margin:0 0 18px;letter-spacing:.3px}
.nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;padding:11px 15px;margin:0 0 3px;font-size:14px;font-weight:700;text-transform:uppercase;border-radius:2px;color:#eeeef0;min-height:43px}
.nav-item:hover{background:#ffffff05}
.nav-item.active{background-color:var(--accent);color:#09212a;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}
.nav-item span{font-size:10px;font-weight:400;color:var(--muted)}.nav-item.active span{color:#4c4729}
.nav-divider{height:1px;background:var(--line);margin:25px 15px}
.sidebar .account-link,.sidebar .connect-open{margin-top:3px!important;background:none;justify-content:flex-start;padding-left:15px;font-weight:700;text-transform:uppercase;font-size:12px}.sidebar .secondary:hover{background:#ffffff07}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.section-heading .eyebrow{margin-bottom:8px;font-size:10px}
h1,h2,h3{font-family:var(--font);font-weight:400;line-height:1.4;margin:0}
h1{font-size:29px;font-weight:700;letter-spacing:-.8px;overflow-wrap:anywhere}
.sync{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;flex-shrink:0}
.sync span{max-width:95px;text-align:right;line-height:1.6}
.sync button{width:36px;height:36px;border-radius:3px;display:grid;place-items:center;color:#c7c6be}
.sync button:hover{background:#ffffff09}
.tools{display:flex;gap:9px;min-height:40px}
.search{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:0 14px;background:#12212b70;border:0;border-bottom:1px solid #ffffff25;border-radius:2px;color:var(--muted)}
.search:focus-within{border-color:#00c5e580}
.search input{min-width:0;flex:1;width:100%;border:0;background:none;font-size:12px;padding:10px 0;outline:none;color:var(--text)}
.search input::placeholder{color:#93948f}
kbd{font:400 10px var(--font);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 5px}
.filter-button{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;background:#ffffff05;border-radius:3px;font-size:11px;white-space:nowrap}
.filter-button:hover,.filter-button[aria-expanded=true]{background:#ffffff0a}
.filters{display:flex;gap:20px;align-items:center;padding:16px 4px;font-size:12px}
.filters label{display:flex;align-items:center;gap:6px}
.filters input{accent-color:var(--accent);width:15px;height:15px}
.filters button{font-size:12px;color:var(--accent);margin-left:auto}
.list-meta{display:flex;justify-content:space-between;gap:15px;margin:23px 0 12px;font-size:11px;color:var(--muted)}
.table-wrap{min-height:172px;overflow:auto;scrollbar-width:thin;scrollbar-color:#77766b #252727}
table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}
th{font-size:10px;font-weight:400;color:var(--muted);height:34px;border-bottom:1px solid var(--line)}
th button{font-size:10px;display:flex;align-items:center;gap:4px;color:inherit}
th .icon{width:12px;height:12px;color:#a9a78f}
th:nth-child(1){width:33px}th:nth-child(3){width:75px}th:nth-child(4){width:82px}th:nth-child(5){width:77px}
td{padding:9px 5px;height:55px;border-bottom:1px solid var(--line);font-size:11px}
tbody tr{cursor:pointer}
tbody tr:nth-child(even){background:#ffffff03}tbody tr:hover{background:#ffffff08}
tbody tr.selected{background:linear-gradient(90deg,#00c5e515,#00c5e504);box-shadow:inset 3px 0 var(--accent)}
.favorite{display:grid;place-items:center;width:28px;height:34px;border-radius:6px;color:#79919f}
.favorite .icon{width:16px;height:16px}.favorite:hover{background:#ffffff09;color:var(--accent)}
.favorite.saved{color:var(--accent)}.favorite.saved .icon{fill:#00c5e533}
.server-title{min-width:0}
.server-title strong{display:block;font-size:12px;font-weight:400;line-height:1.7;overflow-wrap:anywhere}
.server-title strong a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}
.server-title strong a:hover{color:var(--accent)}
.server-title small{display:block;font-size:10px;color:#9babb5;margin-top:4px}
.players{font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.players small{font-size:9px;color:var(--muted)}
.capacity{display:block;width:46px;height:2px;background:#ffffff0a;margin-top:7px}.capacity i{height:100%;display:block;background:#a6a18d}
.map-name{font-size:10px;color:#c1c2b9}.ping{color:var(--muted)}
.status{font-size:10px;line-height:1.4;color:var(--green)}.status.full{color:var(--accent)}.status.offline{color:var(--muted)}
.list-bottom{display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-size:9px;color:#858a85}
.detail{padding-left:26px;border-left:1px solid var(--line);position:sticky;top:24px;min-width:0}
.detail-top{color:var(--muted);font-size:11px;margin:5px 0 18px}
.map-art{position:relative;height:172px;background:#292d2c;overflow:hidden;border-radius:2px;isolation:isolate}
.map-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.map-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#101414d9)}
.map-art>div{position:absolute;bottom:16px;left:16px;right:12px;z-index:1}
.map-art small{font-size:9px;color:#d3d4c9}
.map-art strong{display:block;font-size:23px;font-weight:400;line-height:1.3;margin-top:6px}
.art-tag{position:absolute;left:16px;top:16px;font-size:11px;color:var(--muted);z-index:1}
.detail h2{font-size:17px;font-weight:500;line-height:1.65;margin:21px 0 7px;overflow-wrap:anywhere}
.detail-sub{color:var(--muted);font-size:11px;margin:0}
.detail-stats{display:flex;gap:15px;margin:25px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail-stats>div{flex:1;min-width:0}
.detail-stats b{display:block;font-size:22px;font-weight:400;color:var(--text)}.detail-stats b small{font-size:10px;color:var(--muted)}
.detail-stats span{font-size:9px;color:var(--muted);display:block;margin-top:5px}
.detail dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;margin:24px 0}.detail dt{color:var(--muted)}.detail dd{margin:0;text-align:right;overflow-wrap:anywhere}
.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:12px 15px;border-radius:3px;font-size:12px;font-weight:500;text-decoration:none;line-height:1.5}
.primary{background:var(--accent);color:#09212a;clip-path:polygon(1% 0,100% 0,99% 100%,0 100%)}.primary:hover{background:#59dbed;color:#09212a}
.secondary{background:transparent;color:#becbd3;margin-top:9px}.secondary:hover{background:#ffffff07;color:var(--text)}
.secondary .icon{width:16px;height:16px}.secondary[aria-pressed=true] .icon{fill:#00c5e533}
.profile-link{display:block;font-size:11px;color:var(--muted);text-align:center;margin-top:12px;text-decoration:none;padding:8px}
.detail-note{font-size:11px;color:var(--muted);line-height:1.85;margin:20px 0 14px}
.server-code{display:block;border-radius:6px;background:#ffffff03;padding:11px;font:10px/1.8 var(--font);color:#9da69d;overflow-wrap:anywhere;user-select:all}
.activity{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.activity .eyebrow{font-size:10px;margin-bottom:12px}
.event{font-size:11px;color:#b9bdb2;line-height:1.8}.event small{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}
.detail-placeholder,.empty{font-size:12px;color:var(--muted);line-height:1.8}.empty{text-align:center;padding:40px 14px}.empty b{font-weight:400;font-size:17px;color:var(--text)}.empty button{font-size:12px;color:var(--accent);padding:8px}
.statistics{padding:26px 0;margin-top:25px;border-top:1px solid var(--line)}.statistics:empty{display:none}
.statistics-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.statistics h2{font-size:16px;font-weight:500}
.statistics select{background:#ffffff04;border:1px solid var(--line);border-radius:3px;font-size:11px;padding:8px;max-width:170px}
.history-windows{display:flex;gap:7px;margin-top:20px}.history-windows button{font-size:11px;color:var(--muted);padding:7px 10px;border-radius:2px}
.history-windows button[aria-pressed=true]{color:#24212a;background:var(--accent)}
.history-summary{display:flex;justify-content:space-between;gap:20px;margin-top:25px}.history-summary strong{font-size:24px;font-weight:400;display:block;line-height:1.4}.history-summary span{display:block;font-size:10px;color:var(--muted);margin-top:7px}
.history-chart{display:block;width:100%;margin-top:22px}.history-chart .grid{stroke:#ffffff0a;fill:none}.history-chart .series{stroke:var(--accent);stroke-width:1.8;fill:none}.history-chart .points{fill:var(--accent)}.history-chart text{font:400 9px var(--font);fill:#99adb9}
.history-note,.history-credit{font-size:10px;line-height:1.9;color:var(--muted)}.history-empty{font-size:12px;color:var(--muted);padding:30px 0}.history-values{font-size:11px;margin-top:20px}.history-values summary{cursor:pointer;color:#b4c1ca}.history-values>div{max-height:280px;overflow:auto}.history-values th,.history-values td{display:table-cell!important;width:auto!important;font-size:10px;padding:7px;height:36px;overflow-wrap:anywhere}.history-values tr{cursor:default}.history-values p{font-size:11px;overflow-wrap:anywhere}
.back-link{display:inline-block;color:var(--muted);font-size:11px;text-decoration:none;margin:0 0 20px}
.discovery{display:grid;grid-template-columns:1fr 1.35fr;gap:65px;padding:40px 0;margin-top:40px;border-top:1px solid var(--line)}.discovery h2{font-size:21px}.discovery p{font-size:12px;line-height:1.95;color:#a5b3bd}.discovery .transparency{font-size:11px;color:var(--muted)}.wardogs-guide h3{font-size:14px;margin-top:25px}.wardogs-guide h3:first-child{margin-top:0}
footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;min-height:65px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer b{font-weight:400;margin-left:15px}footer>div{display:block}footer kbd{background:var(--accent);color:#09212a;border:0;border-radius:1px;margin:0 6px 0 14px;padding:3px 6px}footer kbd:first-child{margin-left:0}
.attribution{display:flex;justify-content:space-between;gap:25px;font-size:9px;line-height:1.8;color:#8c9eaa;margin:0 0 22px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:13px 20px;border-radius:9px;background:var(--accent);color:#09212a;font-size:12px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.toast.visible{opacity:1}
dialog{width:calc(100% - 32px);max-width:530px;max-height:90vh;overflow:auto;border:1px solid #ffffff12;border-radius:14px;padding:28px;background:#252929;color:var(--text);box-shadow:0 24px 100px #0005}dialog::backdrop{background:#090d0dc9}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:22px}.dialog-heading button{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;color:var(--muted)}.dialog-heading button:hover{background:#ffffff0a}
dialog p{font-size:12px;color:#a5b3bd;line-height:1.9}dialog label,.submission label{display:block;font-size:11px;color:#bac7cf;margin:18px 0 8px}
dialog input,dialog textarea,.submission textarea{display:block;width:100%;border:1px solid #ffffff14;border-radius:7px;padding:11px 12px;background:#111e27;color:var(--text);font:400 12px/1.8 var(--font);resize:vertical}
dialog .primary{margin-top:20px}#connect-error,#account-error{font-size:12px;line-height:1.8;color:#dfab99;min-height:10px}
.community-description{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.community-links{display:flex;gap:20px;font-size:12px;margin:18px 0}.community-links a{color:var(--accent)}
.account-shell{max-width:1100px}.account-main{max-width:900px;padding:35px 0;margin:auto}.account-main h1{font-size:27px}.account-main p{font-size:12px;color:#a5b3bd;line-height:1.9}
.account-heading,.submission-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-heading .secondary{width:auto;padding:10px 22px}
.submission{border-top:1px solid var(--line);margin-top:26px;padding:25px 0}.submission h2{font-size:18px}.submission-heading span{font-size:11px;color:var(--muted)}.submission code{font:12px/1.8 var(--font);overflow-wrap:anywhere}
.review-actions{display:flex;gap:12px;margin-top:15px}.review-actions button{width:auto;padding:12px 22px}.account-empty{padding:25px 0}.error-page{max-width:800px;padding:35px;margin:12vh auto}.error-page a{color:var(--accent)}
@media(min-width:1500px){.workspace{grid-template-columns:210px minmax(0,1fr) 310px;gap:40px}.brand{width:210px}.server-title strong{font-size:13px}}
@media(max-width:1200px){.shell{padding:0 24px}.workspace{grid-template-columns:155px minmax(0,1fr) 245px;gap:23px}.brand{width:155px;font-size:25px}.top-label{display:none}.metric{margin-left:auto}.top{gap:20px}.detail{padding-left:20px}.server-title strong{font-size:11px}th:nth-child(4){width:67px}.nav-item{font-size:12px;padding:12px}.sync span{display:none}}
@media(max-width:950px){.workspace{grid-template-columns:155px minmax(0,1fr)}.sidebar{grid-row:1/3}.detail{position:static;grid-column:2;padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.detail .map-art{height:230px}.discovery{gap:30px}}
@media(max-width:650px){.shell{padding:0 18px}.top{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;padding:25px 0;min-height:0}.brand{width:auto;grid-row:1;grid-column:1;font-size:24px}.brand small{font-size:7px;letter-spacing:1.4px}.languages{grid-row:1;grid-column:2;justify-self:end;margin:0;gap:1px}.languages a{padding:6px;font-size:10px}.metric{grid-row:2;min-width:0;padding:0;border:0;margin:0}.metric b{font-size:25px}.metric small{font-size:10px;max-width:none}.workspace{display:flex;flex-direction:column;gap:25px;padding-top:22px}.sidebar{width:100%;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.sidebar>nav{grid-column:1/-1;display:flex;gap:4px}.sidebar>.eyebrow,.nav-divider{display:none}.nav-item{flex:1;width:auto;justify-content:center;padding:11px 7px;min-height:42px;font-size:10px;gap:5px}.nav-item span{font-size:10px}.sidebar .secondary{font-size:11px;padding:10px;margin-top:10px!important}.workspace main{width:100%;min-width:0}.section-heading{gap:12px;margin-bottom:20px}.section-heading .eyebrow{font-size:9px}.section-heading h1{font-size:24px;letter-spacing:-.5px}.sync{max-width:36px}.tools{gap:7px;min-height:45px}.search{padding:0 10px;gap:8px}.search input{font-size:11px}.search kbd{display:none}.search .icon{width:16px;height:16px}.filter-button{padding:0 11px;font-size:0;gap:0}.filter-button .icon{width:18px;height:18px}.filters{flex-wrap:wrap;font-size:11px;gap:12px}.filters button{font-size:11px}.list-meta{font-size:10px;margin-top:20px}.map-col,td:nth-child(4){display:none}th:nth-child(1){width:28px}th:nth-child(3){width:62px}th:nth-child(5){width:69px}td{padding:12px 3px}.server-title strong{font-size:11px;line-height:1.7}.server-title small{font-size:9px}.players{font-size:11px}.status{font-size:9px}.favorite{width:25px}.favorite .icon{width:15px;height:15px}.capacity{width:42px}.list-bottom{font-size:9px;gap:8px}.table-wrap{min-height:140px}.statistics{margin-top:14px;padding:24px 0}.statistics h2{font-size:16px}.statistics select{font-size:10px;max-width:140px;padding:7px}.history-windows{gap:5px}.history-windows button{font-size:10px;padding:7px 9px}.history-summary{gap:12px}.history-summary strong{font-size:23px}.history-summary span{font-size:9px;line-height:1.7}.history-chart{margin-top:18px}.history-note{font-size:10px}.detail{width:100%;padding-top:24px}.detail .map-art{height:210px}.detail h2{font-size:18px}.detail dl{font-size:12px}.detail-stats b{font-size:26px}.detail-stats span{font-size:10px}.detail-note{font-size:12px}.primary,.secondary{font-size:13px}.discovery{grid-template-columns:1fr;gap:25px;margin-top:25px;padding:30px 0}.discovery h2{font-size:20px}footer>div{display:none}.attribution{display:block;font-size:9px}.attribution span{display:block;margin-top:10px}.toast{max-width:90%;width:max-content;text-align:center}.account-main h1{font-size:22px}.account-heading{align-items:start}.account-heading .secondary{font-size:11px;margin:0}.submission-heading{align-items:start}.submission-heading span{text-align:right}.review-actions{flex-wrap:wrap}dialog{padding:22px}.dialog-heading h2{font-size:21px}.account-shell .top{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Original shield cutout with a real e-Ukraine wordmark. */
.brand{display:flex;align-items:center;gap:10px;width:238px;font-style:normal;letter-spacing:-.65px;line-height:1.15}
.brand-emblem{display:block;width:42px;height:49px;object-fit:contain;flex-shrink:0}
.brand .brand-wordmark{font-family:var(--font);font-size:20px;font-weight:700;color:#f5f5f2;white-space:nowrap}
.brand .brand-wordmark>span{color:#00c5e5}
.brand .brand-wordmark small{font-size:7px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-top:7px}
@media(max-width:1200px){.brand{width:218px}.brand .brand-wordmark{font-size:18px}.brand-emblem{width:36px;height:42px}}
@media(max-width:650px){.top{grid-template-columns:minmax(0,1fr) auto;gap:22px 8px}.brand{width:auto;gap:6px}.brand-emblem{width:29px;height:34px}.brand .brand-wordmark{font-size:15px;letter-spacing:-.65px}.brand .brand-wordmark small{font-size:5px;letter-spacing:.4px;margin-top:5px}.languages{gap:0}.languages a{font-size:9px;padding:5px}.account-shell .top{grid-template-columns:minmax(0,1fr) auto}.metric{grid-row:2}.top .metric:last-of-type{min-width:100px}}

/* UI audit: less repetition, readable data and deliberate disclosure. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.top>.metric:first-of-type{margin-left:auto}
.detail .map-art{margin-top:0}.detail-stats{justify-content:space-between}.detail-stats>div:last-child{text-align:right}
.statistics{margin-top:30px}.activity{margin-top:18px;padding-top:14px}.activity .eyebrow{margin-bottom:5px}.event small{margin:0}
.wardogs-guide details{border-bottom:1px solid var(--line);padding:14px 0}.wardogs-guide details:first-child{padding-top:0}
.wardogs-guide summary{cursor:pointer;color:var(--text);font-size:12px}.wardogs-guide summary h3{display:inline;font-size:13px;margin:0;font-weight:400}
.wardogs-guide details[open] summary{color:var(--accent)}.wardogs-guide details p{margin-bottom:3px}
.server-title strong a{-webkit-line-clamp:3}
@media(max-width:650px){.top{grid-template-columns:1fr 1fr}.top>.brand{grid-column:1/-1;grid-row:1;justify-self:start}.top>.languages{grid-column:2;grid-row:1;justify-self:end}.metric{grid-row:2;align-self:start}.top>.metric:first-of-type{margin-left:0}.metric b{display:block;line-height:1.2}.metric small{font-size:9px}.top .brand-wordmark{font-size:14px}.top .brand-emblem{width:26px;height:31px}.top .languages a{font-size:9px;padding:4px}.server-title strong{font-size:11px;line-height:1.7}.table-wrap th:nth-child(3){width:52px}.table-wrap th:nth-child(5){width:56px}.table-wrap th:first-child{width:25px}.status{font-size:9px}.section-heading{margin-top:0}.statistics-heading{align-items:center}.statistics h2{font-size:15px}.history-summary{gap:9px}.history-summary span{font-size:9px}.account-shell .brand{grid-column:1}.account-shell .top{grid-template-columns:1fr auto}}
.community-links:empty{display:none}dialog{border-radius:5px;background:#182630}.statistics-heading{flex-wrap:wrap}@media(max-width:650px){.server-title strong a{display:block;-webkit-line-clamp:unset}.statistics-heading h2{flex:1 0 100%}.statistics-heading select{max-width:none}.history-summary span{max-width:95px}}

/* Distinct directory and server views, using the emblem palette. */
body{background:#101920;background-image:linear-gradient(125deg,#1b2c37 0,#101920 58%);background-attachment:fixed}
.global-totals{display:grid;grid-template-columns:auto auto;gap:6px 28px;margin-left:auto}.totals-scope{grid-column:1/-1;font-size:10px;color:var(--muted)}
.global-totals .metric{border:0;padding:0;min-width:105px;margin:0}.global-totals .metric b{font-size:23px;font-weight:500;color:var(--text)}.global-totals .metric small{font-size:10px;margin-top:3px}.languages{margin-left:12px}
.workspace{grid-template-areas:'nav list selected' 'nav history history';grid-template-rows:auto auto}.sidebar{grid-area:nav}.directory-main{grid-area:list;min-width:0}.detail{grid-area:selected;position:static}.statistics-panel{grid-area:history;min-width:0;margin:22px 0 0;border-top:1px solid var(--line);padding-top:18px}
.statistics-panel>summary{cursor:pointer;font-size:13px;color:var(--text);line-height:1.7}.statistics-panel>summary span{display:block;font-size:11px;color:var(--muted);margin:4px 0 0 16px;max-width:750px;overflow-wrap:anywhere}.statistics-panel .statistics{border:0;margin:0;padding:20px 0}
.statistics-panel:not([open]){padding-bottom:12px}.statistics-panel[open]>summary{color:var(--accent)}
.detail{padding-top:0}.detail h2{margin:0 0 10px;font-size:16px;font-weight:500}.detail-sub{font-size:11px;line-height:1.8}.detail-sub .status{font-size:inherit}.population{display:flex;align-items:baseline;gap:7px;margin:18px 0;flex-wrap:wrap}.population strong{font-size:26px;font-weight:500}.population span{color:var(--muted);font-size:11px}.population small{display:block;flex-basis:100%;color:var(--muted);font-size:11px}.state-note{font-size:12px;line-height:1.8;color:var(--muted);margin:17px 0}.detail .primary{margin-top:18px}
.join-instructions{font-size:11px;line-height:1.8;margin:16px 0}.join-instructions summary{cursor:pointer;color:#becbd3}.join-instructions p{color:var(--muted);margin-bottom:10px}.server-code{background:#ffffff03;color:#b1c7d5}.report-time{font-size:10px;line-height:1.8;color:var(--muted);margin:17px 0}.detail .map-art{height:155px;margin-top:18px}.detail .map-fallback{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:14px 0 0;margin:17px 0 0}.map-fallback strong{font-weight:400;color:var(--text)}
.profile-workspace{grid-template-columns:194px minmax(0,1fr);grid-template-areas:'nav list' 'nav selected' 'nav history';gap:18px 32px}.profile-workspace .directory-main{max-width:1000px}.profile-workspace h1{font-size:25px;font-weight:500;line-height:1.55}.profile-workspace .section-heading{margin-bottom:14px}.profile-workspace .back-link{margin-bottom:0}.profile-workspace .detail{border:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);gap:34px;max-width:1000px}.profile-workspace .map-art{height:240px;margin:0}.profile-workspace .map-fallback{align-self:start;border:0;background:#152530;padding:18px;margin:0}.profile-workspace .detail-body{max-width:520px}.profile-workspace .statistics-panel{max-width:1000px}
.server-title strong{font-weight:400}.server-title small{font-size:10px}.section-heading h1{font-weight:500}.nav-item{font-weight:500}.sidebar .account-link,.sidebar .connect-open{font-weight:500}.history-summary{justify-content:flex-start;gap:50px;margin:18px 0}.history-summary strong{font-size:22px;font-weight:400}.history-summary span{font-size:11px;max-width:none}.history-period{font-size:12px;margin:0;color:var(--muted)}
.availability-note,.history-note{font-size:11px;line-height:1.8;color:var(--muted)}.chart-scroll{overflow-x:auto;scrollbar-width:thin}.history-chart{min-width:520px;width:100%;margin-top:10px;touch-action:pan-y}.history-chart text{font-size:11px}.history-chart .series{stroke:var(--accent);stroke-width:1.5}.history-chart .points{fill:var(--accent)}
#history-position{display:block;accent-color:var(--accent);width:100%;margin:8px 0 10px}#history-readout{display:block;font-size:12px;color:var(--text);min-height:24px}
.discovery{grid-template-columns:1fr 1.3fr;gap:45px;padding:28px 0;margin-top:28px}.discovery h2{font-size:16px;font-weight:500}.discovery p{font-size:12px}.wardogs-guide summary h3{font-size:12px}.profile-link{color:var(--accent)}.history-values summary{color:#b4c1ca}.brand .brand-wordmark>span{color:var(--accent)}
@media(max-width:1200px){.profile-workspace{grid-template-columns:155px minmax(0,1fr)}.global-totals{gap:5px 18px}.global-totals .metric{min-width:90px}.profile-workspace .detail{gap:24px}}
@media(max-width:950px){.workspace{grid-template-areas:'nav list' 'nav selected' 'nav history'}.detail{border:0;padding:0}.detail .map-art{max-width:500px;height:200px}.profile-workspace .detail{grid-template-columns:1fr}.profile-workspace .detail-body{max-width:none}.profile-workspace .map-art{height:220px}}
@media(max-width:650px){.top{grid-template-columns:minmax(0,1fr) auto;padding:20px 0;gap:18px 8px}.top>.brand{grid-column:1;grid-row:1}.top>.languages{grid-column:2;grid-row:1;margin:0}.global-totals{grid-column:1/-1;grid-row:2;margin:0;grid-template-columns:1fr 1fr;gap:6px 15px}.global-totals .metric{grid-row:auto;min-width:0}.totals-scope{font-size:9px}.global-totals .metric b{font-size:21px}.global-totals .metric small{font-size:10px}.workspace{display:flex;gap:22px}.sidebar{order:0}.directory-main{order:1}.detail{order:2}.statistics-panel{order:3;width:100%;margin-top:0}.detail h2{font-size:16px;font-weight:400}.detail .primary{font-size:13px;min-height:46px}.detail .map-art{height:180px;max-width:none}.section-heading h1{font-size:23px}.server-title strong{font-size:11px;font-weight:400}.status{font-size:9px}.statistics-panel>summary{font-size:13px}.statistics-panel>summary span{font-size:10px}.profile-workspace .detail{display:flex;flex-direction:column;gap:12px}.profile-workspace .detail-body{width:100%}.profile-workspace .map-art{width:100%;height:180px}.profile-workspace .map-fallback{width:100%;padding:12px}.profile-workspace h1{font-size:20px;line-height:1.5}.history-summary{gap:32px}.history-summary span{font-size:10px;max-width:none}.history-period{font-size:11px}.statistics-heading{gap:10px;align-items:center}.statistics select{max-width:160px;font-size:10px}.history-windows{flex-wrap:wrap;gap:5px}.discovery{grid-template-columns:1fr;gap:18px}.discovery h2{font-size:16px}.report-time{font-size:10px}.state-note{font-size:12px}.join-instructions{font-size:12px}}

.brand .brand-wordmark small{display:block;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.5;margin-top:5px;color:#b2c4ce;text-transform:none;white-space:normal}@media(max-width:650px){.brand .brand-wordmark small{font-size:8px;max-width:160px;margin-top:4px}}
@media(max-width:650px){.table-wrap th:nth-child(3),.table-wrap td:nth-child(3){padding-right:10px}.table-wrap th:last-child,.table-wrap td:last-child{padding-left:6px;min-width:52px}.table-wrap .players{white-space:nowrap}}
.region-filter{display:flex;align-items:center;gap:14px;margin:16px 0;color:var(--muted);font-size:12px}.region-filter select{font:inherit;color:var(--text);background:#14212b;border:1px solid var(--line);padding:10px 12px;min-width:190px;max-width:100%}.filters{flex-wrap:wrap;gap:16px}.language-options{border:0;border-top:1px solid var(--line);margin:0;padding:14px 0 0;display:flex;gap:12px 22px;flex-wrap:wrap;flex-basis:100%;min-width:0}.language-options legend{font-size:12px;color:var(--text);padding:0 8px 0 0}.language-options p{flex-basis:100%;margin:0;font-size:11px;line-height:1.7;color:var(--muted)}.language-options label{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer}.language-options input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}#connect-form .language-options{margin:18px 0}#connect-form .language-options label{margin:0}.region-filter select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:650px){.region-filter{justify-content:space-between}.region-filter select{min-width:0;max-width:75%}.language-options{gap:13px 18px}.language-options label{min-height:28px}}
.server-flags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px}.server-flags:empty{display:none}.server-flags img{display:block;width:24px;height:18px;object-fit:cover;border:1px solid #ffffff24}.server-title .server-flags img{width:20px;height:15px}
/* Shared masthead: brand, world totals, and a deliberate language control. */
.top{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:36px;min-height:124px;padding:24px 0;align-items:center}.top>.brand{grid-column:1;grid-row:1;width:auto;gap:15px;letter-spacing:normal}.brand-emblem{width:54px;height:63px}.brand-lockup{display:block;min-width:0}.brand .brand-wordmark{display:flex;align-items:baseline;gap:3px;font-size:27px;line-height:1;font-weight:700;letter-spacing:-1.1px;color:#f4f7f8}.brand .brand-wordmark .brand-domain{font-size:18px;font-weight:400;letter-spacing:-.6px;color:var(--accent)}.brand .brand-caption{display:block;font-size:10px;line-height:1.5;font-weight:400;letter-spacing:.15px;margin:9px 0 0;color:#a5bbc7}.global-totals{grid-column:2;grid-row:1;margin:0;padding:0 32px;border-left:1px solid var(--line);border-right:1px solid var(--line);gap:7px 30px}.global-totals .totals-scope{font-size:10px;line-height:1.6;max-width:340px}.global-totals .metric{min-width:110px}.global-totals .metric b{font-size:24px;font-weight:500;letter-spacing:.3px}.global-totals .metric small{font-size:10px;line-height:1.6;margin-top:5px}.language-picker{grid-column:3;grid-row:1;position:relative;justify-self:end;z-index:20;font-size:12px}.language-picker summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;min-height:46px;padding:0 12px;color:var(--text);border:1px solid transparent;border-radius:10px;background:transparent}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:hover,.language-picker[open] summary{background:#ffffff08}.language-picker summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.language-picker img{display:block;width:24px;height:18px;object-fit:cover}.language-code{display:none}.language-picker .languages{position:absolute;right:0;top:calc(100% + 8px);display:flex;flex-direction:column;width:218px;padding:8px;margin:0;gap:3px;background:#17262f;border:1px solid #ffffff0d;border-radius:14px;box-shadow:0 14px 36px #0005}.language-picker .languages a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:400;color:var(--text)}.language-picker .languages a small{margin-left:auto;color:var(--muted);font-size:10px}.language-picker .languages a:hover{background:#ffffff09}.language-picker .languages a[aria-current]{background:#ffffff07;color:var(--accent)}.account-shell .top{grid-template-columns:1fr auto}.account-shell .language-picker{grid-column:2}
@media(max-width:1100px){.top{grid-template-columns:1fr auto;gap:22px}.top .language-picker{grid-column:2}.global-totals{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid var(--line);padding:18px 0 0;grid-template-columns:auto auto 1fr;column-gap:36px}.totals-scope{grid-column:3;grid-row:1;align-self:center;justify-self:end}.global-totals .metric{grid-row:1}.global-totals .metric:first-of-type{grid-column:1}.global-totals .metric:last-of-type{grid-column:2}}
@media(max-width:650px){.top{padding:22px 0 18px;gap:20px 12px}.top>.brand{gap:10px}.brand-emblem{width:40px;height:47px}.brand .brand-wordmark{font-size:21px;letter-spacing:-.8px;gap:1px}.brand .brand-wordmark .brand-domain{font-size:14px;letter-spacing:-.5px}.brand .brand-caption{font-size:9px;letter-spacing:0;margin-top:7px;max-width:190px}.language-picker summary{padding:0 9px;min-height:44px;gap:7px}.language-current{display:none}.language-code{display:inline;font-size:11px}.language-picker img{width:20px;height:15px}.global-totals{grid-template-columns:1fr 1fr;padding:16px 0 0;gap:8px 24px}.global-totals .totals-scope{grid-column:1/-1;grid-row:1;justify-self:start;max-width:none;font-size:10px}.global-totals .metric{grid-row:2;min-width:0}.global-totals .metric b{font-size:23px}.global-totals .metric small{font-size:10px;margin-top:5px}.language-picker .languages{width:210px}.language-picker .languages img{width:24px;height:18px}}
@media(max-width:360px){.brand-emblem{width:32px;height:38px}.brand .brand-wordmark{font-size:18px}.brand .brand-wordmark .brand-domain{font-size:12px}.brand .brand-caption{font-size:8px}.top>.brand{gap:7px}.top{column-gap:8px}.language-picker summary{padding:0 7px;gap:5px}}

.sidebar .nav-add-server{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:20px 0 0;padding:12px 14px;border:0;border-radius:9px;background:var(--accent);color:#09212a;font:500 12px var(--font);cursor:pointer}.sidebar .nav-add-server:hover{background:#59dbed}.sidebar .nav-add-server:focus-visible{outline:2px solid var(--text);outline-offset:3px}#connect-dialog{border-radius:16px}#connect-dialog .steam-auth{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;border-radius:9px;clip-path:none;text-decoration:none}#connect-dialog .steam-auth .steam-icon{width:25px;height:25px;flex:none}@media(max-width:650px){.sidebar>nav{flex-wrap:wrap}.sidebar .nav-add-server{flex:0 0 100%;margin:10px 0 0;min-height:44px;font-size:12px}.sidebar .account-link{grid-column:1/-1}}

.chart-interactive{position:relative;padding-top:46px;overflow-y:hidden}.chart-interactive .history-chart{display:block;margin:0;cursor:crosshair}.history-chart .axis-tick{stroke:#ffffff24;stroke-width:1}.history-chart .time-tick{font-size:10px}.chart-cursor line{stroke:#b5d1db;stroke-width:1;stroke-dasharray:3 4}.chart-cursor circle{fill:var(--accent);stroke:#10202b;stroke-width:2}.chart-tooltip{position:absolute;z-index:2;max-width:calc(100% - 12px);padding:9px 12px;border-radius:8px;background:#203540;color:#f2f7fa;font:400 11px/1.6 var(--font);box-shadow:0 5px 18px #0004;pointer-events:none;white-space:normal}.chart-tooltip[hidden]{display:none}#history-readout.sr-only{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%)}

.history-sources{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:10px;background:#ffffff04}.history-sources button{min-height:38px;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:400 11px/1.5 var(--font);cursor:pointer}.history-sources button:hover{color:var(--text);background:#ffffff05}.history-sources button[aria-pressed=true]{background:#263e4a;color:#f2f8fa}.history-sources button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:650px){.statistics-heading{flex-wrap:wrap}.history-sources{width:100%}.history-sources button{flex:1;min-height:42px}}

#statistics{overflow-anchor:none}#history-body{position:relative}#history-body[aria-busy=true]{opacity:.55;pointer-events:none}#history-body[aria-busy=true]::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.chart-interactive .chart-tooltip{overflow-anchor:none}
.language-picker .languages{max-height:min(420px,70vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}

/* Moderation workspace */
.account-main{padding:32px 0 64px}.account-heading{margin-top:24px}.account-heading h1{margin:0 0 8px;font-weight:500}.account-heading p{margin:0;font-size:11px;color:var(--muted)}.account-main>.account-heading+p{margin:18px 0 28px;max-width:600px}.account-main .secondary,.account-main .primary,.review-cancel{clip-path:none;border-radius:9px;min-height:44px;text-transform:none;font:500 12px var(--font);cursor:pointer}.account-main .secondary{border:1px solid #ffffff20;background:transparent}.account-main .secondary:hover{background:#ffffff09}.submission-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 20px;border-bottom:1px solid var(--line)}.submission-filters button{display:flex;gap:10px;align-items:center;padding:10px 14px;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:400 12px var(--font);cursor:pointer}.submission-filters button[aria-pressed=true]{background:#203640;color:#eaf8fb}.submission-filters span{font-size:11px;color:#79cbd7;font-variant-numeric:tabular-nums}.account-main .submission{margin:0;padding:28px 0;border-top:0;border-bottom:1px solid var(--line)}.submission-heading{margin-bottom:5px}.submission h2{margin:0;font-weight:500}.submission time{display:block;font-size:11px;color:var(--muted);margin-bottom:20px}.submission>code{display:block;width:fit-content;max-width:100%;padding:10px 14px;background:#ffffff04;border-radius:7px;color:#e1edf1;letter-spacing:.3px}.submission .community-links{margin:18px 0;gap:24px}.submission .community-description{white-space:pre-wrap}.submission form{margin-top:24px}.review-actions{align-items:center;flex-wrap:wrap}.review-actions button{margin:0;min-width:135px}.review-actions .secondary{color:#e6b1a4}.review-cancel{background:transparent;border:0;color:var(--muted);padding:10px 16px}.review-progress{font-size:11px;color:var(--muted)}.account-main .review-error,#account-error{color:#f3af9e}.account-main .review-result{border-left:2px solid #9faeb7;padding-left:14px;margin-top:20px}.submission[data-status=approved] .submission-status{color:#86d0b5}.submission[data-status=rejected] .submission-status{color:#e9a99b}.submission[data-status=pending] .submission-status{color:#dbcca4}.account-main button:disabled{opacity:.55;cursor:wait}.account-main button:focus-visible,.account-main a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.account-main [hidden]{display:none!important}.account-main .profile-link{display:inline-block;margin-top:16px;font-size:12px}.reject-fields{max-width:600px}.account-empty{color:var(--muted)}
@media(max-width:650px){.account-main{padding-top:22px}.account-heading{align-items:flex-start;gap:12px}.account-heading .secondary{padding:8px 12px}.account-main h1{font-size:23px}.submission-heading{align-items:flex-start;gap:16px}.submission-heading span{text-align:right;max-width:45%;line-height:1.7}.submission-filters{gap:3px}.submission-filters button{padding:10px}.submission>code{font-size:11px}.review-actions{gap:8px}.review-actions button{min-width:0;flex:1}.review-progress{width:100%}}

.community-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.community-links a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid #91b4c126;border-radius:10px;background:#1a2b34;color:#d8e8ef;font:500 12px/1.4 var(--font);text-decoration:none;transition:background .15s,border-color .15s,color .15s}.community-links a:hover{background:#243d49;border-color:#00c5e570;color:#fff}.community-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.community-links a svg{width:18px;height:18px;flex:none;color:#97bdce}.community-links a:hover svg{color:var(--accent)}.submission .community-links{gap:10px}

.server-voting{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.server-voting>span:first-child{font-size:11px;color:var(--muted);margin-right:auto}.vote-buttons{display:flex;gap:8px}.vote-buttons button{display:flex;align-items:center;gap:7px;min-width:58px;min-height:42px;padding:9px 12px;border:1px solid #91b4c126;border-radius:9px;background:#1a2b34;color:#b8cbd5;font:500 12px var(--font);cursor:pointer;font-variant-numeric:tabular-nums}.vote-buttons .icon{width:17px;height:17px}.vote-buttons button:hover{background:#243d49;color:#fff}.vote-buttons button[aria-pressed=true]{color:var(--accent);background:#123944;border-color:#00c5e570}.vote-buttons button[data-vote="-1"][aria-pressed=true]{color:#efad9e;background:#392b2b;border-color:#efad9e60}.vote-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.vote-buttons button:disabled{opacity:.5;cursor:wait}.server-voting .vote-login{font-size:11px;line-height:1.6;color:var(--muted);width:100%;text-underline-offset:4px}.vote-feedback{font-size:11px;line-height:1.6;color:var(--muted);width:100%}.vote-feedback:empty{display:none}

.last-count-note{font-size:11px;line-height:1.7;color:var(--muted);margin:-10px 0 20px}

/* Equal-width community actions in the server panel. */
.server-voting{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.server-voting>span:first-child{margin:0}.vote-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.vote-buttons button{justify-content:center;min-height:46px;width:100%;gap:10px;border-radius:10px;font-size:13px}.detail .community-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.detail .community-links a{min-height:46px;width:100%;box-sizing:border-box}.detail .community-links a:only-child{grid-column:1/-1}

.site-footer{display:block;margin-top:36px;padding:28px 0 18px;border-top:1px solid var(--line);font:400 11px/1.7 var(--font);color:var(--muted)}.site-footer .footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.footer-wordmark{font-size:20px;font-weight:700;letter-spacing:-.6px;color:var(--text);text-decoration:none}.footer-wordmark span{font-weight:400;color:var(--accent)}.footer-identity p{margin:5px 0 0;font-size:11px}.footer-credit{display:flex;align-items:center;gap:10px;margin:0}.footer-credit a{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:13px;font-weight:500;text-decoration:none;padding:8px 0}.footer-credit a span{color:var(--accent)}.footer-credit a:hover{color:var(--accent)}.site-footer .footer-bottom{display:flex;align-items:baseline;gap:12px 24px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #ffffff08;font-size:10px}.footer-bottom>a{color:var(--muted);text-decoration:none}.footer-bottom>a:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.footer-bottom>span:last-child{margin-left:auto;max-width:520px}.site-footer .footer-shortcuts{display:flex;gap:18px;margin-top:18px;font-size:10px;color:#8297a2}.footer-shortcuts>span{display:inline-flex;align-items:center;gap:5px}.site-footer kbd{background:#ffffff05;color:#a7bac5;border:1px solid #ffffff12;border-radius:4px;margin:0;padding:1px 5px;font:400 10px var(--font)}.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:650px){.site-footer{margin-top:24px;padding-top:24px}.site-footer .footer-main{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.footer-bottom>span:last-child{flex-basis:100%;margin-left:0}.site-footer .footer-shortcuts{display:none}}