/* Unified site header controls (Arty 2026-10-30): ☰, logout, AR|EN, بيسي|جوال and the account chip share ONE look —
   40px tall, 12px radius, 1px cyan border, dark gradient, soft cyan glow + purple inset. The ArtyJx logo is untouched. */
#siteHdr{--hb-h:40px;--hb-r:12px;--hb-bc:rgba(62,240,255,.6);--hb-bg:linear-gradient(135deg,rgba(23,27,34,.96),rgba(31,37,48,.96));--hb-sh:0 0 0 1px rgba(168,85,247,.25) inset,0 0 12px rgba(62,240,255,.18)}
html body #siteHdr #hdrBurger{width:var(--hb-h)!important;height:var(--hb-h)!important;border-radius:var(--hb-r)!important;border:1px solid var(--hb-bc)!important;background:var(--hb-bg)!important;box-shadow:var(--hb-sh)!important;box-sizing:border-box;color:#fff;transition:border-color .2s,box-shadow .2s}
html body #siteHdr #hdrLogout{height:var(--hb-h)!important;border-radius:var(--hb-r)!important;border:1px solid var(--hb-bc)!important;background:var(--hb-bg)!important;box-shadow:var(--hb-sh)!important;box-sizing:border-box}
html body #siteHdr #hdrBurger:hover,html body #siteHdr #hdrBurger:focus-visible{border-color:#ff2e88!important;box-shadow:0 0 0 1px rgba(168,85,247,.55) inset,0 0 16px rgba(255,46,136,.35)!important;outline:none}
/* (1) AR | EN: same box as the square buttons next to it; the active language = the site's purple→cyan pill */
html body #siteHdr .langsw{height:var(--hb-h)!important;box-sizing:border-box;align-items:stretch;gap:2px;padding:3px!important;border-radius:var(--hb-r)!important;border:1px solid var(--hb-bc)!important;background:var(--hb-bg)!important;box-shadow:var(--hb-sh)!important;overflow:hidden;flex:none}
html body #siteHdr .langsw button{display:flex!important;align-items:center;justify-content:center;min-width:32px;padding:0 8px!important;border-radius:9px!important;font:800 13px/1 "Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:.3px;color:#9ff3ff;background:transparent}
html body #siteHdr .langsw button[aria-pressed=true]{background:linear-gradient(90deg,#b45cff,#3ef0ff)!important;color:#0b0d11!important}
html body #siteHdr .langsw button:hover:not([aria-pressed=true]){background:rgba(62,240,255,.16)}
/* (3) account chip (avatar + coins/XP): same height, border, radius and background as the buttons */
html body #siteHdr #hdrMini:not(:empty){align-items:center;white-space:nowrap;height:var(--hb-h)!important;box-sizing:border-box;padding:0 12px!important;border-radius:var(--hb-r)!important;border:1px solid var(--hb-bc)!important;background:var(--hb-bg)!important;box-shadow:var(--hb-sh)!important;gap:6px}
/* Arty 2026-11-01: بدون بطاقة في شريط XP → padding متساوي من الجهتين */
html body #siteHdr #hdrMini img{width:26px;height:26px}
/* (4) the coin is an SVG (the 🪙 emoji is missing on older Windows/Android fonts and showed as an empty box) */
.ajx-coin{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;flex:none}
/* (2) «بيسي | جوال» in the header = exactly the game pages' toggle (dark pill, 2px cyan border, radius 10, gradient on the active side), at header height */
html body #siteHdr #hdrPm .ajx-pm-yt{height:var(--hb-h);box-sizing:border-box}
html body #siteHdr #hdrPm .ajx-pm-yt button{font:800 15px/1.2 inherit;font-family:inherit;padding:0 12px;display:flex;align-items:center;gap:4px}
@media(max-width:640px){html body #siteHdr #hdrPm .ajx-pm-yt button{font-size:13px;padding:0 9px}}