/* Shared static design details. No scroll effects or external icon fonts. */
:root{
--ui-user:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2021v-2a7%207%200%200%201%2014%200v2%22%2F%3E%3C%2Fsvg%3E");
--ui-clan:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%208%203v6c0%205-8%209-8%209s-8-4-8-9V6Z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E");
--ui-server:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%2218%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%206h1m-1%2011h1M12%2010v4%22%2F%3E%3C%2Fsvg%3E");
--ui-globe:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3C%2Fsvg%3E");
--ui-game:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%208h10c3%200%205%2010%203%2011-2%201-4-3-5-3H9c-1%200-3%204-5%203-2-1%200-11%203-11Z%22%2F%3E%3Cpath%20d%3D%22M7%2011v4m-2-2h4m6-1h.01m3%202h.01%22%2F%3E%3C%2Fsvg%3E");
--ui-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14m-6-6%206%206-6%206%22%2F%3E%3C%2Fsvg%3E");
--ui-filter:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
--ui-refresh:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5M4%2017v-5h5M6%206a8%208%200%200%201%2013%202M18%2018a8%208%200%200%201-13-2%22%2F%3E%3C%2Fsvg%3E");
--ui-plus:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M4%2012h16%22%2F%3E%3C%2Fsvg%3E");
--ui-edit:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%204%205%205M4%2020l4-1L20%207a3%203%200%200%200-4-4L4%2015Z%22%2F%3E%3C%2Fsvg%3E");
--ui-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E");
--ui-close:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E");
--ui-copy:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M15%208V4H4v11h4%22%2F%3E%3C%2Fsvg%3E");
--ui-trash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M9%206V3h6v3M5%206l1%2015h12l1-15M10%2010v7m4-7v7%22%2F%3E%3C%2Fsvg%3E");
--ui-exit:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%204H4v16h6m3-12%204%204-4%204m-5-4h13%22%2F%3E%3C%2Fsvg%3E");
--ui-people:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2a6%206%200%200%201%2012%200v2M16%205a3%203%200%200%201%200%206m2%203a5%205%200%200%201%203%205%22%2F%3E%3C%2Fsvg%3E");
--ui-map:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%205%206-2%206%202%206-2v16l-6%202-6-2-6%202ZM9%203v16M15%205v16%22%2F%3E%3C%2Fsvg%3E");
}
.account-menu-icon[data-icon=profile]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-user) center/contain no-repeat;mask:var(--ui-user) center/contain no-repeat;pointer-events:none}
.account-menu-icon[data-icon=clan]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-clan) center/contain no-repeat;mask:var(--ui-clan) center/contain no-repeat;pointer-events:none}
.account-menu-icon[data-icon=servers]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-server) center/contain no-repeat;mask:var(--ui-server) center/contain no-repeat;pointer-events:none}
.hub-filter:first-of-type>span:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-globe) center/contain no-repeat;mask:var(--ui-globe) center/contain no-repeat;pointer-events:none}
.hub-filter:last-of-type>span:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-game) center/contain no-repeat;mask:var(--ui-game) center/contain no-repeat;pointer-events:none}
.mobile-filter-toggle:before,.clan-order>span:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-filter) center/contain no-repeat;mask:var(--ui-filter) center/contain no-repeat;pointer-events:none}
.hub-reset:before,.monitor-refresh:before,.steam-refresh:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-refresh) center/contain no-repeat;mask:var(--ui-refresh) center/contain no-repeat;pointer-events:none}
[data-ui-action=add]:before,[data-ui-action=create]:before,[data-ui-action=invite]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-plus) center/contain no-repeat;mask:var(--ui-plus) center/contain no-repeat;pointer-events:none}
[data-ui-action=edit]:before,[data-ui-action=manage]:before,[data-ui-action=memberTools]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-edit) center/contain no-repeat;mask:var(--ui-edit) center/contain no-repeat;pointer-events:none}
[data-ui-action=accept]:before,[data-ui-action=save]:before,[data-ui-action=promote]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-check) center/contain no-repeat;mask:var(--ui-check) center/contain no-repeat;pointer-events:none}
[data-ui-action=reject]:before,[data-ui-action=cancel]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-close) center/contain no-repeat;mask:var(--ui-close) center/contain no-repeat;pointer-events:none}
[data-ui-action=copyJoin]:before,[data-ui-action=shareClan]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-copy) center/contain no-repeat;mask:var(--ui-copy) center/contain no-repeat;pointer-events:none}
[data-ui-action=delete]:before,[data-ui-action=removeClan]:before,[data-ui-action=kick]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-trash) center/contain no-repeat;mask:var(--ui-trash) center/contain no-repeat;pointer-events:none}
.account-menu-logout:before,[data-ui-action=leave]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-exit) center/contain no-repeat;mask:var(--ui-exit) center/contain no-repeat;pointer-events:none}
.clan-directory-summary>span:before,.clan-card-facts .clan-card-members dt:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-people) center/contain no-repeat;mask:var(--ui-people) center/contain no-repeat;pointer-events:none}
.metric-map small:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-map) center/contain no-repeat;mask:var(--ui-map) center/contain no-repeat;pointer-events:none}
.hub-primary:before,.clan-card-open:before,[data-ui-action=details]:before,[data-ui-action=openClan]:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;flex:0 0 17px;margin-right:8px;background:currentColor;-webkit-mask:var(--ui-arrow) center/contain no-repeat;mask:var(--ui-arrow) center/contain no-repeat;pointer-events:none}

