/* Shared sticky header V36.23 — inherits theme and text scaling */
:root{--jwq-head-height:86px}
body{padding-top:var(--jwq-head-height)!important}
.jwq-global-header{position:fixed!important;z-index:11000;top:0;left:0;right:0;min-height:var(--jwq-head-height);background:var(--bg,var(--background,#fcf6e9));background:color-mix(in srgb,var(--bg,var(--background,#fcf6e9)) 95%,transparent);border-bottom:1px solid var(--border,var(--line,#dac9b5));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;font-family:inherit}
.jwq-global-inner{max-width:1140px;min-height:var(--jwq-head-height);margin:0 auto;padding:10px clamp(12px,3vw,28px);display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box}
.jwq-global-logo{text-decoration:none;display:inline-flex;flex-direction:column;white-space:nowrap;flex-shrink:1;min-width:0;line-height:1}
.jwq-global-brand{font-size:clamp(19px,3.5vw,29px);font-weight:450;letter-spacing:.17em;color:var(--text,var(--ink,#523b2d));white-space:nowrap}
.jwq-global-brand strong{color:#4383da;font-weight:750}
.jwq-global-tagline{font-size:clamp(6px,1vw,9px);font-weight:750;letter-spacing:.32em;margin-top:8px;color:var(--muted,var(--text-muted,#806b5a))}
.jwq-global-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
.jwq-global-stat{border:1px solid var(--border,var(--line,#d4dcea));background:var(--surface,var(--card,#fff));border-radius:999px;padding:7px 10px;font-size:clamp(10px,1.5vw,13px);font-weight:800;color:var(--accent,var(--primary,#286bc3));white-space:nowrap;line-height:1.1;font-variant-numeric:tabular-nums}
.jwq-global-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--surface,var(--card,#f1e5d6));border:1px solid var(--border,var(--line,#d6c4ac));color:var(--text,var(--ink,#503b2e));font-size:23px;text-decoration:none;cursor:pointer;line-height:1;font-family:inherit}
.jwq-global-lang{position:relative}.jwq-global-lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:156px;border-radius:14px;border:1px solid var(--border,#d6c4ac);background:var(--surface,#fff);padding:5px;box-shadow:0 10px 24px #0002;display:none;z-index:11010}
.jwq-global-lang-menu.open{display:grid}.jwq-global-lang-menu button{border:0;border-radius:9px;padding:11px;text-align:left;background:transparent;color:var(--text,#302b25);font:inherit;cursor:pointer}.jwq-global-lang-menu button[aria-current=true],.jwq-global-lang-menu button:hover{background:var(--accent-soft,#e8ebf5)}
.jwq-global-profile{position:relative}.jwq-global-level-bubble{position:absolute;bottom:-4px;right:-6px;color:white;background:#286ed1;border:2px solid var(--surface,#fff);font-size:10px;font-weight:850;padding:3px 6px;border-radius:99px;min-width:13px;text-align:center}
/* Keep legacy nodes alive for existing profile/game scripts, but hide their visual header. */
body:has(.jwq-global-header) .app>header.top,body:has(.jwq-global-header) .app>.top,body:has(.jwq-global-header) .wrap>.header,body:has(.jwq-global-header)>header.top{display:none!important}
@media(max-width:520px){:root{--jwq-head-height:72px}.jwq-global-inner{padding:8px 10px;gap:5px}.jwq-global-actions{gap:4px}.jwq-global-stat{padding:6px 7px}.jwq-global-icon{width:34px;height:34px;font-size:18px}.jwq-global-brand{font-size:clamp(17px,4.4vw,23px);letter-spacing:.10em}.jwq-global-tagline{font-size:6px;letter-spacing:.20em;margin-top:5px}}
@media(max-width:365px){.jwq-global-brand{font-size:16px}.jwq-global-tagline{letter-spacing:.1em}.jwq-global-stat{font-size:9px;padding:5px}.jwq-global-icon{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.jwq-global-header *{transition:none!important}}

/* V36.23: unified fixed header and resolved theme/appearance for every route */
.jwq-global-header{background:var(--surface,var(--card,var(--bg,var(--background,#faf8f4))))!important;
color:var(--text,var(--ink,#342f2b))!important;
border-bottom:1px solid var(--border,var(--line,#dad3c9))!important}
.jwq-global-inner{align-items:center!important}
.jwq-global-logo{align-items:center!important;justify-content:center!important;text-align:center!important;gap:0!important}
.jwq-global-brand{letter-spacing:.13em!important}
.jwq-global-tagline{letter-spacing:.24em!important;margin-top:7px!important}
.jwq-global-actions{align-items:center!important;gap:8px!important}
.jwq-global-stat{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;height:36px!important;padding:0 11px!important;
 background:var(--surface,var(--card,#fff))!important;
 border:1px solid var(--border,var(--line,#d6d6d6))!important;
 color:var(--text,var(--ink,#342f2b))!important;
 text-decoration:none!important;font-size:12px!important;
 box-shadow:none!important;cursor:default!important}
.jwq-global-xp{font-size:10px!important;font-weight:700!important;padding:0 9px!important;opacity:.85}
.jwq-global-icon{box-sizing:border-box!important;width:38px!important;height:38px!important;
 flex:none!important;border-radius:50%!important;
 background:var(--surface,var(--card,#fff))!important;
 border:1px solid var(--border,var(--line,#d6d6d6))!important;
 color:var(--text,var(--ink,#342f2b))!important;
 box-shadow:none!important;font-size:19px!important}
.jwq-global-level-bubble{display:none!important}
.jwq-global-lang-menu{background:var(--surface,var(--card,#fff))!important;color:var(--text,var(--ink,#342f2b))!important}
@media(max-width:520px){
 .jwq-global-actions{gap:4px!important}
 .jwq-global-stat{font-size:10px!important;height:32px!important;padding:0 7px!important}
 .jwq-global-xp{font-size:9px!important;padding:0 6px!important}
 .jwq-global-icon{width:33px!important;height:33px!important;font-size:17px!important}
 .jwq-global-brand{font-size:clamp(16px,4vw,22px)!important;letter-spacing:.08em!important}
 .jwq-global-tagline{font-size:6px!important;letter-spacing:.11em!important}
}
@media(max-width:365px){
 .jwq-global-inner{padding-left:6px!important;padding-right:6px!important;gap:4px!important}
 .jwq-global-actions{gap:3px!important}
 .jwq-global-stat{height:29px!important;padding:0 5px!important;font-size:9px!important}
 .jwq-global-xp{font-size:8px!important}
 .jwq-global-icon{width:29px!important;height:29px!important;font-size:15px!important}
 .jwq-global-brand{font-size:15px!important}
}

/* V36.23 shared header proportions */
.jwq-global-level{font-size:10px!important;font-weight:700!important;letter-spacing:.01em!important}
.jwq-global-xp{font-size:9px!important;font-weight:650!important}
.jwq-global-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:18px!important}
@media(max-width:520px){.jwq-global-level{font-size:9px!important}.jwq-global-xp{font-size:8px!important}.jwq-global-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:16px!important}}
/* Meet uses the same semantic surface in all six themes. */
body:has(#articleList){--meet-bg:var(--bg,var(--background,#f8fbff));--meet-card:var(--surface,var(--card,#fff));--meet-fg:var(--text,var(--ink,#172744));--meet-border:var(--border,var(--line,#dae4ed));--meet-muted:var(--text-muted,var(--muted,#65728a));--meet-accent:var(--accent,var(--primary,#386b9b))}

/* V36.23: optical center for globe glyph in the circular control */
#jwqSharedLanguage{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0!important;text-indent:0!important;line-height:1!important;letter-spacing:0!important}
#jwqSharedLanguage .jwq-globe-glyph{display:block;transform:translateX(-1px);line-height:1}