:root {
  --bg: #080d14;
  --surface: #0d151f;
  --surface-2: #111c29;
  --surface-3: #162231;
  --text: #f4f7fb;
  --muted: #9aa8b8;
  --muted-2: #6f8093;
  --line: #263444;
  --line-soft: rgba(255,255,255,.08);
  --blue: #5b8def;
  --blue-strong: #3f74d5;
  --green: #62c894;
  --amber: #d8aa5c;
  --red: #de7474;
  --rust: #d36f39;
  --minecraft: #72b85a;
  --radius: 8px;
  --shadow: 0 18px 55px rgba(0,0,0,.24);
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: dark; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
button, input, textarea, select { font: inherit; }
a { color: inherit; }
img { max-width: 100%; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.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; }
.hidden { display: none !important; }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 999; transform: translateY(-150%); background: #fff; color: #07101b; padding: 10px 14px; border-radius: 4px; font-weight: 700; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #8bb1ff; outline-offset: 3px; }

.section-shell { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
.content-section { padding: 86px 0; }
.surface-section { background: #0b121b; border-block: 1px solid var(--line-soft); }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(8,13,20,.94); border-bottom: 1px solid var(--line-soft); backdrop-filter: blur(12px); }
.header-inner { width: min(var(--max), calc(100% - 40px)); height: 72px; margin: 0 auto; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; flex: 0 0 auto; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #4778d2; border-radius: 6px; background: #17305a; color: #f5f8ff; font-weight: 800; letter-spacing: -.04em; }
.brand-copy strong, .brand-copy small { display: block; line-height: 1; }
.brand-copy strong { font-size: 13px; letter-spacing: .08em; }
.brand-copy small { margin-top: 5px; color: #7890aa; font-size: 9px; font-weight: 700; letter-spacing: .22em; }
.desktop-nav { display: flex; align-items: center; gap: 24px; }
.desktop-nav a { color: #b5c0cd; text-decoration: none; font-size: 13px; font-weight: 650; }
.desktop-nav a:hover { color: #fff; }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 6px; background: #0d1722; color: #fff; }
.menu-toggle svg { width: 21px; height: 21px; }

.btn { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 14px; border: 1px solid var(--line); border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: 750; cursor: pointer; transition: border-color .16s ease, background-color .16s ease, transform .16s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--blue-strong); border-color: #5e8fe8; color: #fff; }
.btn-primary:hover { background: #4b7fdd; }
.btn-secondary { background: #111b27; color: #e6edf6; }
.btn-secondary:hover { background: #162331; border-color: #3b4d61; }
.btn-large { min-height: 48px; padding: 11px 17px; font-size: 14px; }
.btn-full { width: 100%; }

.hero { min-height: 610px; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr); gap: 74px; align-items: center; padding: 92px 0 86px; }
.eyebrow, .section-label { margin: 0; color: #7fa9f6; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.hero h1 { max-width: 690px; margin: 16px 0 20px; font-size: clamp(44px, 5.3vw, 72px); line-height: 1.02; letter-spacing: -.045em; }
.hero-lead { max-width: 680px; margin: 0; color: #b0bdca; font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.hero-note { max-width: 630px; margin: 22px 0 0; color: #75869a; font-size: 12px; }

.network-directory { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); overflow: hidden; }
.directory-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 22px 18px; border-bottom: 1px solid var(--line-soft); }
.directory-head h2 { margin: 5px 0 0; font-size: 20px; letter-spacing: -.02em; }
.source-state { color: #8494a7; font-size: 11px; white-space: nowrap; }
.source-state.live { color: #83d5a8; }
.source-state.snapshot { color: #d4b16d; }
.directory-list { display: grid; }
.directory-item { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 13px; align-items: center; min-height: 86px; padding: 15px 20px; border-bottom: 1px solid var(--line-soft); }
.directory-item:last-child { border-bottom: 0; }
.directory-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 6px; background: #111b26; color: #91a7c1; }
.directory-icon svg { width: 20px; height: 20px; }
.directory-icon.rust { color: #e08a5b; border-color: rgba(211,111,57,.35); background: rgba(211,111,57,.08); }
.directory-icon.blue { color: #7ca6f1; border-color: rgba(91,141,239,.35); background: rgba(91,141,239,.08); }
.directory-icon.green { color: #87ca72; border-color: rgba(114,184,90,.35); background: rgba(114,184,90,.08); }
.directory-copy strong { display: block; font-size: 14px; }
.directory-copy small { display: block; margin-top: 2px; color: var(--muted-2); font-size: 11px; }
.directory-state { text-align: right; }
.directory-state strong { display: block; font-size: 12px; }
.directory-state small { display: block; margin-top: 2px; color: var(--muted-2); font-size: 10px; }

.service-notice { border-block: 1px solid rgba(216,170,92,.26); background: rgba(216,170,92,.07); }
.service-notice-inner { min-height: 62px; display: flex; align-items: center; gap: 12px; }
.service-notice svg { flex: 0 0 auto; width: 21px; height: 21px; color: var(--amber); }
.service-notice p { margin: 0; color: #c7b99e; font-size: 13px; }
.service-notice strong { color: #f0d7aa; }

.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 44px; margin-bottom: 32px; }
.section-heading h2 { max-width: 650px; margin: 7px 0 0; font-size: clamp(30px, 3.4vw, 46px); line-height: 1.1; letter-spacing: -.035em; }
.section-heading > p { max-width: 500px; margin: 0; color: var(--muted); font-size: 14px; }
.compact-heading { margin-bottom: 24px; }

.server-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
.server-card { min-height: 100%; display: flex; flex-direction: column; border: 1px solid var(--line); border-top: 3px solid #547fc9; border-radius: var(--radius); background: var(--surface); overflow: hidden; }
.server-card.accent-rust { border-top-color: var(--rust); }
.server-card.accent-green { border-top-color: var(--minecraft); }
.server-card.accent-blue { border-top-color: var(--blue); }
.server-card.accent-amber { border-top-color: var(--amber); }
.server-card-body { display: flex; flex-direction: column; flex: 1; padding: 22px; }
.card-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.platform-label { color: #8092a7; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.status-label { display: inline-flex; align-items: center; gap: 6px; color: #a6b3c1; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.status-label::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #68798d; }
.status-label.online { color: #8bd9ae; }
.status-label.online::before { background: var(--green); }
.status-label.development { color: #8eafe9; }
.status-label.development::before { background: var(--blue); }
.status-label.beta, .status-label.maintenance { color: #e4c17b; }
.status-label.beta::before, .status-label.maintenance::before { background: var(--amber); }
.status-label.offline { color: #e49393; }
.status-label.offline::before { background: var(--red); }
.server-title-row { display: flex; align-items: center; gap: 12px; margin-top: 22px; }
.server-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 6px; color: #9ab0ca; background: #101a25; }
.server-icon svg { width: 22px; height: 22px; }
.server-card h3 { margin: 0; font-size: 21px; letter-spacing: -.025em; }
.server-card .description { min-height: 92px; margin: 16px 0 0; color: #9faebf; font-size: 13px; }
.live-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 18px 0; }
.live-fact { padding: 10px 11px; border: 1px solid var(--line-soft); border-radius: 6px; background: #0a121b; }
.live-fact small { display: block; color: #6f8196; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.live-fact strong { display: block; margin-top: 4px; font-size: 12px; }
.feature-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding-left: 16px; color: #b0bdca; font-size: 12px; }
.feature-list li::before { content: ""; position: absolute; left: 1px; top: .62em; width: 5px; height: 5px; border: 1px solid #6b87aa; }
.card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; padding-top: 22px; }
.card-actions.single { grid-template-columns: 1fr; }

.project-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.project-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 22px; }
.project-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.project-card h3 { margin: 6px 0 0; font-size: 19px; letter-spacing: -.02em; }
.project-card p { margin: 14px 0 18px; color: var(--muted); font-size: 13px; }
.project-status { flex: 0 0 auto; }
.progress-meta { display: flex; justify-content: space-between; gap: 12px; color: #77889c; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.progress-track { height: 6px; margin-top: 7px; border: 1px solid var(--line-soft); background: #081019; overflow: hidden; }
.progress-track span { display: block; height: 100%; background: #507fd4; }
.project-link { display: inline-block; margin-top: 16px; color: #9bbbf5; font-size: 12px; font-weight: 700; text-decoration: none; }
.project-link:hover { text-decoration: underline; }

.updates-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.update-card { display: flex; flex-direction: column; min-height: 275px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 22px; }
.update-meta { display: flex; gap: 8px; color: #788ba0; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.update-card h3 { margin: 17px 0 10px; font-size: 19px; line-height: 1.25; letter-spacing: -.02em; }
.update-card p { margin: 0; color: var(--muted); font-size: 13px; }
.text-button { width: max-content; margin-top: auto; padding: 20px 0 0; border: 0; background: none; color: #9bbbf5; font-weight: 750; font-size: 12px; cursor: pointer; }
.text-button:hover { text-decoration: underline; }

.status-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.status-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 18px; }
.status-card-head { display: flex; align-items: center; gap: 10px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #68798d; flex: 0 0 auto; }
.status-dot.online { background: var(--green); }
.status-dot.offline { background: var(--red); }
.status-dot.development { background: var(--blue); }
.status-dot.maintenance, .status-dot.beta { background: var(--amber); }
.status-card h3 { margin: 0; font-size: 14px; }
.status-card .status-main { margin: 15px 0 0; font-size: 19px; font-weight: 760; }
.status-card .status-detail { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.status-card .status-check { margin-top: 12px; color: #617389; font-size: 10px; }

.principle-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.principle-grid article { border: 1px solid var(--line); border-radius: var(--radius); background: #0b131d; padding: 22px; }
.principle-grid svg { width: 24px; height: 24px; color: #7fa9f6; }
.principle-grid h3 { margin: 16px 0 7px; font-size: 16px; }
.principle-grid p { margin: 0; color: var(--muted); font-size: 12px; }

.community-cta { margin-bottom: 84px; display: flex; align-items: center; justify-content: space-between; gap: 42px; border: 1px solid #31445a; border-radius: var(--radius); background: #101a26; padding: 34px; }
.community-cta h2 { margin: 7px 0 9px; font-size: 30px; letter-spacing: -.03em; }
.community-cta p { max-width: 700px; margin: 0; color: var(--muted); font-size: 13px; }
.cta-actions { display: flex; flex-wrap: wrap; gap: 9px; flex: 0 0 auto; }

.site-footer { border-top: 1px solid var(--line-soft); background: #070b11; }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 48px; padding: 52px 0 42px; }
.footer-about > p { max-width: 340px; color: #8b9aab; }
.footer-about #footerTagline { margin: 18px 0 5px; color: #b8c3cf; font-size: 13px; font-weight: 700; }
.footer-small { margin: 0; font-size: 11px; }
.footer-grid h3 { margin: 0 0 13px; color: #72849a; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.footer-grid > div:not(.footer-about) { display: flex; flex-direction: column; align-items: flex-start; }
.footer-grid a, .footer-link-button { margin: 0 0 8px; border: 0; padding: 0; background: none; color: #a5b2c0; font-size: 12px; text-decoration: none; cursor: pointer; }
.footer-grid a:hover, .footer-link-button:hover { color: #fff; text-decoration: underline; }
.footer-bottom { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; padding: 18px 0 28px; border-top: 1px solid var(--line-soft); color: #617184; font-size: 10px; }
.footer-bottom span:last-child { max-width: 690px; text-align: right; }

.loading-row { grid-column: 1 / -1; padding: 26px; border: 1px dashed var(--line); border-radius: var(--radius); color: #78899d; font-size: 13px; text-align: center; }

.modal { position: fixed; inset: 0; z-index: 100; display: none; place-items: center; padding: 20px; }
.modal.open { display: grid; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(2,5,9,.78); }
.modal-card { position: relative; z-index: 1; width: min(620px,100%); max-height: min(780px, calc(100vh - 40px)); overflow: auto; border: 1px solid #344559; border-radius: var(--radius); background: #0e1722; box-shadow: 0 30px 90px rgba(0,0,0,.5); padding: 28px; }
.modal-card h2 { margin: 8px 42px 10px 0; font-size: 28px; letter-spacing: -.03em; }
.modal-card > p { color: #a7b4c2; }
.modal-extra { color: #b5c0cc; font-size: 13px; }
.modal-close { position: absolute; top: 16px; right: 16px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 6px; background: #111b27; color: #dce5ef; cursor: pointer; }
.modal-close svg { width: 19px; height: 19px; }
.toast { position: fixed; left: 50%; bottom: 26px; z-index: 150; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; border: 1px solid #35506e; border-radius: 6px; background: #101c29; color: #eaf1fa; padding: 10px 14px; font-size: 12px; transition: opacity .16s ease, transform .16s ease; }
.toast.show { opacity: 1; transform: translate(-50%,0); }

/* Privacy notice and preferences */
.privacy-notice { position: fixed; z-index: 180; left: 20px; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 20px; width: min(760px, calc(100% - 40px)); margin: 0 auto; border: 1px solid #34465b; border-radius: 7px; background: #101923; box-shadow: 0 18px 55px rgba(0,0,0,.42); padding: 16px; }
.privacy-notice p { flex: 1; margin: 0; color: #aeb9c5; font-size: 12px; }
.privacy-notice strong { color: #eef3f9; }
.privacy-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.privacy-dialog { position: fixed; inset: 0; z-index: 190; display: none; place-items: center; padding: 20px; }
.privacy-dialog.open { display: grid; }
.privacy-dialog-backdrop { position: absolute; inset: 0; background: rgba(2,5,9,.78); }
.privacy-dialog-card { position: relative; z-index: 1; width: min(560px,100%); border: 1px solid #34465b; border-radius: 7px; background: #0e1722; padding: 26px; }
.privacy-dialog-card h2 { margin: 0 40px 8px 0; font-size: 24px; }
.privacy-dialog-card > p { margin: 0 0 18px; color: var(--muted); font-size: 13px; }
.privacy-choice { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid var(--line-soft); }
.privacy-choice strong { display: block; font-size: 13px; }
.privacy-choice small { display: block; margin-top: 3px; color: #7d8da0; font-size: 11px; }
.choice-state { color: #8bd9ae; font-size: 11px; font-weight: 750; }
.privacy-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }

/* Legal / information pages */
.legal-hero { padding: 70px 0 40px; }
.legal-hero h1 { max-width: 760px; margin: 8px 0 14px; font-size: clamp(38px,5vw,58px); line-height: 1.05; letter-spacing: -.04em; }
.legal-hero p { max-width: 760px; margin: 0; color: var(--muted); }
.legal-layout { display: grid; grid-template-columns: 220px minmax(0,760px); gap: 56px; align-items: start; padding: 22px 0 90px; }
.legal-nav { position: sticky; top: 96px; display: grid; gap: 7px; }
.legal-nav a { color: #8fa0b3; font-size: 12px; text-decoration: none; }
.legal-nav a:hover { color: #fff; }
.legal-content { min-width: 0; }
.legal-content section { padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line-soft); }
.legal-content section:last-child { border-bottom: 0; }
.legal-content h2 { margin: 0 0 10px; font-size: 23px; letter-spacing: -.025em; }
.legal-content h3 { margin: 22px 0 7px; font-size: 15px; }
.legal-content p, .legal-content li { color: #a7b3c1; font-size: 13px; }
.legal-content ul { padding-left: 20px; }
.legal-content a { color: #9bbbf5; }
.legal-callout { border-left: 3px solid #517fcf; background: #0e1722; padding: 14px 16px; color: #aab7c5; font-size: 12px; }
.legal-meta { color: #718398; font-size: 11px; }

@media (max-width: 1020px) {
  .desktop-nav { display: none; }
  .desktop-nav.open { position: absolute; top: 72px; left: 20px; right: 20px; display: grid; gap: 0; border: 1px solid var(--line); background: #0d151f; box-shadow: var(--shadow); }
  .desktop-nav.open a { padding: 14px 16px; border-bottom: 1px solid var(--line-soft); }
  .desktop-nav.open a:last-child { border-bottom: 0; }
  .menu-toggle { display: grid; place-items: center; }
  .hero { grid-template-columns: 1fr; min-height: auto; gap: 44px; padding-top: 72px; }
  .network-directory { max-width: 760px; }
  .server-grid, .updates-grid, .status-grid, .principle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2 / 4; }
}

@media (max-width: 720px) {
  .section-shell, .header-inner { width: min(100% - 28px, var(--max)); }
  .content-section { padding: 64px 0; }
  .header-actions > .btn { display: none; }
  .brand-copy strong { font-size: 12px; }
  .hero { padding: 58px 0 64px; }
  .hero h1 { font-size: clamp(40px,12vw,56px); }
  .hero-lead { font-size: 16px; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .section-heading > p { max-width: 680px; }
  .server-grid, .project-grid, .updates-grid, .status-grid, .principle-grid { grid-template-columns: 1fr; }
  .server-card .description { min-height: 0; }
  .community-cta { align-items: flex-start; flex-direction: column; margin-bottom: 60px; padding: 24px; }
  .cta-actions, .cta-actions .btn { width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 24px; }
  .footer-about { grid-column: 1 / -1; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; }
  .footer-bottom span:last-child { text-align: left; }
  .privacy-notice { align-items: stretch; flex-direction: column; gap: 12px; }
  .privacy-actions, .privacy-actions .btn { width: 100%; }
  .legal-layout { grid-template-columns: 1fr; gap: 24px; }
  .legal-nav { position: static; display: flex; flex-wrap: wrap; gap: 10px 16px; padding-bottom: 20px; border-bottom: 1px solid var(--line-soft); }
}

@media (max-width: 460px) {
  .hero-actions, .hero-actions .btn { width: 100%; }
  .directory-head { flex-direction: column; }
  .directory-item { grid-template-columns: 36px minmax(0,1fr); }
  .directory-state { grid-column: 2; text-align: left; }
  .live-facts, .card-actions { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}


/* Emberstone Network v7 — authenticated header */
.header-signin-link{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;color:#c8d5e3;text-decoration:none;font-size:13px;font-weight:720;border-radius:6px}.header-signin-link:hover{background:#111c29;color:#fff}.public-account-wrap{position:relative}.public-account-chip{min-width:180px;height:44px;border:1px solid #2a3d52;background:#0e1824;border-radius:8px;padding:5px 9px 5px 6px;color:var(--text);display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;transition:background .16s,border-color .16s}.public-account-chip:hover,.public-account-chip[aria-expanded="true"]{background:#142231;border-color:#3a5571}.public-account-chip>svg{width:15px;margin-left:auto;color:#71869b}.public-avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid #3d638c;background:linear-gradient(145deg,#173a61,#0d233a);border-radius:7px;font-size:11px;font-weight:850;color:#e1edfb;flex:0 0 auto}.public-avatar.large{width:42px;height:42px;border-radius:9px;font-size:13px}.public-account-copy{min-width:0}.public-account-copy strong,.public-account-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-account-copy strong{font-size:12px}.public-account-copy small{font-size:9px;color:#72869a;text-transform:uppercase;letter-spacing:.07em;margin-top:2px}.public-account-menu{position:absolute;right:0;top:52px;width:268px;border:1px solid #2b4056;background:rgba(10,20,31,.985);border-radius:10px;padding:7px;box-shadow:0 26px 70px rgba(0,0,0,.42);z-index:100;animation:publicMenuIn .16s ease}@keyframes publicMenuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.public-account-menu-head{display:flex;align-items:center;gap:10px;padding:9px 9px 11px}.public-account-menu-head strong,.public-account-menu-head small{display:block;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-account-menu-head strong{font-size:12px}.public-account-menu-head small{font-size:10px;color:#71869a;margin-top:2px}.public-account-menu a,.public-account-menu button{width:100%;min-height:39px;display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:6px;color:#aebdcc;text-decoration:none;padding:8px 10px;text-align:left;font-size:12px;cursor:pointer}.public-account-menu a:hover,.public-account-menu button:hover{background:#132234;color:#fff}.public-account-menu .staff-menu-link{color:#bcd5ff}.public-account-menu .staff-menu-link span{margin-left:auto;border:1px solid #34577e;border-radius:4px;padding:2px 5px;font-size:7px;letter-spacing:.09em;color:#7facdf}.public-account-menu-separator{height:1px;background:#1f3143;margin:5px 3px}.public-user-actions{position:relative}
@media(max-width:760px){.public-account-chip{min-width:0}.public-account-copy{display:none}.discord-header-button{display:none}.public-account-menu{right:-48px;width:min(280px,calc(100vw - 28px))}}