.account-menu-icon{font-size:0;display:flex;align-items:center;justify-content:center}.account-menu-icon:before{margin:0!important;width:20px!important;height:20px!important}
body.hub-page{background:radial-gradient(ellipse at 85% 10%,#21395655,transparent 45%),linear-gradient(160deg,#0d1929,#0b1422 60%,#101d2e)}
.hub-page .hub-hero{background:none}.hub-page .hub-hero:after{background:linear-gradient(0deg,#0d192900,transparent 45%),linear-gradient(90deg,#0d1929cc,transparent)}
.hub-page .hub-toolbar{border:1px solid #334861;border-radius:14px;padding:18px;background:linear-gradient(125deg,#16283c,#0f1e30);box-shadow:0 8px 24px #03080f25}
.hub-search{background:#0c192a;border-color:#3a4f6b}.hub-filter select,.clan-order select,.monitor-filter select{background:#0d1b2d;border-color:#3c526f;border-radius:9px}.hub-filter>span,.clan-order>span{color:#aac2df}.hub-reset{display:inline-flex;justify-content:center;align-items:center;border:1px solid #344c6b;border-radius:8px;background:#1b2b40;color:#b9cdea;padding:0 14px}
.clan-directory-summary{padding:12px 0;margin-bottom:18px}.clan-directory-summary>span{color:#bfd2ec;font-size:13px}.clan-order>span{display:inline-flex;align-items:center}.clan-order select{min-height:44px}
.community-button,.monitor-refresh,.monitor-range button{background:#15283f;border-color:#39526f;color:#c6d9f3}.community-button:hover,.monitor-refresh:hover,.monitor-range button:hover{background:#223c58;border-color:#7292bb}.account-primary,.hub-primary{border-radius:9px;box-shadow:0 4px 12px #03090f30}.account-primary:focus-visible,.community-button:focus-visible,.hub-primary:focus-visible{outline:2px solid #a7caff;outline-offset:3px}
.account-page:not(.is-guest){background:radial-gradient(ellipse at 90% 0,#20365355,transparent 50%),#0d1726}.account-page:not(.is-guest) .workbench-tabs{background:#101b2c}.account-page:not(.is-guest) .profile-card{background:linear-gradient(135deg,#1c304b,#111f31);border-color:#3b536f}.clan-story,.clan-facts,.owned-server{background:linear-gradient(145deg,#17293d,#102031);border-color:#344b67}.clan-catalog-card{background:linear-gradient(145deg,#14263c,#0e1c2e);box-shadow:0 8px 20px #0002}.clan-card-footer{gap:10px}.clan-card-open{display:flex;align-items:center}.clan-card-arrow{margin-left:auto}
.site-footer{background:linear-gradient(155deg,#152641,#0b1628);border-top:1px solid #334b6e}.footer-support{background:#1b304955;border-color:#38506f}.footer-cols a:hover{color:#d7e7ff}
.home-page .hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;z-index:14;background:linear-gradient(0deg,#0b1321,transparent);pointer-events:none}
.home-page .hero-stats article+article{padding:0;border-left:1px solid #354c6a}.home-page .hero-stats{margin-top:18px;margin-bottom:24px}.home-page .about-section,.home-page .features-section,.home-page .advantages-section{background:none}.home-page .social-section{border:0;background:radial-gradient(ellipse at 75% 50%,#2b517677,transparent 60%);margin-top:0}.home-page .social-section:before,.home-page .social-section:after{border:0}.home-page .about-section{padding-top:40px}
.metric-players small:before,.metric-mode small:before,.metric-region small:before{content:"";display:inline-block;width:16px;height:16px;margin-right:7px;vertical-align:-3px;background:currentColor;mask:var(--ui-people) center/contain no-repeat}.metric-mode small:before{mask-image:var(--ui-game)}.metric-region small:before{mask-image:var(--ui-globe)}
@media(max-width:700px){.hub-page .hub-toolbar{padding:14px}.hub-page .hub-reset{min-height:44px}.clan-directory-summary{gap:12px}.clan-order{width:100%;justify-content:space-between}.account-page:not(.is-guest) .workbench-tabs{background:#101b2c}.home-page .hero:after{height:100px}.home-page .hero-stats{margin-bottom:20px}.home-page .hero-step-link{padding:16px}.footer-support{padding:22px}.hub-primary:before{margin-right:7px}}
/* Neutral graphite surfaces; blue stays an accent. */
body.home-page{background-color:#101216;background-image:radial-gradient(ellipse 90% 650px at 100% 1800px,#23304420,transparent),linear-gradient(180deg,#0d1015,#12161c 55%,#0e1218)}
body.hub-page{background:radial-gradient(ellipse at 85% 10%,#27334720,transparent 45%),linear-gradient(160deg,#12161c,#101419 60%,#14191f)}
.home-page .hero:after{background:linear-gradient(0deg,#101216,transparent)}
.home-page .social-section{background:radial-gradient(ellipse at 75% 50%,#30415730,transparent 60%)}
.home-page .hero-stats article{background:linear-gradient(140deg,#1b2028,#151a21);border-color:#343d49}
.home-page .hero-stats article+article{border-left-color:#343d49}
.hub-page .hub-toolbar{background:linear-gradient(125deg,#1b222c,#151b23);border-color:#35404d}
.account-page:not(.is-guest){background:radial-gradient(ellipse at 90% 0,#29384c20,transparent 50%),#12171e}
.account-page:not(.is-guest) .workbench-tabs{background:#151b24}
.site-footer{background:linear-gradient(155deg,#1a222e,#11171f);border-top-color:#35404d}
.footer-support{background:#202a3540;border-color:#35404d}
@media(max-width:700px){.account-page:not(.is-guest) .workbench-tabs{background:#151b24}.home-page .social-section{background:radial-gradient(ellipse at 100% 80%,#30415730,transparent 75%)}}

/* Keep the hero and following sections on the same neutral base. */
body.home-page{background:#101419}.home-page .hero:after{background:linear-gradient(0deg,#101419,transparent)}.home-page .section-wash{display:none}.home-page .hero-stats{gap:16px;margin:20px auto 28px}.home-page .hero-step-link{box-sizing:border-box;width:100%;min-height:128px;padding:22px;align-items:center}.home-page .hero-stats article{height:auto;min-height:128px;background:#171e27}.home-page .hero-step-copy p{display:block;margin:8px 0 0}.home-page .about-section{background:transparent;padding-top:28px}.home-page .social-section{background:radial-gradient(ellipse at 75% 50%,#2b354320,transparent 60%)}@media(max-width:760px){.home-page .hero-stats{gap:10px;margin:18px auto 24px}.home-page .hero-stats article,.home-page .hero-step-link{min-height:108px}.home-page .hero-step-link{padding:18px}}
/* Near-black base with restrained blue accents. */
body.home-page{background:#090d13}body.hub-page{background:radial-gradient(ellipse at 85% 0,#1b2d4512,transparent 55%),#090d13}.home-page .hero:after{background:linear-gradient(0deg,#090d13,transparent)}.home-page .social-section{background:radial-gradient(ellipse at 75% 50%,#1c345020,transparent 60%)}.home-page .hero-stats article{background:#0e151f;border-color:#283546}.home-page .hero-stats article+article{border-left-color:#283546}.home-page .hero-stats article strong{background:#142339;border-color:#2e4563;color:#a5c6f5}.home-page .hero-step-copy p{color:#8f9fb5}.account-page:not(.is-guest){background:#0a1018}.account-page:not(.is-guest) .workbench-tabs{background:#0e1520}.site-footer{background:linear-gradient(180deg,#0d1521,#090e16);border-top-color:#253347}.footer-support{background:#101a2940;border-color:#28384d}.hub-page .hub-toolbar{background:#0e1723;border-color:#29394e}
@media(max-width:700px){.account-page:not(.is-guest) .workbench-tabs{background:#0e1520}.home-page .social-section{background:radial-gradient(ellipse at 100% 80%,#1c345018,transparent 75%)}}
/* A constrained content section must not paint a rectangular backdrop. */
.home-page .social-section{background:none!important;box-shadow:none}.home-page .social-section::before,.home-page .social-section::after{background:none!important;box-shadow:none}

/* Managed servers: compact identity, readable live data, restrained surfaces. */
.account-page .owned-server{display:grid;grid-template-columns:154px minmax(0,1fr) 240px;align-items:center;gap:22px;padding:20px;background:#10161f;border-color:#293442;box-shadow:none;border-radius:16px;min-width:0}
.owned-server-cover{position:relative;display:block;align-self:stretch;min-height:144px;overflow:hidden;border-radius:10px;background:#19222d}.owned-server-cover .server-map-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;max-width:none;max-height:none;border:0;border-radius:0}.owned-server-cover:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#070b12dd)}.owned-map-name{position:absolute;bottom:14px;left:14px;right:10px;z-index:1;color:#eff4fb;font-size:13px;font-weight:600}
.owned-server-info{min-width:0}.owned-server-identity{display:flex;align-items:center;gap:14px}.owned-server .owned-server-identity .server-logo{float:none;margin:0;width:46px;height:46px;flex-basis:46px;border-radius:10px;background:#0c121a}.owned-server-identity>div{min-width:0}.owned-server .owned-server-identity h3{font-size:18px;font-weight:650;line-height:1.4;margin:5px 0 0;overflow-wrap:anywhere}.owned-server .account-eyebrow{color:#8094b0;font-size:9px}.owned-server .owned-server-code{display:block;margin:12px 0 14px;color:#7f91aa;font-size:11px;overflow-wrap:anywhere}.owned-server .server-live-details{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}.owned-server .server-live-details>.server-map-art{display:none}.owned-server .server-live-metrics{display:flex;flex-wrap:wrap;gap:8px;flex-basis:auto}.owned-server .server-live-metrics>span{padding:6px 9px;border:1px solid #273341;background:#141d28;border-radius:6px;font-size:11px;color:#b8c7d9}.owned-server .server-live-status{padding:6px 9px;border-radius:6px;background:#15251f;font-size:11px;color:#86d5ba}.owned-server .server-live-status:not(.status-online){background:#20242c;color:#9aa7b8}.owned-server .server-live-details>small{width:100%;font-size:10px;color:#7789a1;line-height:1.5;margin:0}.owned-server .community-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding-left:20px;border-left:1px solid #263140}.owned-server .community-actions>*{display:flex;align-items:center;justify-content:center;min-height:39px;margin:0;padding:9px 10px;font-size:11px;white-space:normal;border-radius:8px;background:#151e2a;border-color:#314156}.owned-server .community-actions .owned-open{color:#d8e8ff;background:#203148;border-color:#405c7c}.owned-server .community-actions [data-ui-action=delete]{color:#d39ca4;border-color:#56323b;background:#23181e}.owned-server-controls{padding:14px;border:1px solid #283443;border-radius:12px;background:#10161f}
.monitor-direction{margin-top:8px;padding:7px 12px;border:1px solid #314156;border-radius:7px;background:#131c28;color:#b8cbe4;font:inherit;font-size:11px;cursor:pointer}.monitor-direction:disabled{opacity:.5;cursor:default}.monitor-extra{align-items:flex-start}
@media(max-width:1100px){.account-page .owned-server{grid-template-columns:125px minmax(0,1fr);gap:18px}.owned-server .community-actions{grid-column:2;border-left:0;border-top:1px solid #263140;padding:14px 0 0;display:flex;flex-wrap:wrap}.owned-server .community-actions>*{flex:1 1 95px}.owned-server-cover{grid-row:1/3}}
@media(max-width:700px){.account-page .owned-server{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.owned-server-cover{grid-row:auto;min-height:125px;max-height:150px}.owned-server .community-actions{grid-column:1;display:grid;grid-template-columns:1fr 1fr}.owned-server .community-actions>*{min-height:44px}.owned-server .owned-server-identity h3{font-size:16px}.owned-server .server-live-metrics>span{font-size:12px}.owned-server-controls{padding:12px}.monitor-direction{min-height:36px}}

/* Keep action grids inside their allocated card column. */
.account-page .owned-server,.account-page .owned-server *{box-sizing:border-box}.account-page .owned-server{grid-template-columns:154px minmax(0,1fr) minmax(0,260px)}.account-page .owned-server .community-actions{width:100%;min-width:0;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.account-page .owned-server .community-actions>*{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}.workbench-load-error{padding:24px;border:1px solid #493842;border-radius:12px;background:#15171e}.workbench-load-error p{color:#b9c5d7;margin:0 0 16px}
@media(max-width:1100px){.account-page .owned-server{grid-template-columns:125px minmax(0,1fr)}.account-page .owned-server .community-actions{width:auto}}
@media(max-width:700px){.account-page .owned-server{grid-template-columns:minmax(0,1fr)}.account-page .owned-server .community-actions{width:100%}}