/* ================= Turkic flags & sacred motifs (generated) ================= */
.cb-bozkurt{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 90%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2290%22 fill=%22%232AA9BF%22/%3E%3Cg transform=%22translate(57.00 26.00) scale(-0.9 0.9)%22%3E%3Cpath d=%22M6 40L10 26Q11 18 16 14L14 2L22 11L26 1L29 11Q38 10 46 15L58 19L56 22L48 23L55 26L44 29Q36 33 30 34L32 38L27 36L28 40Z%22 fill=%22%23D4AF37%22/%3E%3Ccircle cx=%2233%22 cy=%2216%22 r=%221.7%22 fill=%22%232AA9BF%22/%3E%3C/g%3E%3Crect x=%222.5%22 y=%222.5%22 width=%2255%22 height=%2285%22 rx=%223%22 fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%222%22/%3E%3Cpath d=%22M10 72H50%22 stroke=%22%23D4AF37%22 stroke-width=%221.5%22/%3E%3Cpath d=%22M14 77H46%22 stroke=%22%23D4AF37%22 stroke-width=%221%22/%3E%3C/svg%3E") center/cover}
.cb-asena{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 90%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2290%22 fill=%22%2314254a%22/%3E%3Ccircle cx=%2230%22 cy=%2218%22 r=%228%22 fill=%22%23f4e7b8%22/%3E%3Ccircle cx=%2233.5%22 cy=%2216.5%22 r=%227%22 fill=%22%2314254a%22/%3E%3Cg transform=%22translate(57.00 36.00) scale(-0.9 0.9)%22%3E%3Cpath d=%22M6 40L10 26Q11 18 16 14L14 2L22 11L26 1L29 11Q38 10 46 15L58 19L56 22L48 23L55 26L44 29Q36 33 30 34L32 38L27 36L28 40Z%22 fill=%22%23D4AF37%22/%3E%3Ccircle cx=%2233%22 cy=%2216%22 r=%221.7%22 fill=%22%2314254a%22/%3E%3C/g%3E%3Crect x=%222.5%22 y=%222.5%22 width=%2255%22 height=%2285%22 rx=%223%22 fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%222%22/%3E%3C/svg%3E") center/cover}
.cb-hayatagaci{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 90%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2290%22 fill=%22%231f4d33%22/%3E%3Cpath d=%22M30 84V40M30 58L16 46M30 58L44 46M30 48L19 34M30 48L41 34M30 40L24 26M30 40L36 26M30 40V18%22 stroke=%22%23d8b45e%22 stroke-width=%223%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Ccircle cx=%2216%22 cy=%2244%22 r=%224%22 fill=%22%23e2563d%22/%3E%3Ccircle cx=%2244%22 cy=%2244%22 r=%224%22 fill=%22%23e2563d%22/%3E%3Ccircle cx=%2219%22 cy=%2232%22 r=%223.5%22 fill=%22%23e2563d%22/%3E%3Ccircle cx=%2241%22 cy=%2232%22 r=%223.5%22 fill=%22%23e2563d%22/%3E%3Ccircle cx=%2230%22 cy=%2215%22 r=%224%22 fill=%22%23e2563d%22/%3E%3Cpath d=%22M16 86H44%22 stroke=%22%23d8b45e%22 stroke-width=%223%22/%3E%3C/svg%3E") center/cover}
.cb-kartal{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 90%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2290%22 fill=%22%238e1c2a%22/%3E%3Cg fill=%22%23E0B12E%22%3E%3Cellipse cx=%2230%22 cy=%2250%22 rx=%226%22 ry=%2214%22/%3E%3Cpath d=%22M24 44L4 30L8 46L2 50L12 56L6 62L24 58Z%22/%3E%3Cpath d=%22M36 44L56 30L52 46L58 50L48 56L54 62L36 58Z%22/%3E%3Cpath d=%22M26 38Q22 28 17 26L13 27L17 30Q20 32 22 38Z%22/%3E%3Cpath d=%22M34 38Q38 28 43 26L47 27L43 30Q40 32 38 38Z%22/%3E%3Ccircle cx=%2217%22 cy=%2225%22 r=%223.5%22/%3E%3Ccircle cx=%2243%22 cy=%2225%22 r=%223.5%22/%3E%3Cpath d=%22M26 64L22 80L30 72L38 80L34 64Z%22/%3E%3C/g%3E%3C/svg%3E") center/cover}
.cb-kocboynuzu{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 90%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2290%22 fill=%22%23efe2c0%22/%3E%3Cg fill=%22none%22 stroke=%22%23b3261e%22 stroke-width=%223.5%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M30 30C30 16 14 12 10 22C7 30 16 34 20 28%22/%3E%3Cpath d=%22M30 30C30 16 46 12 50 22C53 30 44 34 40 28%22/%3E%3Cpath d=%22M30 70C30 56 14 52 10 62C7 70 16 74 20 68%22/%3E%3Cpath d=%22M30 70C30 56 46 52 50 62C53 70 44 74 40 68%22/%3E%3C/g%3E%3Cpath d=%22M30 34V56%22 stroke=%22%231f3a5f%22 stroke-width=%224%22/%3E%3Cpath d=%22M4 45H56%22 stroke=%22%231f3a5f%22 stroke-width=%222%22 stroke-dasharray=%224 3%22/%3E%3C/svg%3E") center/cover}
.cb-goktengri{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 90%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2290%22 fill=%22%231a4f8c%22/%3E%3Ccircle cx=%2230%22 cy=%2234%22 r=%2212%22 fill=%22%23f3c64a%22/%3E%3Cline x1=%2245.0%22 y1=%2234.0%22 x2=%2250.0%22 y2=%2234.0%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2243.0%22 y1=%2241.5%22 x2=%2247.3%22 y2=%2244.0%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2237.5%22 y1=%2247.0%22 x2=%2240.0%22 y2=%2251.3%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2230.0%22 y1=%2249.0%22 x2=%2230.0%22 y2=%2254.0%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2222.5%22 y1=%2247.0%22 x2=%2220.0%22 y2=%2251.3%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2217.0%22 y1=%2241.5%22 x2=%2212.7%22 y2=%2244.0%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2215.0%22 y1=%2234.0%22 x2=%2210.0%22 y2=%2234.0%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2217.0%22 y1=%2226.5%22 x2=%2212.7%22 y2=%2224.0%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2222.5%22 y1=%2221.0%22 x2=%2220.0%22 y2=%2216.7%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2230.0%22 y1=%2219.0%22 x2=%2230.0%22 y2=%2214.0%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2237.5%22 y1=%2221.0%22 x2=%2240.0%22 y2=%2216.7%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Cline x1=%2243.0%22 y1=%2226.5%22 x2=%2247.3%22 y2=%2224.0%22 stroke=%22%23f3c64a%22 stroke-width=%222.5%22/%3E%3Ccircle cx=%2230%22 cy=%2270%22 r=%228%22 fill=%22%23f4f1e6%22/%3E%3Ccircle cx=%2234%22 cy=%2268%22 r=%227%22 fill=%22%231a4f8c%22/%3E%3C/svg%3E") center/cover}
.cb-turkbayragi{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 90%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2290%22 fill=%22%23E30A17%22/%3E%3Ccircle cx=%2224%22 cy=%2245%22 r=%2213%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2227.3%22 cy=%2245%22 r=%2210.4%22 fill=%22%23E30A17%22/%3E%3Cpolygon points=%2233.50,45.00 38.00,43.55 37.99,38.82 40.76,42.65 45.26,41.18 42.47,45.00 45.26,48.82 40.76,47.35 37.99,51.18 38.00,46.45%22 fill=%22%23fff%22/%3E%3C/svg%3E") center/cover}
.cb-gokturk{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 90%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2290%22 fill=%22%232AA9BF%22/%3E%3Cg transform=%22translate(50.20 10.00) scale(-0.67 0.67)%22%3E%3Cpath d=%22M6 40L10 26Q11 18 16 14L14 2L22 11L26 1L29 11Q38 10 46 15L58 19L56 22L48 23L55 26L44 29Q36 33 30 34L32 38L27 36L28 40Z%22 fill=%22%23D4AF37%22/%3E%3Ccircle cx=%2233%22 cy=%2216%22 r=%221.7%22 fill=%22%232AA9BF%22/%3E%3C/g%3E%3Cg transform=%22translate(50.20 52.00) scale(-0.67 0.67)%22%3E%3Cpath d=%22M6 40L10 26Q11 18 16 14L14 2L22 11L26 1L29 11Q38 10 46 15L58 19L56 22L48 23L55 26L44 29Q36 33 30 34L32 38L27 36L28 40Z%22 fill=%22%23D4AF37%22/%3E%3Ccircle cx=%2233%22 cy=%2216%22 r=%221.7%22 fill=%22%232AA9BF%22/%3E%3C/g%3E%3Crect x=%222.5%22 y=%222.5%22 width=%2255%22 height=%2285%22 rx=%223%22 fill=%22none%22 stroke=%22%23D4AF37%22 stroke-width=%221.2%22/%3E%3C/svg%3E") center/cover}
html.th-gokturk-gok{--felt:#0f2a52;--felt-2:#1c4a86;--line:#4a7fc0}
html.th-gokturk-gok .felt{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 120%22%3E%3Ccircle cx=%2220%22 cy=%2218%22 r=%221%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%2248%22 cy=%2240%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%2290%22 cy=%2214%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22130%22 cy=%2230%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22170%22 cy=%2216%22 r=%221%22 fill=%22%23fff%22 opacity=%220.6%22/%3E%3Ccircle cx=%22186%22 cy=%2252%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%2212%22 cy=%2260%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.4%22/%3E%3Ccircle cx=%22150%22 cy=%2270%22 r=%220.9%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%2260%22 cy=%2290%22 r=%220.7%22 fill=%22%23fff%22 opacity=%220.4%22/%3E%3Ccircle cx=%22110%22 cy=%22100%22 r=%220.8%22 fill=%22%23fff%22 opacity=%220.4%22/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 45%,var(--felt-2),var(--felt) 75%);background-size:220px auto,100% 100%}
html.th-bozkurt{--felt:#141c2e;--felt-2:#26324d;--line:#56658a}
html.th-bozkurt .felt{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 120%22%3E%3Cg opacity=%22.15%22%3E%3Cg transform=%22translate(130.00 30.00) scale(-1.0 1.0)%22%3E%3Cpath d=%22M6 40L10 26Q11 18 16 14L14 2L22 11L26 1L29 11Q38 10 46 15L58 19L56 22L48 23L55 26L44 29Q36 33 30 34L32 38L27 36L28 40Z%22 fill=%22%23D4AF37%22/%3E%3Ccircle cx=%2233%22 cy=%2216%22 r=%221.7%22 fill=%22%2326324d%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 45%,var(--felt-2),var(--felt) 75%);background-size:100% 100%,100% 100%}
html.th-otuken{--felt:#24361b;--felt-2:#3b5a2a;--line:#7a8f4a}
html.th-otuken .felt{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 120%22%3E%3Cpath d=%22M0 92Q50 74 100 88T200 84V120H0Z%22 fill=%22%23c9a227%22 opacity=%22.10%22/%3E%3Cpath d=%22M0 104Q60 90 120 100T200 98V120H0Z%22 fill=%22%23c9a227%22 opacity=%22.10%22/%3E%3Ccircle cx=%2240%22 cy=%2228%22 r=%2210%22 fill=%22%23f3c64a%22 opacity=%22.14%22/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 45%,var(--felt-2),var(--felt) 75%);background-size:100% 100%,100% 100%}
/* flag badges next to names */
.flag{display:inline-block;width:18px;height:12px;border-radius:2px;overflow:hidden;vertical-align:-1px;box-shadow:0 0 0 1px rgba(0,0,0,.35);flex:none}
.flag svg{width:100%;height:100%;display:block}
.flag.big{width:54px;height:36px;border-radius:4px}
.nm .flag,.who .flag{margin-left:5px}

/* ---- Göktürk flag image (supplied by the owner) for every wolf motif ---- */
.flag img{width:100%;height:100%;object-fit:cover;display:block}
.cb-bozkurt,.cb-gokturk{background:#559EE2 url("img/gokturk.png") center/contain no-repeat}
.cb-gokturk{background-size:140% auto}
.cb-asena{background:#559EE2 url("img/gokturk.png") center/contain no-repeat;box-shadow:inset 0 0 0 2px #D4AF37,inset 0 0 0 4px #14254a}
.bigback.cb-asena{box-shadow:inset 0 0 0 2px #D4AF37,inset 0 0 0 5px #14254a}
html.th-bozkurt .felt{background-image:radial-gradient(ellipse at 50% 45%,var(--felt-2),var(--felt) 75%)}
html.th-bozkurt .felt::after{content:"";position:absolute;inset:18% 22%;background:url("img/gokturk.png") center/contain no-repeat;opacity:.14;border-radius:50%;pointer-events:none}

/* real flag images keep their own proportions */
.flag{width:auto;height:12px;background:transparent}
.flag img{height:100%;width:auto;object-fit:contain}
.flag.big{width:auto;height:36px}