.topbar{box-sizing:border-box;min-height:85px;padding:14px max(28px,calc((100vw - 1180px)/2));background:white;border-bottom:1px solid #dce3df;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:Arial,'Microsoft JhengHei',sans-serif;line-height:normal}.topbar-left{display:flex;align-items:center;min-width:0;flex:1 1 auto;gap:18px}.topbar a{text-decoration:none}.topbar .brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;white-space:nowrap;color:#183b30}.brand-icon,.brand-icon img{display:block;width:39px;height:39px;border-radius:12px}.topbar .mode-tabs{display:flex;gap:10px;flex-wrap:nowrap}.topbar .mode-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;border-radius:9px;font-size:15px;font-weight:700;white-space:nowrap;background:#eef3f0;color:#4d5f56}.topbar .mode-tab.is-active{background:#087e68;color:white}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar .theme-toggle{position:static;margin:0;display:inline-flex;align-items:center;padding:10px 12px;border:1px solid #cadfd6;border-radius:9px;background:#f4f8f6;color:#123d35;cursor:pointer;font-size:13px}.discord-contact{display:inline-flex;align-items:center;gap:8px;color:#5865f2;font-weight:700;white-space:nowrap}.topbar a:focus-visible,.topbar button:focus-visible{outline:3px solid #37ad91;outline-offset:3px}html[data-theme=dark] .topbar{background:#25272a;border-color:#3a3f3c}html[data-theme=dark] .topbar .brand{color:#dfebe6}html[data-theme=dark] .topbar .mode-tab:not(.is-active),html[data-theme=dark] .topbar .theme-toggle{background:#2d3033;color:#c5d8ce;border-color:#464b4e}@media(max-width:1100px){.topbar-left{flex-basis:100%;justify-content:space-between}.topbar-actions{margin-left:auto}}@media(max-width:600px){.topbar{padding:12px 20px}.topbar-left{flex-wrap:wrap;gap:12px}.topbar .mode-tabs{width:100%;flex-wrap:wrap}.topbar .mode-tab{flex:1;padding:10px;font-size:12px}.topbar-actions{width:100%;justify-content:space-between;flex-wrap:wrap;margin-left:0}.topbar .brand{font-size:17px}.discord-contact{font-size:13px}}

/* Shared dimensions for the database, market and update headers. */
header.topbar{font-size:16px;line-height:1.5;row-gap:14px}header.topbar *,header.topbar *::before,header.topbar *::after{box-sizing:border-box}header.topbar .mode-tab{font-family:Arial,'Microsoft JhengHei',sans-serif;font-size:15px;line-height:1.5;min-height:44.5px;border:0}header.topbar .theme-toggle{font-family:Arial,'Microsoft JhengHei',sans-serif;font-size:13px;line-height:1.5;padding:9px 12px;min-height:39.5px;gap:7px}header.topbar .discord-contact{font-size:17px;line-height:1.5}header.topbar .discord-contact svg{width:23px;height:23px}header.topbar .mode-tab svg{flex-shrink:0}header.topbar .brand{line-height:1.5}@media(max-width:760px){header.topbar .mode-tab{font-size:14px}header.topbar .discord-contact{font-size:15px}header.topbar .discord-contact svg{width:20px;height:20px}}@media(max-width:600px){header.topbar .mode-tab{font-size:12px;min-height:38px}header.topbar .discord-contact{font-size:13px}}

/* Allow the additional tool link to wrap on narrower screens. */
header.topbar .topbar-left{flex-wrap:wrap}header.topbar .mode-tabs{flex-wrap:wrap}

@media(min-width:1000px){
 header.topbar{padding-left:24px;padding-right:24px;flex-wrap:nowrap;gap:12px}
 header.topbar .topbar-left{flex:1 1 auto;flex-basis:auto;justify-content:flex-start;flex-wrap:nowrap;gap:12px}
 header.topbar .mode-tabs{flex-wrap:nowrap;gap:6px}
 header.topbar .mode-tab{padding:10px 9px;font-size:14px}
 header.topbar .brand{font-size:18px}
 header.topbar .topbar-actions{flex:0 0 auto;margin-left:0;gap:8px}
 header.topbar .discord-contact{font-size:14px}
 header.topbar .database-nav-detail{display:none}
}
@media(min-width:1000px) and (max-width:1200px){
 header.topbar{padding-left:14px;padding-right:14px;gap:8px}
 header.topbar .topbar-left{gap:8px}
 header.topbar .brand{font-size:16px;gap:6px}
 header.topbar .mode-tab{font-size:12px;padding:9px 7px;gap:4px}
 header.topbar .discord-contact{font-size:12px}
 header.topbar .theme-toggle{font-size:12px;padding:8px}
}

/* Language switch (classic look) */
.topbar .lang-seg{display:inline-flex;padding:3px;gap:2px;border:1px solid #cadfd6;border-radius:9px;background:#f4f8f6}.topbar .lang-seg button{font:600 13px/1 Arial,"Microsoft JhengHei",sans-serif;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#4d5f56;cursor:pointer}.topbar .lang-seg button[aria-pressed=true]{background:#087e68;color:#fff}html[data-theme=dark] .topbar .lang-seg{background:#2d3033;border-color:#464b4e}html[data-theme=dark] .topbar .lang-seg button{color:#c5d8ce}html[data-theme=dark] .topbar .lang-seg button[aria-pressed=true]{background:#087e68;color:#fff}