/* ApeXArtS gold finish: animated CSS light, readable pearl type, no image animation. */
:root{--gold-ink:#fffaf1;--gold-deep:#654619;--gold-face:#765624}
.gold-surface,.button.primary,.button.light,.primary,.skip,.header #navigation a[data-page="guildon"],.header .nav-cta-guildon,.server-filter-option[aria-pressed="true"]{color:var(--gold-ink);background-color:var(--gold-deep);background-image:linear-gradient(112deg,transparent 36%,#fff2ca0a 43%,#fff6d61c 49%,#ffefc20a 55%,transparent 62%),linear-gradient(125deg,#654619,#765624 48%,#5d4018);background-size:240% 100%,100% 100%;background-position:150% 0,0 0;border:1px solid #c8a66391;box-shadow:inset 0 1px #ffeac233,0 2px 10px #0002;text-shadow:0 1px 2px #271902bd,0 0 12px #fff6d914;animation:apex-gold-shine 9s ease-in-out infinite}
@keyframes apex-gold-shine{0%,34%{background-position:150% 0,0 0}67%,100%{background-position:-150% 0,0 0}}
.button.primary:hover,.button.light:hover,.primary:hover,.gold-surface:hover{color:#fff;background-color:var(--gold-deep);background-image:linear-gradient(112deg,transparent 36%,#fff2ca0a 43%,#fff6d61c 49%,#ffefc20a 55%,transparent 62%),linear-gradient(125deg,#6d4e20,#765624 48%,#65481e);border-color:#e0c08b}
.header #navigation a[data-page="guildon"]{padding:11px 17px;border-radius:3px;font-weight:600;letter-spacing:.01em;color:var(--gold-ink)}
.header #navigation a[data-page="guildon"]:hover{border-color:#e0c08b;color:#fff}
.header #navigation a[data-page="guildon"][aria-current]{box-shadow:inset 0 1px #ffeac244,0 0 0 2px #151914,0 0 0 3px #bda16d}
.eyebrow i{background-image:linear-gradient(110deg,#a78849,#f5dba4,#a78849);background-size:240% 100%;animation:apex-gold-shine 9s ease-in-out infinite}
.header{gap:24px}.header #navigation{gap:22px}
.server-drawer-toggle{position:fixed;right:20px;bottom:max(22px,env(safe-area-inset-bottom));z-index:60;box-shadow:0 8px 30px #0008;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:44px;padding:10px 12px;border:1px solid #9d875451;border-radius:3px;background:#1c211c;color:#e5dfd1;font:12px/1.3 var(--display);cursor:pointer}
.server-drawer-toggle:hover{border-color:#bea573;background:#272b23}.server-drawer-icon{font-size:20px;color:#d5bc89}.server-drawer-toggle:focus-visible,.server-drawer :focus-visible{outline:2px solid #e8d3a6;outline-offset:4px}
body.server-drawer-open{overflow:hidden}
.server-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(390px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:28px 24px 24px;box-sizing:border-box;border:0;border-left:1px solid #c5a5684d;background:linear-gradient(160deg,#20251f,#111611 64%);color:#e6e3d9;box-shadow:-20px 0 80px #0006;overflow:auto;overscroll-behavior:contain;transform:translateX(100%);opacity:0;transition:transform 230ms cubic-bezier(.2,.7,.2,1),opacity 180ms ease}
.server-drawer.is-open{transform:translateX(0);opacity:1}.server-drawer.is-closing{transform:translateX(100%);opacity:0}.server-drawer::backdrop{background:#0000;backdrop-filter:blur(0);transition:background 230ms ease,backdrop-filter 230ms ease}.server-drawer.is-open::backdrop{background:#0008;backdrop-filter:blur(3px)}
.server-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.server-drawer h2{font:400 24px/1.3 var(--display);letter-spacing:-.04em;margin:0}.server-drawer-close{border:1px solid #baa06b3d;background:#161c16;color:#e9e4d8;border-radius:50%;width:44px;height:44px;font:26px/1 sans-serif;flex-shrink:0;cursor:pointer}.server-drawer-close:hover{background:#30372c}
.server-drawer-intro{font:14px/1.7 var(--body);color:#b8bdb0;margin:14px 0 24px}.server-drawer-toolbar{display:flex;gap:8px;margin-bottom:12px}.server-drawer-filter{min-width:0;flex:1;text-align:left}.server-drawer-filter,.server-drawer-refresh,.server-filter-option{border:1px solid #c5ad783d;background:#181f17;color:#e7e0cf;min-height:44px;padding:10px 13px;border-radius:3px;font:12px/1.5 var(--display);cursor:pointer}.server-drawer-refresh{width:44px;flex-shrink:0;font-size:20px;padding:4px}.server-drawer-refresh:disabled{opacity:.45;cursor:wait}.server-drawer-filters{display:grid;gap:7px;padding:10px;border:1px solid #baa06b3d;background:#11170f;margin-bottom:20px;border-radius:3px}.server-drawer-filters[hidden]{display:none}.server-filter-option{text-align:left}.server-drawer-group{margin:22px 0}.server-drawer-group h3{font:11px/1.5 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#c2aa7b;margin:0 0 10px}
.server-mini-card{padding:18px 16px;border:1px solid #baa06b30;background:#ffffff03;border-radius:4px;margin-bottom:10px}.server-mini-name{display:inline-block;font:400 20px/1.4 var(--display);letter-spacing:-.025em;color:#eeebe2;text-decoration:none}.server-mini-name:hover{color:#e9cf98}.server-mini-line{display:flex;flex-wrap:wrap;align-items:center;gap:9px 13px;margin:10px 0;font:12px/1.5 var(--body)}.server-mini-status{color:#c3c4bb}.server-mini-status:before{content:'○';margin-right:6px}.server-mini-status.is-online{color:#bad59f}.server-mini-status.is-online:before{content:'●'}.server-mini-population{color:#b4bdad}.server-mini-address{display:block;font:12px/1.6 var(--display);color:#c7bdab;overflow-wrap:anywhere;user-select:all}.server-mini-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px}.server-mini-copy,.server-mini-join,.server-mini-details{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border-radius:3px;box-sizing:border-box;font:11px/1.5 var(--display);text-decoration:none;cursor:pointer}.server-mini-copy{border:1px solid #c5ad783d;background:#20291c;color:#e3dfd4}.server-mini-copy:hover{background:#303a29}.server-mini-details{color:#d1ba89;border:1px solid transparent}.server-mini-details:hover{text-decoration:underline}.server-drawer-notice{min-height:36px;font:12px/1.6 var(--body);color:#b6bdae;margin:20px 0 14px}.server-drawer-all{display:block;border-top:1px solid #baa06b30;padding-top:20px;font:12px/1.5 var(--display);color:#d9c293;text-decoration:none}.server-drawer-all:hover{text-decoration:underline}
@media(max-width:1250px){.header{gap:18px}.header #navigation{gap:16px}.server-drawer-toggle{padding:10px 16px}}
@media(max-width:1100px){.server-drawer-toggle{padding:10px 16px;background:#222a20;border-color:#b89d68}.header #navigation a[data-page="guildon"]{padding:12px 16px;margin:6px 0}}
@media(max-width:420px){.server-drawer{padding:22px 18px}.server-drawer h2{font-size:23px}.server-drawer-toggle{bottom:max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.gold-surface,.button.primary,.button.light,.primary,.skip,.header #navigation a[data-page="guildon"],.header .nav-cta-guildon,.server-filter-option[aria-pressed="true"],.eyebrow i{animation:none}.server-drawer,.server-drawer::backdrop{transition:none}}
@media(forced-colors:active){.gold-surface,.button.primary,.button.light,.primary,.skip,.header #navigation a[data-page="guildon"],.server-filter-option[aria-pressed="true"]{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;text-shadow:none;box-shadow:none;animation:none}.server-drawer{background:Canvas;color:CanvasText;border-left:1px solid CanvasText}.server-drawer button,.server-mini-card{border-color:ButtonText}.server-drawer a{color:LinkText}}