.social-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: var(--social-icon) center/contain no-repeat; }
.social-discord { --social-icon:url('assets/social/discord.svg'); }
.social-youtube { --social-icon:url('assets/social/youtube.svg'); }
.social-tiktok { --social-icon:url('assets/social/tiktok.svg'); }
.social-instagram { --social-icon:url('assets/social/instagram.svg'); }
.v2-site .realm-footer .footer-directory-nav .footer-social-link { display:flex; align-items:center; gap:9px; }
.footer-social-link .social-icon { width:16px; height:16px; flex-basis:16px; color:#d3b376; }
.realm-heading { display:flex; width:fit-content; max-width:calc(100% - 24px); align-items:center; justify-content:center; gap:10px; margin:-24px auto 24px; min-height:48px; padding:10px 20px; border:1px solid #a4864c; border-radius:6px; background:linear-gradient(#1c3025,#0b1510); box-shadow:0 7px 12px #0005; color:#f0ce8c; }
.v2-site .realm-heading h2 { font:23px/1.3 var(--display); margin:0; padding:0; border:0; overflow-wrap:anywhere; }
.community-directory { margin-top:24px; border-top:1px solid #9e8047; }
.community-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:8px 0 28px; }
.community-link { display:grid; grid-template-columns:48px minmax(0,1fr) 20px; gap:20px; align-items:center; border:1px solid #8a744a; border-radius:6px; background:#13251ee8; padding:24px; }
.community-link>.social-icon { width:40px; height:40px; color:#e0c187; }
.community-link h3 { margin:0 0 10px; font-size:24px; color:#f0cf8a; }
.community-link p { margin:0 0 8px; color:#bbc8b9; font-size:17px; line-height:1.5; }
.community-link div>span { color:#8ebda5; font-size:15px; overflow-wrap:anywhere; }
.community-link>.icon { color:#d2b777; }
.community-link:hover { background:#21382b; border-color:#e0b971; text-decoration:none; }
.realm-status { background:#101f19ed; border-block:1px solid #967a444f; }
.realm-status-inner { display:flex; align-items:center; flex-wrap:wrap; gap:18px 30px; min-height:82px; padding-block:14px; }
.realm-population { display:flex; align-items:center; gap:12px; color:#e7c27b; }
.realm-population>.icon { font-size:23px; width:27px; }
.realm-population>div { display:flex; align-items:baseline; gap:12px; }
.realm-population span,.realm-server { font-size:16px; }
.realm-population strong { font-size:26px; font-variant-numeric:tabular-nums; min-width:4ch; line-height:1.2; color:#f4e9cf; }
.realm-server { display:flex; align-items:center; gap:8px; color:#b6c5b7; }
.realm-server strong { color:#e2dfc8; font-weight:600; }
.realm-channels { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.realm-channels li { display:flex; align-items:center; justify-content:space-between; gap:8px; width:64px; height:30px; padding:4px 8px; border:1px solid #67755466; border-radius:4px; font-size:13px; color:#cbd1bd; }
.state-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#a9a899; flex:0 0 8px; }
.realm-status [data-state="online"]>.state-dot,.realm-status .state-dot[data-state="online"] { position:relative; background:#69cc89; box-shadow:0 0 5px #69cc8955; }
.realm-status [data-state="online"]>.state-dot::after,.realm-status .state-dot[data-state="online"]::after { content:''; position:absolute; inset:-3px; border:1px solid #80e6a080; border-radius:50%; box-shadow:0 0 6px #69cc8940; pointer-events:none; animation:realm-online-pulse 2.8s ease-in-out infinite; }
.realm-status [data-state="offline"]>.state-dot,.realm-status .state-dot[data-state="offline"] { background:#e16c73; box-shadow:0 0 4px #e16c7326; }
.realm-status [data-state="unknown"]>.state-dot,.realm-status .state-dot[data-state="unknown"],.realm-status[data-stale="true"] .state-dot { background:#d8b977; box-shadow:none; }
.realm-status[data-stale="true"] .state-dot::after { display:none; }
@keyframes realm-online-pulse { 0%,100% { transform:scale(.7); opacity:.25; } 50% { transform:scale(1.15); opacity:.65; } }
.v2-site.motion-off .realm-status .state-dot::after { animation:none; opacity:0; }
@media(prefers-reduced-motion:reduce) { .realm-status .state-dot::after { animation:none!important; opacity:0!important; } }
.realm-status small { margin-left:auto; color:#8ea08e; font-size:12px; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.v2-site .news-toolbar { margin:24px 0 34px; border:1px solid #987c48; border-radius:6px; padding:0 18px 16px; background:#14251ee6; }
.news-toolbar .realm-heading { margin-bottom:18px; }
.v2-site .news-toolbar .a2g-news-filters { margin:0; display:flex; gap:6px; flex-wrap:wrap; justify-content:center; }
.v2-site .news-toolbar .a2g-news-filter { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 16px; background:#18291f; border:1px solid #8c7546; border-radius:4px; color:#d7c59a; }
.v2-site .news-toolbar .a2g-news-filter[aria-current="page"] { background:#8c2935; color:#fff0d4; border-color:#d69762; }
.v2-site .news-toolbar .a2g-news-filter:hover { border-color:#ebc47c; }
.v2-site .legacy-content .news-category { display:block; width:fit-content; margin:-46px 0 20px; padding:9px 18px; border:1px solid #9e824c; border-radius:5px; background:linear-gradient(#1c3025,#0b1510); color:#eac783; font:18px/1.3 var(--display); box-shadow:0 5px 10px #0004; }
.news-empty { padding:20px 0; color:#bdc9b6; text-align:center; }
.v2-site.page-news .legacy-content .post { margin:44px 0 30px; padding:24px; }
.v2-site.page-news .legacy-content .post:first-child { margin-top:24px; }
@media(max-width:1100px) { .realm-status-inner { gap:12px 24px; }.realm-status small { flex-basis:100%; margin:0; }.realm-channels { margin-left:auto; } }
@media(max-width:760px) { .community-links { grid-template-columns:minmax(0,1fr); }.community-link { padding:20px; gap:14px; }.realm-status-inner { justify-content:center; gap:12px 20px; }.realm-channels { margin:0; justify-content:center; flex-basis:100%; gap:6px; }.realm-channels li { width:48px; gap:4px; padding:4px 5px; font-size:12px; }.realm-status small { text-align:center; }.realm-population strong { font-size:23px; min-width:3ch; }.realm-population>div { gap:7px; }.realm-population span,.realm-server { font-size:14px; }.v2-site .realm-heading h2 { font-size:20px; }.v2-site.page-news .legacy-content .post { padding:22px 16px; }.v2-site .legacy-content .news-category { margin-top:-44px; }.v2-site .news-toolbar { padding-inline:10px; }.v2-site .news-toolbar .a2g-news-filter { padding:8px 11px; font-size:14px; } }
@media(prefers-reduced-motion:reduce) { .realm-population strong { transition:none; } }
@media(max-width:400px) { .community-link { grid-template-columns:28px minmax(0,1fr) 16px; padding:18px 16px; gap:12px; }.community-link>.social-icon { width:28px; height:28px; }.community-link h3 { font-size:21px; }.community-link p { font-size:16px; } }