/* ==========================================================================
   MTWAFIQ v6.0 — three looks (optional presets), chosen by the visitor:
   · global — the MTWAFIQ look as it is (default)
   · gcc    — Saudi / GCC: palm green, desert sand and Najdi gold; Sadu weave and Najdi crenellation; Diriyah, AlUla, Jeddah and the Kingdom Centre
   (v6.0.2: the Middle East look was retired; GCC is the default.)
   Real photographs and footage only (no credits shown on the site). Videos are silent, slow and optional:
   they never play for reduced-motion, data-saver or slow connections. No flags, emblems, music or religious text used as decoration.
   ========================================================================== */

/* ── tokens ── */
[data-look=gcc]{
  --turq:#0E7A4F;--green:#3E9B4F;--orange:#B98A2E;--mint:#E9D9B4;--lime:#9FD67A;--peach:#E7B98A;
  --tdark:#0A5C3B;--gdark:#2B7A3A;--odark:#8C641C;
  --lk-1:#0E7A4F;--lk-2:#B98A2E;--lk-3:#A4262C;--lk-sand:#EFE4CC;--lk-ink:#0B1A13;
}
[data-look=gcc][data-theme=light]{--bg:#FFFDF8;--bg-alt:#F7F1E4;--surface-2:#FBF6EC;--chip:#F3EBDA;--border:#E9DFCB;--g1:#0E7A4F;--g2:#2B7A3A;--g3:#B98A2E}
[data-look=gcc][data-theme=dark]{--bg:#09120E;--bg-alt:#0C1712;--surface:#101C16;--surface-2:#14231B;--elev:#18291F;--border:#1F3328;--mint:#E9D9B4;--g1:#7FD3A4;--g2:#C9E59A;--g3:#E9C27A;--a1:#9FE0BC;--link:#9FE0BC}
[data-look=me]{
  --turq:#1F6F8B;--green:#2A9D8F;--orange:#C0583B;--mint:#E9C46A;--lime:#8FD3C8;--peach:#F0A98E;
  --tdark:#16546A;--gdark:#1F7A70;--odark:#9A3F27;
  --lk-1:#1F6F8B;--lk-2:#C9A43E;--lk-3:#C0583B;--lk-sand:#F3E9D6;--lk-ink:#0D1622;
}
[data-look=me][data-theme=light]{--bg:#FFFCF6;--bg-alt:#F6EFE2;--surface-2:#FAF4E8;--chip:#F1E8D6;--border:#E6DCC8;--g1:#1F6F8B;--g2:#1F7A70;--g3:#C0583B}
[data-look=me][data-theme=dark]{--bg:#0B1019;--bg-alt:#0E1520;--surface:#121A26;--surface-2:#16202E;--elev:#1A2535;--border:#24324A;--g1:#8CC9DC;--g2:#8FD3C8;--g3:#F0A98E;--a1:#E9C46A;--link:#E9C46A}

/* ── patterns (drawn, not photographed) ── */
:root{
  --najdi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12' viewBox='0 0 28 12'%3E%3Cpath d='M0 12V8h4V4h4V0h4v4h4v4h4v4z' fill='black'/%3E%3C/svg%3E");
  --girih:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23C9A43E' stroke-width='1'%3E%3Cpath d='M40 8l9 23 23 9-23 9-9 23-9-23-23-9 23-9z'/%3E%3Cpath d='M17 17l23 9 23-9-9 23 9 23-23-9-23 9 9-23z'/%3E%3Ccircle cx='40' cy='40' r='7'/%3E%3Cpath d='M0 0l8 8M80 0l-8 8M0 80l8-8M80 80l-8-8'/%3E%3C/g%3E%3C/svg%3E");
}

/* ── header accents ── */
[data-look=me] .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;pointer-events:none}
/* v20.31: the Sadu band under the header is removed (owner's request) */
[data-look=me] .site-header::after{background:linear-gradient(90deg,var(--lk-1),var(--lk-2) 50%,var(--lk-3));height:3px;bottom:-3px}

/* ── switcher ── */
.look-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:99px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);font:700 .82rem var(--f-body);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.look-btn:hover,.look-btn:focus-visible,.look-btn[aria-expanded=true]{border-color:var(--turq);box-shadow:0 0 0 3px color-mix(in srgb,var(--turq) 22%,transparent)}
.look-btn i{width:14px;height:14px;border-radius:50%;background:conic-gradient(var(--turq) 0 33%,var(--orange) 0 66%,var(--green) 0)}
.look-menu{position:absolute;z-index:200;min-width:260px;padding:8px;border-radius:16px;background:var(--elev);border:1px solid var(--border);box-shadow:var(--shadow-lg)}
.look-menu[hidden]{display:none}
.look-menu p{margin:4px 8px 8px;font:800 .7rem var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.look-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;color:var(--heading);font:600 .9rem var(--f-body);cursor:pointer;text-align:start}
.look-menu button:hover,.look-menu button:focus-visible{background:var(--surface-2)}
.look-menu button[aria-checked=true]{background:color-mix(in srgb,var(--turq) 12%,var(--surface))}
.look-menu button small{display:block;font-weight:500;font-size:.74rem;color:var(--muted)}
.look-menu .sw{flex:none;width:34px;height:24px;border-radius:7px;border:1px solid var(--border);background-size:cover;background-position:center}
.look-menu .sw.g{background:linear-gradient(135deg,#1FB5B2,#4CAE3F 55%,#EC6C25)}
.look-menu .sw.k{background:linear-gradient(135deg,#0E7A4F,#B98A2E)}
.look-menu .sw.m{background:var(--girih) 0 0/24px 24px,linear-gradient(135deg,#1F6F8B,#C0583B)}
.look-menu .ck{margin-inline-start:auto;color:var(--turq);font-weight:800;visibility:hidden}
.look-menu button[aria-checked=true] .ck{visibility:visible}
@media (max-width:760px){.look-btn b{display:none}.look-btn{padding:0 11px}}

/* ── cinematic heroes: real media behind the first section ── */
.look-stage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.look-stage img,.look-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:lookDrift 26s ease-in-out infinite alternate}
.look-stage video{animation:none;transform:none}
.look-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,12,10,.86) 0%,rgba(6,12,10,.66) 42%,rgba(6,12,10,.28) 100%)}
[dir=rtl] .look-stage::after{background:linear-gradient(260deg,rgba(6,12,10,.86) 0%,rgba(6,12,10,.66) 42%,rgba(6,12,10,.28) 100%)}
[data-look=me] .look-stage::after{background:linear-gradient(100deg,rgba(10,14,24,.88) 0%,rgba(10,14,24,.64) 45%,rgba(10,14,24,.26) 100%)}
[data-look=me][dir=rtl] .look-stage::after{background:linear-gradient(260deg,rgba(10,14,24,.88) 0%,rgba(10,14,24,.64) 45%,rgba(10,14,24,.26) 100%)}
@keyframes lookDrift{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.1) translate(-1.5%,-1%)}}
@media (prefers-reduced-motion:reduce){.look-stage img{animation:none}}
.has-look-media{position:relative;isolation:isolate;color-scheme:dark;
  --bg:transparent;--text:#D7DEE5;--heading:#FFFFFF;--muted:#C3CCD5;--faint:#AEB8C2;--border:rgba(255,255,255,.18);--border-2:rgba(255,255,255,.26);
  --surface:rgba(16,24,30,.62);--surface-2:rgba(20,30,38,.62);--chip:rgba(255,255,255,.12);--glass:rgba(16,24,30,.55);--a1:var(--mint);--link:var(--mint);--g1:#FFFFFF;--g2:var(--mint);--g3:var(--peach)}
.has-look-media > :not(.look-stage):not(.look-cap){position:relative;z-index:1}
.has-look-media .aurora,.has-look-media .gridlines{opacity:.25}
/* v20.31: and the Sadu band under the hero photos */
[data-look=me] .has-look-media{box-shadow:inset 0 -3px 0 var(--lk-2)}
.look-cap{position:absolute;z-index:2;inset-inline-end:16px;bottom:14px;max-width:min(560px,80%);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;padding:6px 12px;border-radius:99px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#F2F5F7;font:600 .74rem var(--f-body);line-height:1.35}
.look-cap a{color:#E9D9B4;text-decoration:underline;text-underline-offset:2px}
.look-cap small{font-weight:500;opacity:.85}
@media (max-width:700px){.look-cap{inset-inline:12px;bottom:10px;border-radius:12px;max-width:none;font-size:.7rem}}

/* ── Najdi crenellation above section heads (GCC) and girih wash (ME) ── */
[data-look=gcc] .sec-head::before{content:"";display:block;width:112px;height:12px;margin-bottom:14px;background:var(--lk-2);-webkit-mask:var(--najdi) 0 0/28px 12px repeat-x;mask:var(--najdi) 0 0/28px 12px repeat-x;opacity:.9}
[data-look=gcc] .sec-head.center::before,[data-look=gcc] .sec-head[style*=center]::before{margin-inline:auto}
[data-look=me] .band{background-image:linear-gradient(rgba(11,16,25,.95),rgba(11,16,25,.95)),var(--girih);background-size:auto,80px 80px;background-blend-mode:normal}
[data-look=me] .band::before{opacity:.06}
[data-look=me][data-theme=light] main > section:not(.band):not(.has-look-media):nth-of-type(even){background-image:linear-gradient(var(--bg),var(--bg)),var(--girih);background-blend-mode:normal;background-size:auto,80px 80px}
[data-look=me] .sec-head::before{content:"";display:block;width:44px;height:44px;margin-bottom:12px;background:var(--lk-2);-webkit-mask:var(--girih) center/88px 88px no-repeat;mask:var(--girih) center/88px 88px no-repeat;opacity:.9}

/* ── "together" band (home and About) ── */
.look-band{padding:clamp(48px,7vw,88px) 0}
.look-band .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.look-band h2{margin:0 0 12px}
.look-band p{margin:0 0 16px;color:var(--text);font-size:1.05rem;line-height:1.7}
.look-pics{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}
.look-pics figure{margin:0;position:relative;overflow:hidden;border-radius:18px;box-shadow:var(--shadow)}
.look-pics img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}
.look-pics figcaption{position:absolute;inset-inline:8px;bottom:8px;padding:4px 10px;border-radius:99px;background:rgba(0,0,0,.5);color:#fff;font:600 .7rem var(--f-body)}
.look-pics figcaption a{color:#E9D9B4}
[data-look=me] .look-pics figure{border-radius:50% 50% 14px 14px / 34% 34% 14px 14px}
[data-look=gcc] .look-pics figure{border-top:5px solid var(--lk-2)}
.look-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.look-tags span{padding:6px 12px;border-radius:99px;background:var(--chip);border:1px solid var(--border);font:700 .78rem var(--f-body);color:var(--heading)}
@media (max-width:860px){.look-band .wrap{grid-template-columns:1fr}.look-pics img{min-height:170px}}

/* ── games: a living scene behind the board ── */
.look-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.look-scene img,.look-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.look-scene::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 86%,transparent)}
[data-theme=dark] .look-scene::after{background:color-mix(in srgb,var(--bg) 80%,transparent)}
.is-game[data-look=gcc] body,.is-game[data-look=me] body{background:transparent}
.is-game[data-look=gcc] main > section:not(.has-look-media),.is-game[data-look=me] main > section:not(.has-look-media){background:transparent}
.is-game[data-look=gcc] main .cx-panel,.is-game[data-look=me] main .cx-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.is-game[data-look=gcc] main .cx-panel{border-top:3px solid var(--lk-2)}
.is-game[data-look=me] main .cx-panel{border-top:3px solid var(--lk-3)}

/* ── credits dialog ── */
.look-credits{max-width:min(720px,92vw)}
.look-credits ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.look-credits li{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;font-size:.86rem}
.look-credits li img{width:72px;height:48px;object-fit:cover;border-radius:8px}
.look-credits li small{color:var(--muted)}
.f-look{margin-inline-start:12px;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0;opacity:.85}
@media (max-width:440px){.look-btn{width:38px;height:38px;padding:0;justify-content:center}.tools{gap:5px}}
@media (max-width:360px){.tools{gap:3px}}
.f-looks{display:inline-flex;gap:4px;margin-inline-start:12px;vertical-align:middle;flex-wrap:wrap}
.f-looks button{border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;border-radius:99px;padding:2px 10px;font:600 .74rem var(--f-body);cursor:pointer;opacity:.85}
.f-looks button[aria-pressed=true]{background:rgba(255,255,255,.14);opacity:1}
@media (max-width:380px){.look-btn{display:none}}
.look-pics figcaption{inset-inline:auto 8px;max-width:calc(100% - 16px);font-size:.66rem;padding:3px 9px}
/* v7.2 · photos not uploaded: the band shows its text across the full width */
.look-band.no-pics .wrap{grid-template-columns:1fr}

/* ==========================================================================
   v8.0 — regional editions: North America · Europe · Asia · Australia & New Zealand (GCC stays the default; Global = the original look).
   Drawn, not photographed: palettes, patterns and region maps. No flags, emblems, religious symbols or music.
   ========================================================================== */
:root{
  --deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10' viewBox='0 0 40 10'%3E%3Crect width='40' height='10' fill='%2313294B'/%3E%3Cpath d='M0 10L10 0L20 10L30 0L40 10' fill='none' stroke='%23C9A227' stroke-width='1.6'/%3E%3Cpath d='M5 10L10 5L15 10M25 10L30 5L35 10' fill='none' stroke='%23B5452E' stroke-width='1.6'/%3E%3C/svg%3E");
  --meander:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Crect width='24' height='12' fill='%23F3EFE6'/%3E%3Cpath d='M0 10.5H10.5V1.5H3V7.5H7.5V4.5M12 10.5H22.5V1.5H15V7.5H19.5V4.5' fill='none' stroke='%231E3A8A' stroke-width='1.4'/%3E%3C/svg%3E");
  --meander-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Cpath d='M0 10.5H10.5V1.5H3V7.5H7.5V4.5M12 10.5H22.5V1.5H15V7.5H19.5V4.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");
  --lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Crect width='30' height='10' fill='%230F7B6C'/%3E%3Crect x='3' y='2' width='6' height='6' fill='none' stroke='%23F2D58A' stroke-width='1.2'/%3E%3Cpath d='M6 2V8M3 5H9' stroke='%23F2D58A' stroke-width='.9'/%3E%3Crect x='18' y='2' width='6' height='6' fill='%23B8322E'/%3E%3Cpath d='M12 5H15M27 5H30M0 5H0' stroke='%23F2D58A' stroke-width='1'/%3E%3C/svg%3E");
  --lattice-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='1' y='1' width='20' height='20'/%3E%3Crect x='6' y='6' width='10' height='10'/%3E%3Cpath d='M11 1V6M11 16V21M1 11H6M16 11H21'/%3E%3C/g%3E%3C/svg%3E");
  --waves:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'%3E%3Crect width='24' height='10' fill='%23EFE3CC'/%3E%3Cpath d='M0 4Q6 -1 12 4T24 4' fill='none' stroke='%230B5E8E' stroke-width='1.6'/%3E%3Cpath d='M0 8.5Q6 3.5 12 8.5T24 8.5' fill='none' stroke='%23C46A2B' stroke-width='1.3'/%3E%3C/svg%3E");
  --waves-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'%3E%3Cpath d='M0 5Q6 0 12 5T24 5' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");
}
/* ── palettes ── */
[data-look=na]{--turq:#1F4E8C;--green:#2E7D6B;--orange:#B5452E;--mint:#E3C77A;--lime:#8FC1E3;--peach:#E9A88E;--tdark:#163A69;--gdark:#215E50;--odark:#8A3221;
  --lk-1:#1F4E8C;--lk-2:#C9A227;--lk-3:#B5452E;--lk-sand:#EEF1F6;--lk-ink:#0B1426;--rg-pat:var(--deco);--rg-pat-s:40px 10px}
[data-look=na][data-theme=light]{--bg:#FCFCFE;--bg-alt:#F2F5FA;--surface-2:#F6F8FC;--chip:#EAEFF7;--border:#DFE5EF;--g1:#1F4E8C;--g2:#2E7D6B;--g3:#B5452E}
[data-look=na][data-theme=dark]{--bg:#0A0F1A;--bg-alt:#0D1320;--surface:#111827;--surface-2:#151E2E;--elev:#1A2436;--border:#233049;--g1:#8FB8EC;--g2:#8FD3C1;--g3:#F0A58E;--a1:#E3C77A;--link:#A9C8F0}
[data-look=eu]{--turq:#2B4FA8;--green:#3F7D5C;--orange:#B4583A;--mint:#E7D7A7;--lime:#A9C7A0;--peach:#EBB59A;--tdark:#1E3A8A;--gdark:#2D5E44;--odark:#8C4129;
  --lk-1:#1E3A8A;--lk-2:#C8A44D;--lk-3:#9C3D2E;--lk-sand:#F3EFE6;--lk-ink:#0E1424;--rg-pat:var(--meander);--rg-pat-s:24px 12px}
[data-look=eu][data-theme=light]{--bg:#FFFEFB;--bg-alt:#F5F3EE;--surface-2:#FAF8F3;--chip:#EFEBE2;--border:#E5E0D5;--g1:#2B4FA8;--g2:#3F7D5C;--g3:#B4583A}
[data-look=eu][data-theme=dark]{--bg:#0B0F19;--bg-alt:#0E1320;--surface:#121827;--surface-2:#161D2E;--elev:#1B2336;--border:#252F47;--g1:#9DB4F0;--g2:#9ED3B4;--g3:#F0B092;--a1:#E7D7A7;--link:#C3D2F7}
[data-look=asia]{--turq:#0F7B6C;--green:#4E9A3F;--orange:#B8322E;--mint:#F2D58A;--lime:#A6D98B;--peach:#F3A99B;--tdark:#0A5C51;--gdark:#377030;--odark:#8E2421;
  --lk-1:#0F7B6C;--lk-2:#D9A21B;--lk-3:#B8322E;--lk-sand:#F7F2EA;--lk-ink:#0A1513;--rg-pat:var(--lattice);--rg-pat-s:30px 10px}
[data-look=asia][data-theme=light]{--bg:#FFFDFA;--bg-alt:#F7F2EA;--surface-2:#FBF7F0;--chip:#F2EADC;--border:#E8DFD0;--g1:#0F7B6C;--g2:#4E9A3F;--g3:#B8322E}
[data-look=asia][data-theme=dark]{--bg:#0A1110;--bg-alt:#0C1614;--surface:#111C1A;--surface-2:#15221F;--elev:#1A2926;--border:#21342F;--g1:#8FD9C8;--g2:#B8E39C;--g3:#F4A49A;--a1:#F2D58A;--link:#8FD9C8}
[data-look=anz]{--turq:#0B6FA4;--green:#5E8C61;--orange:#C46A2B;--mint:#F0D9A8;--lime:#B7D5A0;--peach:#F0B48C;--tdark:#0B5E8E;--gdark:#46704A;--odark:#95501F;
  --lk-1:#0B5E8E;--lk-2:#E0A04A;--lk-3:#C46A2B;--lk-sand:#EFE3CC;--lk-ink:#07131C;--rg-pat:var(--waves);--rg-pat-s:24px 10px}
[data-look=anz][data-theme=light]{--bg:#FCFEFF;--bg-alt:#F0F6F9;--surface-2:#F6FAFC;--chip:#E6F0F5;--border:#DCE7EE;--g1:#0B6FA4;--g2:#5E8C61;--g3:#C46A2B}
[data-look=anz][data-theme=dark]{--bg:#08111A;--bg-alt:#0B1621;--surface:#0F1C28;--surface-2:#132231;--elev:#18293A;--border:#203547;--g1:#8CCBEF;--g2:#B2D9B0;--g3:#F2B07E;--a1:#F0D9A8;--link:#8CCBEF}
/* ── header strip and hero edge ── */
[data-look=na] .site-header::after,[data-look=eu] .site-header::after,[data-look=asia] .site-header::after,[data-look=anz] .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;pointer-events:none;background:var(--rg-pat) 0 0/auto 6px repeat-x;opacity:.95}
.has-look-media{border-bottom:12px solid transparent}   /* v20.40.1: every region keeps the 12px band's room, so switching region never moves the page */
[data-look=na] .has-look-media,[data-look=eu] .has-look-media,[data-look=asia] .has-look-media,[data-look=anz] .has-look-media{border-bottom:12px solid transparent;border-image:var(--rg-pat) 0 0 12 0 / 0 0 12px 0 round}
/* ── an ornament above section heads ── */
[data-look=na] .sec-head::before{content:"";display:block;width:64px;height:10px;margin-bottom:14px;background:linear-gradient(var(--lk-2),var(--lk-2)) 0 0/64px 2px no-repeat,linear-gradient(var(--lk-2),var(--lk-2)) 0 4px/44px 2px no-repeat,linear-gradient(var(--lk-3),var(--lk-3)) 0 8px/24px 2px no-repeat}
[dir=rtl][data-look=na] .sec-head::before{background-position:100% 0,100% 4px,100% 8px}
[data-look=eu] .sec-head::before{content:"";display:block;width:96px;height:12px;margin-bottom:14px;background:var(--lk-1);-webkit-mask:var(--meander-m) 0 0/24px 12px repeat-x;mask:var(--meander-m) 0 0/24px 12px repeat-x;opacity:.85}
[data-look=asia] .sec-head::before{content:"";display:block;width:22px;height:22px;margin-bottom:12px;background:var(--lk-3);-webkit-mask:var(--lattice-m) center/22px 22px no-repeat;mask:var(--lattice-m) center/22px 22px no-repeat;opacity:.9}
[data-look=anz] .sec-head::before{content:"";display:block;width:96px;height:10px;margin-bottom:14px;background:var(--lk-1);-webkit-mask:var(--waves-m) 0 0/24px 10px repeat-x;mask:var(--waves-m) 0 0/24px 10px repeat-x;opacity:.85}
:is([data-look=na],[data-look=eu],[data-look=asia],[data-look=anz]) :is(.sec-head.center,.sec-head[style*=center])::before{margin-inline:auto}
[data-look=na] .sec-head.center::before{background-position:50% 0,50% 4px,50% 8px}
/* ── switcher swatches and menu ── */
.look-menu{min-width:300px}
.look-menu .sw.na{background:var(--deco) 0 50%/24px 6px repeat-x,linear-gradient(135deg,#1F4E8C,#B5452E)}
.look-menu .sw.eu{background:var(--meander) 0 50%/16px 8px repeat-x,linear-gradient(135deg,#1E3A8A,#C8A44D)}
.look-menu .sw.as{background:var(--lattice) 0 50%/24px 8px repeat-x,linear-gradient(135deg,#0F7B6C,#B8322E)}
.look-menu .sw.au{background:var(--waves) 0 50%/18px 8px repeat-x,linear-gradient(135deg,#0B5E8E,#C46A2B)}
.look-menu .look-world{display:block;margin:6px 4px 2px;padding:10px 10px 6px;border-top:1px solid var(--border);color:var(--link,var(--turq));font:700 .8rem var(--f-body);text-decoration:none}
.look-menu .look-world:hover,.look-menu .look-world:focus-visible{text-decoration:underline}
/* ── the drawn hero: the region map and its financial centres ── */
.rg-stage{background:radial-gradient(110% 95% at 82% 45%,color-mix(in srgb,var(--lk-1) 62%,#000) 0%,var(--lk-ink) 64%)}
.rg-stage .rg-pat{position:absolute;inset:0;opacity:.06;background:var(--rg-pat) 0 0/var(--rg-pat-s) repeat}
.rg-stage .rg-map{position:absolute;top:0;bottom:0;inset-inline-end:-2%;width:min(66%,980px);display:flex;align-items:center}
.rg-map svg{display:block;width:100%;height:auto;max-height:100%;overflow:visible}
.rg-stage .n{fill:rgba(255,255,255,.055)}
.rg-stage .f{fill:color-mix(in srgb,var(--lk-1) 50%,#b9e4ff 32%);opacity:.82}
.rg-stage .n{fill:rgba(255,255,255,.08)}
.rg-map .b{fill:none;stroke:rgba(255,255,255,.34);stroke-width:.8;stroke-linejoin:round}
.rg-dot{fill:var(--lk-2)}
.rg-dot.m{fill:#fff;stroke:var(--lk-2);stroke-width:2.2}
.rg-ring{fill:none;stroke:var(--lk-2);stroke-width:1.4;opacity:0;transform-box:fill-box;transform-origin:center;animation:rgPulse 3.8s ease-out infinite;animation-delay:calc(var(--i) * .5s)}
.rg-arc{fill:none;stroke:var(--lk-2);stroke-width:1.3;stroke-dasharray:5 7;opacity:.75;animation:rgFlow 3s linear infinite;animation-delay:calc(var(--i) * -.4s)}
@keyframes rgPulse{0%{opacity:.85;transform:scale(.4)}100%{opacity:0;transform:scale(2.6)}}
@keyframes rgFlow{to{stroke-dashoffset:-24}}
@media (prefers-reduced-motion:reduce){.rg-ring,.rg-arc{animation:none}.rg-ring{opacity:0}}
@media (max-width:760px){.rg-stage .rg-map{width:118%;inset-inline-end:-22%;opacity:.5}}
/* ── the regional band (home and About) ── */
.rg-band .wrap{grid-template-columns:.85fr 1.15fr}
.rg-band .look-pics{grid-template-columns:1fr;align-items:stretch}
.rg-band .rg-facts ul{grid-template-columns:repeat(3,1fr)}
.rg-band .rg-facts{gap:10px}
.rg-band figure.rg-mapfig{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:radial-gradient(120% 100% at 70% 40%,color-mix(in srgb,var(--lk-1) 55%,#000),var(--lk-ink) 70%);border-top:5px solid var(--lk-2)}
.rg-band .rg-mapfig .n{fill:rgba(255,255,255,.06)}
.rg-band .rg-mapfig .f{fill:color-mix(in srgb,var(--lk-1) 55%,#bfe6ff 20%)}
.rg-band figure.rg-facts{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:18px 18px 16px;background:var(--surface);border:1px solid var(--border);border-top:5px solid var(--lk-3)}
.rg-facts ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rg-facts li b{display:block;font:800 .72rem var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rg-facts li span{display:block;margin-top:2px;color:var(--heading);font-size:.9rem;line-height:1.45}
.rg-facts a{font:700 .86rem var(--f-body);color:var(--link,var(--turq))}
@media (max-width:860px){.rg-band .wrap{grid-template-columns:1fr}.rg-band .rg-facts ul{grid-template-columns:1fr}}
/* ── games: the region map behind the board ── */
.rg-scene{background:var(--rg-pat) 0 0/var(--rg-pat-s) repeat;opacity:1}
.rg-scene .rg-map{position:absolute;inset:6% 4%;display:flex;align-items:center;justify-content:center;opacity:.5}
.rg-scene .n{fill:color-mix(in srgb,var(--heading) 8%,transparent)}
.rg-scene .f{fill:color-mix(in srgb,var(--lk-1) 30%,transparent)}
.rg-scene::after{background:color-mix(in srgb,var(--bg) 90%,transparent)}
:is(.is-game[data-look=na],.is-game[data-look=eu],.is-game[data-look=asia],.is-game[data-look=anz]) body{background:transparent}
:is(.is-game[data-look=na],.is-game[data-look=eu],.is-game[data-look=asia],.is-game[data-look=anz]) main > section:not(.has-look-media){background:transparent}
:is(.is-game[data-look=na],.is-game[data-look=eu],.is-game[data-look=asia],.is-game[data-look=anz]) main .cx-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:3px solid var(--lk-2)}
/* ── regional panels on the pages: one per region, shown for the chosen region ── */
.rg-panel{display:none}
html:not([data-look]) .rg-panel[data-rg=gcc],[data-look=gcc] .rg-panel[data-rg=gcc],[data-look=na] .rg-panel[data-rg=na],[data-look=eu] .rg-panel[data-rg=eu],
[data-look=asia] .rg-panel[data-rg=asia],[data-look=anz] .rg-panel[data-rg=anz],[data-look=global] .rg-panel[data-rg=global]{display:block}
/* ── MENA (Egypt · Jordan · Morocco): lapis, terracotta and brass; the girih star, drawn ── */
[data-look=mena]{--turq:#1F6F8B;--green:#2A9D8F;--orange:#C0583B;--mint:#E9C46A;--lime:#8FD3C8;--peach:#F0A98E;--tdark:#16546A;--gdark:#1F7A70;--odark:#9A3F27;
  --lk-1:#1F6F8B;--lk-2:#C9A43E;--lk-3:#C0583B;--lk-sand:#F3E9D6;--lk-ink:#0D1622;--rg-pat:var(--girih);--rg-pat-s:80px 80px}
[data-look=mena][data-theme=light]{--bg:#FFFCF6;--bg-alt:#F6EFE2;--surface-2:#FAF4E8;--chip:#F1E8D6;--border:#E6DCC8;--g1:#1F6F8B;--g2:#1F7A70;--g3:#C0583B}
[data-look=mena][data-theme=dark]{--bg:#0B1019;--bg-alt:#0E1520;--surface:#121A26;--surface-2:#16202E;--elev:#1A2535;--border:#24324A;--g1:#8CC9DC;--g2:#8FD3C8;--g3:#F0A98E;--a1:#E9C46A;--link:#E9C46A}
[data-look=mena] .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;pointer-events:none;background:linear-gradient(90deg,var(--lk-1),var(--lk-2) 50%,var(--lk-3))}
[data-look=mena] .has-look-media{box-shadow:inset 0 -4px 0 var(--lk-2)}
[data-look=mena] .sec-head::before{content:"";display:block;width:44px;height:44px;margin-bottom:12px;background:var(--lk-2);-webkit-mask:var(--girih) center/88px 88px no-repeat;mask:var(--girih) center/88px 88px no-repeat;opacity:.9}
[data-look=mena] :is(.sec-head.center,.sec-head[style*=center])::before{margin-inline:auto}
[data-look=mena] .band{background-image:linear-gradient(rgba(11,16,25,.95),rgba(11,16,25,.95)),var(--girih);background-size:auto,80px 80px}   /* v8.1: the girih is a faint watermark on dark bands and the footer, never behind text at full strength */
[data-look=mena] .site-footer{border-top:3px solid var(--lk-2)}
.rg-stage .rg-pat{opacity:.06}
[data-look=mena] .rg-stage .rg-pat{opacity:.1;background-size:80px 80px}
[data-look=mena] .rg-panel[data-rg=mena]{display:block}
:is(.is-game[data-look=mena]) body{background:transparent}
.is-game[data-look=mena] main > section:not(.has-look-media){background:transparent}
.is-game[data-look=mena] main .cx-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:3px solid var(--lk-2)}

/* v8.1 · no Arabic text on English pages in the non-Arabic regions (North America, Europe, Asia, Australia & NZ, Global).
   The logo, the language switch (links) and people's own Community voices posts stay. GCC and MENA keep the Arabic names. */
html[lang=en]:is([data-look=na],[data-look=eu],[data-look=asia],[data-look=anz],[data-look=global]) [lang=ar]:not(a):not(option):not(.vc-post){display:none!important}

/* ==========================================================================
   v20.40 — twelve editions: UK & wider Europe · Latin America & Caribbean · Sub-Saharan Africa · South Asia · Central Asia & Caucasus
   join GCC · MENA · Europe (EU) · North America · East & Southeast Asia · Australia & NZ · Global. Drawn, not photographed:
   palettes and patterns only (a City ruler, an Andean diamond weave, a mudcloth mark, an arcade of arches, the yurt lattice).
   No flags, emblems, religious symbols or music. Plus the optional country in the region menu.
   Map colours (white labels on them ≥ 5:1): uk #8C2340 · latam #B82E5A · africa #93600F · sasia #B04E14 · casia #6E3FA3,
   checked against their map neighbours with the dataviz palette validator (OKLab ΔE ≥ 15, CVD ΔE ≥ 6).
   ========================================================================== */
:root{
  --pinstripe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Crect width='16' height='8' fill='%238C2340'/%3E%3Cpath d='M4 0V8M12 0V8' stroke='%23C9A54A' stroke-width='.9'/%3E%3Cpath d='M8 0V8' stroke='%23E6D3A3' stroke-width='.5' opacity='.55'/%3E%3C/svg%3E");
  --ruler-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'%3E%3Cpath d='M0 9.2H24M1 0V10M7 5V10M13 2V10M19 5V10' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");
  --diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Crect width='24' height='12' fill='%23B82E5A'/%3E%3Cpath d='M0 6L6 1L12 6L6 11ZM12 6L18 1L24 6L18 11Z' fill='none' stroke='%23F2B33D' stroke-width='1.3'/%3E%3Cpath d='M6 4.2L7.8 6L6 7.8L4.2 6ZM18 4.2L19.8 6L18 7.8L16.2 6Z' fill='%2393E0CC'/%3E%3C/svg%3E");
  --diamond-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Cpath d='M0 6L6 1L12 6L6 11ZM12 6L18 1L24 6L18 11Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M6 4L8 6L6 8L4 6ZM18 4L20 6L18 8L16 6Z' fill='black'/%3E%3C/svg%3E");
  --mudcloth:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Crect width='24' height='12' fill='%232B1F10'/%3E%3Cpath d='M1 9L5 3L9 9' fill='none' stroke='%23EBCB86' stroke-width='1.4'/%3E%3Ccircle cx='15' cy='6' r='1.5' fill='%23E2B53E'/%3E%3Ccircle cx='20' cy='6' r='1.5' fill='%23EBCB86'/%3E%3C/svg%3E");
  --mudcloth-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Cpath d='M1 10L5 3L9 10' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='15' cy='6.5' r='1.7' fill='black'/%3E%3Ccircle cx='20' cy='6.5' r='1.7' fill='black'/%3E%3C/svg%3E");
  --arches:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Crect width='24' height='12' fill='%23FBF1E4'/%3E%3Cpath d='M1 12V7Q1 2.4 6 1.4Q11 2.4 11 7V12M13 12V7Q13 2.4 18 1.4Q23 2.4 23 7V12' fill='none' stroke='%230F7F78' stroke-width='1.4'/%3E%3Ccircle cx='6' cy='8' r='1.4' fill='%23B04E14'/%3E%3Ccircle cx='18' cy='8' r='1.4' fill='%23B04E14'/%3E%3C/svg%3E");
  --arches-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Cpath d='M1 12V7Q1 2.4 6 1.4Q11 2.4 11 7V12M13 12V7Q13 2.4 18 1.4Q23 2.4 23 7V12' fill='none' stroke='black' stroke-width='1.6'/%3E%3Ccircle cx='6' cy='8' r='1.5' fill='black'/%3E%3Ccircle cx='18' cy='8' r='1.5' fill='black'/%3E%3C/svg%3E");
  --kerege:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Crect width='16' height='12' fill='%236E3FA3'/%3E%3Cpath d='M0 0L16 12M16 0L0 12M0 6L8 0L16 6L8 12Z' fill='none' stroke='%23E2B84B' stroke-width='1.1'/%3E%3Ccircle cx='8' cy='6' r='1.3' fill='%23F5F1F8'/%3E%3C/svg%3E");
  --kerege-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='M0 0L16 12M16 0L0 12M0 6L8 0L16 6L8 12Z' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
}
/* ── palettes ── */
[data-look=uk]{--turq:#8C2340;--green:#3E6B5A;--orange:#A86A24;--mint:#E6D3A3;--lime:#B8CBB0;--peach:#E7B2A8;--tdark:#6E1B32;--gdark:#2E5244;--odark:#8A5820;
  --lk-1:#8C2340;--lk-2:#C9A54A;--lk-3:#3D5A80;--lk-sand:#F4EFE8;--lk-ink:#1A0D12;--rg-pat:var(--pinstripe);--rg-pat-s:16px 8px}
[data-look=uk][data-theme=light]{--bg:#FFFDFB;--bg-alt:#F6F1EE;--surface-2:#FAF6F3;--chip:#F1E9E4;--border:#E6DCD6;--g1:#8C2340;--g2:#3E6B5A;--g3:#A86A24}
[data-look=uk][data-theme=dark]{--bg:#120A0D;--bg-alt:#170D11;--surface:#1D1216;--surface-2:#24161B;--elev:#2B1A20;--border:#3A2329;--g1:#F0A3B7;--g2:#A8D3C0;--g3:#EBC07E;--a1:#E6D3A3;--link:#F0A3B7}
[data-look=latam]{--turq:#B82E5A;--green:#1E7F6E;--orange:#B8641C;--mint:#F4D58D;--lime:#9ED8C5;--peach:#F4B3A6;--tdark:#931F45;--gdark:#165F53;--odark:#934E14;
  --lk-1:#B82E5A;--lk-2:#F2B33D;--lk-3:#1E7F6E;--lk-sand:#FBF1E6;--lk-ink:#1A0B10;--rg-pat:var(--diamond);--rg-pat-s:24px 12px}
[data-look=latam][data-theme=light]{--bg:#FFFCFA;--bg-alt:#FBF2EC;--surface-2:#FDF7F2;--chip:#F8EADF;--border:#EEDFD4;--g1:#B82E5A;--g2:#1E7F6E;--g3:#B8641C}
[data-look=latam][data-theme=dark]{--bg:#140A0E;--bg-alt:#190D12;--surface:#201218;--surface-2:#27161E;--elev:#2F1B24;--border:#3E2430;--g1:#F59BB8;--g2:#8FDCC9;--g3:#F6C27A;--a1:#F4D58D;--link:#F59BB8}
[data-look=africa]{--turq:#93600F;--green:#4F7A3A;--orange:#B4441F;--mint:#EBCB86;--lime:#B9D58F;--peach:#EDB08F;--tdark:#744A0A;--gdark:#3A5C2A;--odark:#8C3216;
  --lk-1:#93600F;--lk-2:#E2B53E;--lk-3:#2F4B7C;--lk-sand:#F6EEDF;--lk-ink:#150F06;--rg-pat:var(--mudcloth);--rg-pat-s:24px 12px}
[data-look=africa][data-theme=light]{--bg:#FFFDF8;--bg-alt:#F7F0E3;--surface-2:#FBF6EC;--chip:#F3EAD8;--border:#E7DCC6;--g1:#93600F;--g2:#4F7A3A;--g3:#B4441F}
[data-look=africa][data-theme=dark]{--bg:#100C06;--bg-alt:#151009;--surface:#1B150C;--surface-2:#221A10;--elev:#2A2014;--border:#3A2D1B;--g1:#EBC277;--g2:#B4DB98;--g3:#F0A487;--a1:#EBCB86;--link:#EBC277}
[data-look=sasia]{--turq:#B04E14;--green:#0F7F78;--orange:#A8700F;--mint:#F3D27A;--lime:#8FD6CB;--peach:#F2B08E;--tdark:#8C3C0D;--gdark:#0B605A;--odark:#86580A;
  --lk-1:#B04E14;--lk-2:#E3A41D;--lk-3:#0F7F78;--lk-sand:#FBF1E4;--lk-ink:#170C06;--rg-pat:var(--arches);--rg-pat-s:24px 12px}
[data-look=sasia][data-theme=light]{--bg:#FFFCF8;--bg-alt:#FAF1E6;--surface-2:#FCF6EE;--chip:#F7E9D8;--border:#ECDDCB;--g1:#B04E14;--g2:#0F7F78;--g3:#A8700F}
[data-look=sasia][data-theme=dark]{--bg:#120B06;--bg-alt:#170F09;--surface:#1E140D;--surface-2:#251A11;--elev:#2D2015;--border:#3D2C1D;--g1:#F5B184;--g2:#8FD6CB;--g3:#F3D27A;--a1:#F3D27A;--link:#F5B184}
[data-look=casia]{--turq:#6E3FA3;--green:#23867A;--orange:#B0562A;--mint:#EBD08A;--lime:#9AD6C8;--peach:#EDB49A;--tdark:#55307F;--gdark:#1A675E;--odark:#8C4220;
  --lk-1:#6E3FA3;--lk-2:#E2B84B;--lk-3:#23867A;--lk-sand:#F5F1F8;--lk-ink:#120B1A;--rg-pat:var(--kerege);--rg-pat-s:16px 12px}
[data-look=casia][data-theme=light]{--bg:#FDFCFF;--bg-alt:#F4F0F9;--surface-2:#F9F6FC;--chip:#EEE8F6;--border:#E2DAEE;--g1:#6E3FA3;--g2:#23867A;--g3:#B0562A}
[data-look=casia][data-theme=dark]{--bg:#0E0A14;--bg-alt:#120D1A;--surface:#181221;--surface-2:#1E1729;--elev:#251C32;--border:#342842;--g1:#C9B0F0;--g2:#8FD8CB;--g3:#F0AE8A;--a1:#EBD08A;--link:#C9B0F0}
/* ── header strip, hero edge, section ornaments, panels and games (as for the v8.0 drawn regions) ── */
:is([data-look=uk],[data-look=latam],[data-look=africa],[data-look=sasia],[data-look=casia]) .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;pointer-events:none;background:var(--rg-pat) 0 0/auto 6px repeat-x;opacity:.95}
:is([data-look=uk],[data-look=latam],[data-look=africa],[data-look=sasia],[data-look=casia]) .has-look-media{border-bottom:12px solid transparent;border-image:var(--rg-pat) 0 0 12 0 / 0 0 12px 0 round}
[data-look=uk] .sec-head::before{content:"";display:block;width:96px;height:10px;margin-bottom:14px;background:var(--lk-1);-webkit-mask:var(--ruler-m) 0 0/24px 10px repeat-x;mask:var(--ruler-m) 0 0/24px 10px repeat-x;opacity:.85}
[data-look=latam] .sec-head::before{content:"";display:block;width:96px;height:12px;margin-bottom:14px;background:var(--lk-1);-webkit-mask:var(--diamond-m) 0 0/24px 12px repeat-x;mask:var(--diamond-m) 0 0/24px 12px repeat-x;opacity:.9}
[data-look=africa] .sec-head::before{content:"";display:block;width:96px;height:12px;margin-bottom:14px;background:var(--lk-1);-webkit-mask:var(--mudcloth-m) 0 0/24px 12px repeat-x;mask:var(--mudcloth-m) 0 0/24px 12px repeat-x;opacity:.9}
[data-look=sasia] .sec-head::before{content:"";display:block;width:96px;height:12px;margin-bottom:14px;background:var(--lk-3);-webkit-mask:var(--arches-m) 0 0/24px 12px repeat-x;mask:var(--arches-m) 0 0/24px 12px repeat-x;opacity:.9}
[data-look=casia] .sec-head::before{content:"";display:block;width:64px;height:12px;margin-bottom:14px;background:var(--lk-1);-webkit-mask:var(--kerege-m) 0 0/16px 12px repeat-x;mask:var(--kerege-m) 0 0/16px 12px repeat-x;opacity:.85}
:is([data-look=uk],[data-look=latam],[data-look=africa],[data-look=sasia],[data-look=casia]) :is(.sec-head.center,.sec-head[style*=center])::before{margin-inline:auto}
[data-look=uk] .rg-panel[data-rg=uk],[data-look=latam] .rg-panel[data-rg=latam],[data-look=africa] .rg-panel[data-rg=africa],[data-look=sasia] .rg-panel[data-rg=sasia],[data-look=casia] .rg-panel[data-rg=casia]{display:block}
:is(.is-game[data-look=uk],.is-game[data-look=latam],.is-game[data-look=africa],.is-game[data-look=sasia],.is-game[data-look=casia]) body{background:transparent}
:is(.is-game[data-look=uk],.is-game[data-look=latam],.is-game[data-look=africa],.is-game[data-look=sasia],.is-game[data-look=casia]) main > section:not(.has-look-media){background:transparent}
:is(.is-game[data-look=uk],.is-game[data-look=latam],.is-game[data-look=africa],.is-game[data-look=sasia],.is-game[data-look=casia]) main .cx-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:3px solid var(--lk-2)}
/* v8.1 rule, extended: no Arabic text on English pages in the non-Arabic regions */
html[lang=en]:is([data-look=uk],[data-look=latam],[data-look=africa],[data-look=sasia],[data-look=casia]) [lang=ar]:not(a):not(option):not(.vc-post){display:none!important}
/* ── the world map (world.html): colours for the five new regions (cx.css colours the original six) ── */
.wd-world .r.r-uk{fill:#8C2340}.wd-world .r.r-latam{fill:#B82E5A}.wd-world .r.r-africa{fill:#93600F}.wd-world .r.r-sasia{fill:#B04E14}.wd-world .r.r-casia{fill:#6E3FA3}
.wd-wleg{display:none}
@media (max-width:1023px){   /* v20.40: eleven labels do not fit on a phone or tablet map; a list of the regions sits under it instead */
  .wd-world .wd-wlab{display:none}
  .wd-wleg{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;list-style:none;margin:10px 0 0;padding:0}
  .wd-wleg a{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--heading);font:700 .78rem/1.25 var(--f-body);text-decoration:none}
  .wd-wleg a:hover,.wd-wleg a:focus-visible{border-color:var(--rc)}
  .wd-wleg i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--rc)}
}
.wd-rcard.wd-global{--rc:#1FB5B2;--ra:#EC6C25}
.wd-gmark{display:flex;align-items:center;justify-content:center;min-height:150px;margin:0;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#1FB5B2,#4CAE3F 55%,#EC6C25);color:#fff;font:800 1.1rem var(--f-body);letter-spacing:.04em}
.wd-cr{display:grid;grid-template-columns:1fr auto;gap:16px 28px;align-items:center;padding:clamp(20px,3vw,30px);border-radius:22px;background:var(--surface);border:1px solid var(--border);border-inline-start:6px solid var(--turq)}
.wd-cr h2{margin:0 0 6px}.wd-cr p{margin:0;color:var(--text)}
@media (max-width:700px){.wd-cr{grid-template-columns:1fr}}

/* ── v20.40 · the region menu: twelve editions and the optional country ── */
.look-menu{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 16px)}
.look-menu .look-h{display:block;margin:4px 8px 6px;font:800 .7rem var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.look-menu .look-list button{padding:6px 8px;gap:9px;font-size:.86rem}
.look-menu .look-list .sw{width:30px;height:21px}
.look-menu .look-t{flex:1;min-width:0}
.look-menu .look-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.look-menu .sw.uk{background:var(--pinstripe) 0 50%/16px 8px repeat-x,linear-gradient(135deg,#8C2340,#C9A54A)}
.look-menu .sw.la{background:var(--diamond) 0 50%/16px 8px repeat-x,linear-gradient(135deg,#B82E5A,#F2B33D)}
.look-menu .sw.af{background:var(--mudcloth) 0 50%/16px 8px repeat-x,linear-gradient(135deg,#93600F,#E2B53E)}
.look-menu .sw.sa{background:var(--arches) 0 50%/16px 8px repeat-x,linear-gradient(135deg,#B04E14,#0F7F78)}
.look-menu .sw.ca{background:var(--kerege) 0 50%/12px 9px repeat-x,linear-gradient(135deg,#6E3FA3,#E2B84B)}
.look-cty{margin:8px 0 2px;padding:10px 2px 4px;border-top:1px solid var(--border)}
.look-cb{position:relative;margin:4px 6px 0}
.look-menu .look-q{display:block;width:100%;box-sizing:border-box;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--border-2,var(--border));background:var(--surface);color:var(--heading);font:500 .92rem var(--f-body)}
.look-menu .look-q::placeholder{color:var(--muted);opacity:1}
.look-menu .look-q:focus{outline:2px solid var(--turq);outline-offset:1px;border-color:var(--turq)}
.look-lb{margin-top:6px;max-height:228px;overflow-y:auto;overscroll-behavior:contain;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.look-lb[hidden]{display:none}
.look-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:6px 10px;border-radius:8px;cursor:pointer;color:var(--heading);font:600 .88rem var(--f-body)}
.look-opt:hover{background:var(--surface-2)}
.look-opt[aria-selected=true]{background:color-mix(in srgb,var(--turq) 14%,var(--surface));outline:2px solid var(--turq);outline-offset:-2px}
.look-opt[data-cur] span::after{content:" ✓";color:var(--turq)}
.look-opt small{flex:none;color:var(--muted);font:700 .7rem var(--f-body);letter-spacing:.04em}
.look-menu .look-grp{position:sticky;top:-4px;z-index:1;margin:2px 0;padding:6px 8px 4px;background:var(--surface);font:800 .66rem var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.look-menu .look-empty{margin:6px 8px;font:500 .8rem/1.45 var(--f-body);text-transform:none;letter-spacing:0;color:var(--muted)}
.look-menu .look-all{display:flex;align-items:center;gap:8px;margin:10px 8px 2px;font:600 .84rem var(--f-body);color:var(--heading);cursor:pointer}
.look-menu .look-all input{width:18px;height:18px;margin:0;accent-color:var(--turq)}
.look-menu .look-note{margin:6px 8px 2px;font:500 .74rem/1.45 var(--f-body);text-transform:none;letter-spacing:0;color:var(--muted)}
.look-chip{display:inline-flex;align-items:center;gap:4px;margin:0 6px 6px;padding:2px 2px 2px 12px;border-radius:99px;background:color-mix(in srgb,var(--turq) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--turq) 40%,var(--border));color:var(--heading);font:700 .84rem var(--f-body)}
[dir=rtl] .look-chip{padding:2px 12px 2px 2px}
.look-menu .look-chip .look-x{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%;background:transparent;color:var(--heading);font:700 1.1rem/1 var(--f-body)}
.look-menu .look-chip .look-x:hover,.look-menu .look-chip .look-x:focus-visible{background:var(--surface-2)}
.look-vh{position:absolute!important;width:1px;height:1px;margin:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.look-btn .look-cc{padding:1px 5px;border-radius:6px;background:var(--chip);color:var(--muted);font:800 .62rem var(--f-body);letter-spacing:.04em}
@media (max-width:440px){.look-btn .look-cc{display:none}}
.f-looks{row-gap:4px}
/* v20.40 · the header button: long region names wrap to two short lines instead of pushing the header wider */
@media (min-width:761px){.look-btn b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:7.4em;white-space:normal;line-height:1.1;font-size:.76rem;text-align:start}.look-btn b.lg{font-size:.68rem;line-height:1.05;max-width:8.6em}}
/* v20.40 · phones: long region names ("East & Southeast Asia", "Latin America & Caribbean") wrap inside the regional panels' buttons */
@media (max-width:600px){.rg-panel .btn,.rg-card .btn{white-space:normal;max-width:100%;text-align:center;line-height:1.35}}