/* Tulpor Puzzle Club themes: <html data-theme="samarqand|yorqin|toza|tun"> (set before first paint in index.html, picked in Settings).
   app.css holds the shared structure and reads only the tokens below; this file adds each theme's ornaments and shapes.
   Fonts are bundled (assets/fonts, SIL OFL 1.1 — see assets/fonts/LICENSES.txt): Latin + Cyrillic subsets; other scripts use the system font. */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600 800;font-display:swap;src:url(assets/fonts/playfair-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600 800;font-display:swap;src:url(assets/fonts/playfair-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600 800;font-display:swap;src:url(assets/fonts/playfair-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/manrope-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:500 900;font-display:swap;src:url(assets/fonts/nunito-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito';font-style:normal;font-weight:500 900;font-display:swap;src:url(assets/fonts/nunito-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:500 900;font-display:swap;src:url(assets/fonts/nunito-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:500 900;font-display:swap;src:url(assets/fonts/nunito-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/inter-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- tokens: every colour of app.css comes from here. *-c are "r g b" triplets for rgb(var(--x-c)/alpha) ---------- */
/* Samarqand (default): lapis night, gold and turquoise tile, girih ornament, Playfair Display + Manrope */
:root,[data-theme=samarqand]{color-scheme:dark;--font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-d:'Playfair Display',Georgia,'Times New Roman',serif;--fw-d:700;
 --bg:#0b1e3f;--deep:#081631;--sky-bg:radial-gradient(ellipse 120% 50% at 50% -10%,#1b4a86 0,transparent 60%),linear-gradient(180deg,#0b1e3f,#081631);
 --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23E2BC6A' stroke-width='1'%3E%3Crect x='16' y='16' width='24' height='24'/%3E%3Crect x='16' y='16' width='24' height='24' transform='rotate(45 28 28)'/%3E%3Ccircle cx='28' cy='28' r='5'/%3E%3Cpath d='M0 0l11 11M56 0L45 11M0 56l11-11M56 56L45 45M28 0v7M28 56v-7M0 28h7M56 28h-7'/%3E%3C/g%3E%3C/svg%3E") 0 0/56px 56px;--pattern-o:.07;
 --panel:#0d2349;--panel2:#112b57;--raise-a:#183a70;--raise-b:#0f2a55;--field:#0a1e40;--line:rgba(226,188,106,.32);--ln-c:226 188 106;
 --text:#f6f0e1;--text2:#d8deeb;--muted:#b8c3d9;--dim:#6f7fa0;--silver:#dce3ee;--ink-c:255 255 255;--sh-c:3 10 25;--sa:1;
 --accent:#5ed3c6;--accent2:#1b8f86;--ac-c:94 211 198;--gold:#e2bc6a;--gold2:#f6db9a;--go-c:226 188 106;--good:#86e3b9;--gd-c:134 227 185;--bad:#ff8c8c;--bd-c:255 140 140;
 --violet:#c3b1ff;--vi-c:195 177 255;--sky:#85d3ff;--sk-c:133 211 255;--dp-c:8 22 49;--hf-c:8 22 49;
 --btn:linear-gradient(180deg,#fbe5a8 0,#e2bc6a 45%,#b8862e 100%);--on-btn:#231703;--bt-c:226 188 106;--gbtn:linear-gradient(180deg,#fff1c9,#e2bc6a 55%,#c9962f);--on-gold:#231703;
 --t-gold-a:#2a3a55;--t-gold-b:#142a4f;--t-good-a:#14415a;--t-good-b:#0d2a4a;--t-vio-a:#262f6b;--t-vio-b:#15234d;--t-sky-a:#133f70;--t-sky-b:#0d2a55;--t-warm-a:#3a2a55;--t-warm-b:#1c2350;
 --brand2:#8be6db;--hero-hi:linear-gradient(90deg,#f6db9a,#e2bc6a);--tabbar:linear-gradient(180deg,#0d2349f2,#081631f2);
 --majolica:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='10' viewBox='0 0 28 10'%3E%3Cpath d='M14 0l5 5-5 5-5-5z' fill='%233CC8B9'/%3E%3Cpath d='M14 2.6L16.4 5 14 7.4 11.6 5z' fill='%23F6DB9A'/%3E%3Ccircle cx='3' cy='5' r='1.4' fill='%23E2BC6A'/%3E%3Ccircle cx='25' cy='5' r='1.4' fill='%23E2BC6A'/%3E%3Cpath d='M0 5h7M21 5h7' stroke='%23E2BC6A' stroke-width='.8'/%3E%3C/svg%3E");
 --oct:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}
/* Yorqin: sunny sky, candy-white cards, chunky "pressable" buttons, Nunito */
[data-theme=yorqin]{color-scheme:light;--font:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-d:'Nunito',-apple-system,'Segoe UI',Roboto,sans-serif;--fw-d:900;--r:22px;
 --bg:#e3f6ff;--deep:#1a2d6e;--sky-bg:linear-gradient(180deg,#4fc3ff 0,#9fe0ff 34%,#e3f6ff 72%,#fff4d6 100%);
 --pattern:radial-gradient(circle at 20% 30%,#fff 0 1.6px,transparent 2px) 0 0/90px 80px,radial-gradient(circle at 70% 70%,#fff 0 1.2px,transparent 1.6px) 0 0/120px 110px;--pattern-o:.55;
 --panel:#f2f8ff;--panel2:#ffffff;--raise-a:#ffffff;--raise-b:#eaf4ff;--field:#f2f8ff;--line:#d3e4f6;--ln-c:19 40 74;
 --text:#13284a;--text2:#2b4266;--muted:#4a6285;--dim:#8fa3bf;--silver:#7d8a9c;--ink-c:19 40 74;--sh-c:19 40 74;--sa:.4;
 --accent:#3f4fe0;--accent2:#2b37b0;--ac-c:63 79 224;--gold:#b06a00;--gold2:#8a5300;--go-c:255 198 51;--good:#12803f;--gd-c:22 148 78;--bad:#d3263c;--bd-c:211 38 60;
 --violet:#6a3fe0;--vi-c:112 70 232;--sky:#0a6aa3;--sk-c:10 116 176;--dp-c:18 34 90;--hf-c:255 255 255;
 --btn:linear-gradient(180deg,#ffd866,#ffc633);--on-btn:#4a2600;--bt-c:227 154 0;--gbtn:linear-gradient(180deg,#ffd866,#ffc633);--on-gold:#4a2600;
 --t-gold-a:#fff6db;--t-gold-b:#ffefc2;--t-good-a:#e6f8ee;--t-good-b:#d5f2e2;--t-vio-a:#efeafe;--t-vio-b:#e4dcfd;--t-sky-a:#e3f2ff;--t-sky-b:#d3eafe;--t-warm-a:#ffe9ee;--t-warm-b:#ffdce4;
 --brand2:#3f4fe0;--hero-hi:linear-gradient(90deg,#3f4fe0,#d92a63);--tabbar:#fffffff2}
/* Toza: warm paper white, flat cards with a hairline, one violet accent, Inter */
[data-theme=toza]{color-scheme:light;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-d:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;--fw-d:800;--r:16px;
 --bg:#faf7f2;--deep:#25221e;--sky-bg:linear-gradient(180deg,#fdfbf8,#f6f1e9);--pattern:none;--pattern-o:0;
 --panel:#ffffff;--panel2:#ffffff;--raise-a:#ffffff;--raise-b:#fbf8f3;--field:#f3eee6;--line:#e9e2d7;--ln-c:60 50 35;
 --text:#1f1b16;--text2:#3d372f;--muted:#6b6358;--dim:#a39b8f;--silver:#8f877b;--ink-c:31 27 22;--sh-c:31 27 22;--sa:.28;
 --accent:#5b3fd1;--accent2:#4a2fc0;--ac-c:91 63 209;--gold:#9a6400;--gold2:#7a4f00;--go-c:242 178 27;--good:#1e7f4e;--gd-c:30 127 78;--bad:#c2362f;--bd-c:194 54 47;
 --violet:#5b3fd1;--vi-c:91 63 209;--sky:#14589e;--sk-c:20 88 158;--dp-c:37 34 30;--hf-c:255 255 255;
 --btn:linear-gradient(145deg,#6a4fe0,#5b3fd1);--on-btn:#ffffff;--bt-c:91 63 209;--gbtn:linear-gradient(145deg,#ffd66b,#f2b21b);--on-gold:#3a2600;
 --t-gold-a:#fff6e3;--t-gold-b:#fdf0d5;--t-good-a:#eaf6ef;--t-good-b:#e0f3e9;--t-vio-a:#f1edfd;--t-vio-b:#ece7fd;--t-sky-a:#e9f2fb;--t-sky-b:#e2effc;--t-warm-a:#fdedef;--t-warm-b:#fce4e4;
 --brand2:#5b3fd1;--hero-hi:linear-gradient(90deg,#5b3fd1,#a61e50);--tabbar:#fffffff5}
/* Tun: a calm night for evening play — ink navy, soft violet and teal, no glare */
[data-theme=tun]{color-scheme:dark;--font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-d:'Manrope',-apple-system,'Segoe UI',Roboto,sans-serif;--fw-d:800;
 --bg:#0e1018;--deep:#0a0c12;--sky-bg:radial-gradient(ellipse 90% 45% at 50% -5%,#262b52 0,transparent 70%),radial-gradient(ellipse at 100% 80%,#123a3e55,transparent 45%),linear-gradient(180deg,#121522,#0b0d14);
 --pattern:radial-gradient(circle,#c9d2ff 0 .7px,transparent 1.1px) 0 0/83px 89px,radial-gradient(circle,#c9d2ff 0 .5px,transparent .9px) 40px 30px/131px 113px;--pattern-o:.35;
 --panel:#161a28;--panel2:#1c2133;--raise-a:#232a3f;--raise-b:#1a1f30;--field:#10131d;--line:#2a3046;--ln-c:160 170 220;
 --text:#e6e8f0;--text2:#c2c7d6;--muted:#9097ad;--dim:#5a6178;--silver:#c9ced9;--ink-c:255 255 255;--sh-c:0 0 0;--sa:1;
 --accent:#a99bff;--accent2:#7c6cf0;--ac-c:157 140 255;--gold:#e8c27a;--gold2:#f2d9a6;--go-c:232 194 122;--good:#6fd3b4;--gd-c:111 211 180;--bad:#ff8a8a;--bd-c:255 138 138;
 --violet:#b7a8ff;--vi-c:183 168 255;--sky:#7cc4e8;--sk-c:124 196 232;--dp-c:8 9 14;--hf-c:10 12 18;
 --btn:linear-gradient(145deg,#b9aeff,#8c7cf5);--on-btn:#15122e;--bt-c:140 124 245;--gbtn:linear-gradient(145deg,#f2d9a6,#d9ae5f);--on-gold:#2a1e08;
 --t-gold-a:#2a2a30;--t-gold-b:#1b1c26;--t-good-a:#1c2d33;--t-good-b:#151e28;--t-vio-a:#262445;--t-vio-b:#1b1b33;--t-sky-a:#1c2b40;--t-sky-b:#151f30;--t-warm-a:#2e2338;--t-warm-b:#1d1a2b;
 --brand2:#a99bff;--hero-hi:linear-gradient(90deg,#c9beff,#8fd9d0);--tabbar:#161a28f2}

/* ---------- shared theme touches (all themes) ---------- */
html{background:var(--bg)}
.title,.ghead h2,.ginfo b,.hero h1,.result h2,.signup h1,.langpick h1,.bs-card header b,.pc-head b,.st-body>b,.ptitle b,.wdone b,.lg-head b,.supform.refund h2{font-family:var(--font-d);font-weight:var(--fw-d)}
.tabs{background:var(--tabbar)}
/* light themes: the play board, the night slide and the ad screen stay dark islands, so games keep the contrast they were drawn for */
:is([data-theme=yorqin],[data-theme=toza]) :is(.board,.hslide.dark,.house-ad,.duelp.seats .dstage,.duelp.seats>.ptop,.duelp.seats>.pbar,.duelp.seats>.dpanel,.duelp.seats>.deskhint){--ink-c:255 255 255;--sh-c:0 0 0;--sa:1;--text:#f6f4ef;--text2:#dcd9e6;--muted:#aeb1c4;--dim:#6f7288;--gold:#ffc861;--gold2:#ffe3a0;--go-c:255 200 97;--good:#8edcb4;--gd-c:142 220 180;--bad:#ff8a95;--bd-c:255 122 133;--violet:#c9b8ff;--sky:#9fd8f0;--accent:#ffb38f;--ac-c:255 159 124;--silver:#e6dcd6;color:var(--text)}
[data-theme=yorqin] :is(.board,.duelp.seats .dstage,.duelp.seats>.ptop,.duelp.seats>.pbar,.duelp.seats>.dpanel,.duelp.seats>.deskhint){--panel:#18245c;--panel2:#26398a;--raise-a:#2c3f8f;--raise-b:#1e2c6a;--field:#141e4d;--line:#3a4c99;--ln-c:200 215 255}
[data-theme=toza] :is(.board,.duelp.seats .dstage,.duelp.seats>.ptop,.duelp.seats>.pbar,.duelp.seats>.dpanel,.duelp.seats>.deskhint){--panel:#1f2128;--panel2:#2e313b;--raise-a:#343844;--raise-b:#262931;--field:#1a1c22;--line:#3a3e4a;--ln-c:220 220 235}
:is([data-theme=yorqin],[data-theme=toza]) .duelp.seats .dstage{border-radius:16px;background:linear-gradient(170deg,var(--panel2),var(--panel))}
:is([data-theme=yorqin],[data-theme=toza]) .hslide.dark{--dp-c:16 14 30}
:is([data-theme=yorqin],[data-theme=toza]) .hero{border:1px solid var(--line)}
:is([data-theme=yorqin],[data-theme=toza]) .hslide .hero-text p{color:var(--text2)}
:is([data-theme=yorqin],[data-theme=toza]) .gart img,:is([data-theme=yorqin],[data-theme=toza]) .ghead img,:is([data-theme=yorqin],[data-theme=toza]) .hero-art{filter:none}
/* carousel dots sit top-right, clear of the play button */
.hero.carousel .hdots{left:auto;right:20px;top:16px;bottom:auto}[dir=rtl] .hero.carousel .hdots{right:auto;left:20px}
/* coin icons stay golden on light paper (amounts keep the darker, readable --gold) */
:is([data-theme=yorqin],[data-theme=toza]) svg.ic:has(>circle[r="8.5"]){color:#f2b21b}
/* readable difficulty bands on light paper */
:is([data-theme=yorqin],[data-theme=toza]) .band_easy{background:#e0f3e9;color:#156b41}:is([data-theme=yorqin],[data-theme=toza]) .band_normal{background:#e2effc;color:#14589e}:is([data-theme=yorqin],[data-theme=toza]) .band_hard{background:#fdf0d5;color:#8a5a00}:is([data-theme=yorqin],[data-theme=toza]) .band_master{background:#fdebdb;color:#94420b}:is([data-theme=yorqin],[data-theme=toza]) .band_expert{background:#fde5ec;color:#a61e50}
:is([data-theme=yorqin],[data-theme=toza]) .wrow.top3 .pos{color:#b0602a!important}
:is([data-theme=yorqin],[data-theme=toza]) .stars i.on{color:#f5b400}
:is([data-theme=yorqin],[data-theme=toza]) .lv span{color:#e0a000}
/* Google button per theme (the G always stays on its white plate): Samarqand = lapis with a gold hairline frame, Yorqin = white pressable pill, Toza = flat white with a grey hairline, Tun = dark with light text */
[data-theme=samarqand] .gbtn{background:linear-gradient(180deg,#163565,#0d2349);color:#f6f0e1;border:1px solid rgb(var(--go-c)/.6);border-radius:16px;box-shadow:inset 0 0 0 3px #0d2349,inset 0 0 0 4px rgb(var(--go-c)/.22),0 6px 16px rgb(var(--sh-c)/.5)}
[data-theme=samarqand] .gbtn .gb-g{box-shadow:0 0 0 1.5px rgb(var(--go-c)/.7)}[data-theme=samarqand] .glinked{border-color:rgb(var(--go-c)/.35);background:rgb(var(--dp-c)/.35)}[data-theme=samarqand] .glinked .gb-g{box-shadow:0 0 0 1.5px rgb(var(--go-c)/.6)}
[data-theme=yorqin] .gbtn{border:2px solid #dadce0;border-radius:999px;box-shadow:0 4px 0 #c9d6e6,0 8px 16px rgb(var(--sh-c)/.1)}[data-theme=yorqin] .gbtn:active{transform:translateY(3px);box-shadow:0 1px 0 #c9d6e6}[data-theme=yorqin] .gbtn .gb-g{box-shadow:0 0 0 1px #e6ebf2}
[data-theme=yorqin] .glinked{background:#fff;border-color:#d3e4f6;border-radius:999px}
[data-theme=toza] .gbtn{border:1px solid #c9ccd1;border-radius:12px;box-shadow:0 1px 2px rgb(var(--sh-c)/.08)}[data-theme=toza] .glinked{background:#fff;border-color:var(--line);border-radius:12px}
[data-theme=tun] .gbtn{background:#131314;color:#e3e3e3;border:1px solid #8e918f;border-radius:14px;box-shadow:0 4px 14px #0008}[data-theme=tun] .glinked{background:#131314;border-color:#4a4e5a}
:is([data-theme=yorqin],[data-theme=toza]) input,:is([data-theme=yorqin],[data-theme=toza]) select,:is([data-theme=yorqin],[data-theme=toza]) textarea{border-color:var(--line)}

/* ---------- Samarqand: majolica borders, arches, octagon tiles, gold hairlines ---------- */
[data-theme=samarqand] .top:not(:has(.brand)){position:relative;padding-bottom:12px}
[data-theme=samarqand] .top:not(:has(.brand)):after{content:'';position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--majolica) center/28px 10px repeat-x;opacity:.9}
[data-theme=samarqand] .title{color:var(--gold2);font-size:22px}[data-theme=samarqand] .title.big{font-size:28px}
[data-theme=samarqand] .brand b{font-family:var(--font-d);font-weight:800;color:var(--gold2);letter-spacing:3px}[data-theme=samarqand] .brand small{color:var(--brand2);letter-spacing:3.2px}
[data-theme=samarqand] .logo:not(.big){box-shadow:0 0 0 1px var(--gold),0 0 0 4px var(--bg),0 0 0 5px var(--line)}
[data-theme=samarqand] .wallet{background:linear-gradient(180deg,#183a70,#0f2a55);border:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--gold2)}[data-theme=samarqand] .wallet b{color:var(--gold2)}
[data-theme=samarqand] .icon-btn:not(.hint):not(.crown.on){background:linear-gradient(180deg,#183a70,#0f2a55);border:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--gold2)}
[data-theme=samarqand] .primary,[data-theme=samarqand] .primary.gold{box-shadow:0 8px 22px rgb(var(--go-c)/.28),inset 0 1px 0 #fff8,inset 0 -2px 0 #0003}
[data-theme=samarqand] .secondary{border:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--gold2)}
[data-theme=samarqand] .hero{border:0;box-shadow:0 12px 30px rgb(var(--sh-c)/.55),inset 0 0 0 1px var(--line)}
[data-theme=samarqand] .hero.carousel:before{content:'';position:absolute;inset:7px;z-index:3;border-radius:19px;border:1px solid rgb(var(--go-c)/.45);pointer-events:none}
[data-theme=samarqand] .hero small{color:var(--brand2);letter-spacing:3px}
[data-theme=samarqand] .hero h1{letter-spacing:0;font-size:34px}
[data-theme=samarqand] .hdots i{width:7px;border-radius:1px;transform:rotate(45deg)}[data-theme=samarqand] .hdots i.on{width:7px;background:var(--gold)}
[data-theme=samarqand] .cats button{border-radius:12px;background:linear-gradient(180deg,#14335f,#0f2a55);border:0;box-shadow:inset 0 0 0 1px rgb(var(--go-c)/.18);color:var(--text)}
[data-theme=samarqand] .cats button.on{background:var(--btn);color:var(--on-btn);box-shadow:0 6px 16px rgb(var(--go-c)/.25)}
[data-theme=samarqand] .gcard{padding:8px 8px 0;border:0;box-shadow:0 12px 30px rgb(var(--sh-c)/.55),inset 0 0 0 1px rgb(var(--go-c)/.2)}
[data-theme=samarqand] .gart{border-radius:50% 50% 12px 12px/30% 30% 12px 12px;box-shadow:0 0 0 1px var(--gold)}
[data-theme=samarqand] .gart:before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 0 4px rgb(var(--dp-c)/.55);pointer-events:none}
[data-theme=samarqand] .gshine,[data-theme=samarqand] .gcard .gart:after{display:none}
[data-theme=samarqand] .ginfo{padding:9px 4px 12px}[data-theme=samarqand] .ginfo b{font-size:17px;letter-spacing:0}
[data-theme=samarqand] .gprog .bar i{background:var(--gold)}
[data-theme=samarqand] .sect:not(.chap){color:var(--gold);font-weight:800;letter-spacing:2.4px}
[data-theme=samarqand] .sect:not(.chap):after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
[data-theme=samarqand] .sect:not(.chap):before{content:'';width:8px;height:8px;flex-shrink:0;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--gold)}
[data-theme=samarqand] .ghead{border:0;box-shadow:0 12px 30px rgb(var(--sh-c)/.55),inset 0 0 0 1px var(--line)}
[data-theme=samarqand] .ghead img{width:calc(100% - 20px);margin:10px 10px 4px;border-radius:50% 50% 14px 14px/26% 26% 14px 14px;box-shadow:0 0 0 2px var(--gold),0 0 0 5px var(--panel2),0 0 0 6px var(--line)}
[data-theme=samarqand] .ghead .gh-art:not(.cover) img{width:100%;margin:0;border-radius:0;box-shadow:none}
[data-theme=samarqand] .ghead h2{font-size:28px;letter-spacing:0}
[data-theme=samarqand] .lv{position:relative;isolation:isolate;border:0;border-radius:0;clip-path:var(--oct);background:var(--line);box-shadow:none}
[data-theme=samarqand] .lv:before{content:'';position:absolute;inset:1.5px;z-index:-1;clip-path:var(--oct);background:linear-gradient(180deg,#183a70,#0f2a55)}
[data-theme=samarqand] .lv b{font-family:var(--font-d);font-size:19px}
[data-theme=samarqand] .lv.cur{background:#8be6db;color:#03211e;box-shadow:none}[data-theme=samarqand] .lv.cur:before{background:radial-gradient(circle at 50% 30%,#3cc8b9,#1b8f86)}[data-theme=samarqand] .lv.cur:after{display:none}[data-theme=samarqand] .lv.cur span{color:#03211e}
[data-theme=samarqand] .sect:not(.chap)>svg{display:none}
[data-theme=samarqand] .lv.locked span{opacity:.45}[data-theme=samarqand] .lv.locked{opacity:1;background:#ffffff1f;color:#8d9bb8}[data-theme=samarqand] .lv.locked:before{background:#0d2349}
[data-theme=samarqand] .chip{border:0;border-radius:12px;background:linear-gradient(180deg,#14335f,#0f2a55);box-shadow:inset 0 0 0 1px rgb(var(--go-c)/.18)}[data-theme=samarqand] .chip b{font-family:var(--font-d)}
[data-theme=samarqand] .ptitle small{color:var(--brand2)}[data-theme=samarqand] .ptitle b{color:var(--gold2)}
[data-theme=samarqand] .board{border-color:rgb(var(--go-c)/.5);box-shadow:inset 0 0 40px rgb(var(--dp-c)/.5),0 0 0 3px var(--bg),0 0 0 4px var(--line)}
[data-theme=samarqand] .duelp.seats .board{box-shadow:none}
[data-theme=samarqand] .modal{background:rgba(5,14,32,.8)}
[data-theme=samarqand] .result{position:relative;overflow:hidden;isolation:isolate;border:0;background:linear-gradient(180deg,#1a3f75 0,#112b57 40%,#0d2349);box-shadow:0 30px 80px #000c,inset 0 0 0 1.5px var(--gold),inset 0 0 0 7px #112b57,inset 0 0 0 8px var(--line)}
[data-theme=samarqand] .result:before{content:'';position:absolute;inset:0 0 50% 0;z-index:-1;background:var(--pattern);opacity:.12;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
[data-theme=samarqand] .result.win{border-radius:190px 190px 24px 24px/110px 110px 24px 24px;padding-top:46px}
[data-theme=samarqand] .result.win h2{font-size:40px;line-height:1.05;background:linear-gradient(180deg,#fff1c9,var(--gold));-webkit-background-clip:text;background-clip:text}
@media (max-height:520px){[data-theme=samarqand] .result.win{border-radius:130px 130px 20px 20px/56px 56px 20px 20px;padding-top:24px}[data-theme=samarqand] .result.win h2{font-size:30px}}
[data-theme=samarqand] .tabs{border:0;box-shadow:0 0 0 1px var(--line),0 14px 34px #000a}
[data-theme=samarqand] .tabs:before{content:'';position:absolute;left:18px;right:18px;top:-5px;height:10px;background:var(--majolica) center/28px 10px repeat-x;opacity:.85}
[data-theme=samarqand] .tabs button{color:#a9b6cf}[data-theme=samarqand] .tabs button.on{background:none;color:var(--gold2)}[data-theme=samarqand] .tabs button.on svg{color:var(--gold2)}
[data-theme=samarqand] .tabs button.on:before{content:'';position:absolute;top:0;left:calc(50% - 3px);width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
[data-theme=samarqand] .premcard{background:linear-gradient(180deg,#1a3f75,#0d2349);border:0;box-shadow:0 12px 30px #0008,inset 0 0 0 1.5px var(--gold),inset 0 0 0 6px #0d2349,inset 0 0 0 7px var(--line)}
[data-theme=samarqand] .pc-crown,[data-theme=samarqand] .ricon{border-radius:0;clip-path:var(--oct)}
[data-theme=samarqand] .eg-tile .eg-ic{color:var(--gold2)}
[data-theme=samarqand] .eg-missions,[data-theme=samarqand] .eg-tile,[data-theme=samarqand] .shoprow,[data-theme=samarqand] .pcard,[data-theme=samarqand] .cloudcard{border-color:rgb(var(--go-c)/.22)}
[data-theme=samarqand] .eg-row{position:relative}

/* ---------- Yorqin: white candy cards, pressable 3D buttons, colourful chips ---------- */
[data-theme=yorqin] .gcard,[data-theme=yorqin] .ghead,[data-theme=yorqin] .pcard,[data-theme=yorqin] .shoprow,[data-theme=yorqin] .cloudcard,[data-theme=yorqin] .eg-tile,[data-theme=yorqin] .eg-missions,[data-theme=yorqin] .daily,[data-theme=yorqin] .me,[data-theme=yorqin] .supcat,[data-theme=yorqin] .supform,[data-theme=yorqin] .premcard,[data-theme=yorqin] .starter,[data-theme=yorqin] .pack,[data-theme=yorqin] .naplan,[data-theme=yorqin] .bot,[data-theme=yorqin] .invite,[data-theme=yorqin] .lg-head{border-color:transparent;box-shadow:0 5px 0 rgba(19,40,74,.08),0 12px 24px rgba(19,40,74,.1)}
[data-theme=yorqin] .primary{box-shadow:0 5px 0 #e39a00,0 10px 20px rgba(227,154,0,.3);border-radius:18px}[data-theme=yorqin] .primary:active{transform:translateY(3px);box-shadow:0 2px 0 #e39a00}
[data-theme=yorqin] .primary.gold{box-shadow:0 5px 0 #e39a00,0 10px 20px rgba(227,154,0,.3)}
[data-theme=yorqin] .secondary,[data-theme=yorqin] .icon-btn:not(.hint):not(.crown.on){border-color:transparent;box-shadow:0 4px 0 rgba(19,40,74,.12),0 8px 16px rgba(19,40,74,.08);color:var(--text)}
[data-theme=yorqin] .wallet{background:#fff;border-color:transparent;box-shadow:0 4px 0 rgba(19,40,74,.1);color:#b06a00}[data-theme=yorqin] .wallet b{color:var(--text)}[data-theme=yorqin] .wallet .plus{background:#16944e;color:#fff}
[data-theme=yorqin] .brand b{font-weight:900;color:#13284a}[data-theme=yorqin] .brand small{color:#13284a;opacity:.75}
[data-theme=yorqin] .title{font-weight:900}
[data-theme=yorqin] .cats button{background:#fff;border-color:transparent;color:var(--text);box-shadow:0 3px 0 rgba(19,40,74,.1)}[data-theme=yorqin] .cats button.on{background:#3f4fe0;color:#fff;box-shadow:0 4px 0 #2b37b0}
[data-theme=yorqin] .gcard{border-radius:24px}
[data-theme=yorqin] .gcard[data-cat-c]{--cc:#c24a06}[data-theme=yorqin] .gcard[data-cat-c=calm]{--cc:#117a4b}[data-theme=yorqin] .gcard[data-cat-c=logic]{--cc:#7046e8}[data-theme=yorqin] .gcard[data-cat-c=quiz]{--cc:#d92a63}[data-theme=yorqin] .gcard[data-cat-c=arcade]{--cc:#0a74b0}[data-theme=yorqin] .duelc{--cc:#3f4fe0}
[data-theme=yorqin] .gshine{background:linear-gradient(180deg,transparent 60%,#fff 100%)}
[data-theme=yorqin] .lv{background:#fff;border-color:transparent;box-shadow:0 4px 0 rgba(19,40,74,.1)}[data-theme=yorqin] .lv.cur{box-shadow:0 4px 0 #e39a00}[data-theme=yorqin] .lv.locked{opacity:.6;background:#eef5fd}
[data-theme=yorqin] .chip{background:#fff;border-color:transparent;box-shadow:0 3px 0 rgba(19,40,74,.1)}
[data-theme=yorqin] .board{border-color:transparent;box-shadow:0 6px 0 rgba(19,40,74,.18),0 14px 28px rgba(19,40,74,.18)}
[data-theme=yorqin] .duelp.seats .dstage{box-shadow:0 6px 0 rgba(19,40,74,.18)}
[data-theme=yorqin] .result{border:0;box-shadow:0 8px 0 rgba(19,40,74,.12),0 30px 60px rgba(19,40,74,.35)}
[data-theme=yorqin] .result.win h2{background:none;color:#13284a;-webkit-text-fill-color:currentColor}
[data-theme=yorqin] .tabs{border-color:transparent;box-shadow:0 6px 0 rgba(19,40,74,.08),0 14px 30px rgba(19,40,74,.18)}[data-theme=yorqin] .tabs button{color:#4a6285}[data-theme=yorqin] .tabs button.on{background:#ffc633;color:#4a2600;box-shadow:0 3px 0 #e39a00}[data-theme=yorqin] .tabs button.on svg{color:#4a2600}
[data-theme=yorqin] .premcard{background:linear-gradient(160deg,#6a5cf0,#3f4fe0);--text:#fff;--text2:#e6e9ff;--muted:#d0d6ff;--gold:#ffd866;--gold2:#fff1c4;color:#fff}
[data-theme=yorqin] .premcard .pc-head b{background:none;color:#fff;-webkit-text-fill-color:#fff}
[data-theme=yorqin] .hero{box-shadow:0 6px 0 rgba(19,40,74,.1),0 16px 30px rgba(19,40,74,.15);border-color:transparent}
[data-theme=yorqin] .sect{color:#13284a;font-weight:900}

/* ---------- Toza: flat paper, hairlines, soft shadows, a single violet accent ---------- */
[data-theme=toza] .gcard,[data-theme=toza] .ghead,[data-theme=toza] .pcard,[data-theme=toza] .shoprow,[data-theme=toza] .cloudcard,[data-theme=toza] .eg-tile,[data-theme=toza] .eg-missions,[data-theme=toza] .daily,[data-theme=toza] .me,[data-theme=toza] .supcat,[data-theme=toza] .supform,[data-theme=toza] .starter,[data-theme=toza] .pack,[data-theme=toza] .naplan,[data-theme=toza] .bot,[data-theme=toza] .invite,[data-theme=toza] .lg-head,[data-theme=toza] .lv,[data-theme=toza] .chip,[data-theme=toza] .result,[data-theme=toza] .hero{border-color:var(--line);box-shadow:0 1px 2px rgba(31,27,22,.05),0 6px 20px rgba(31,27,22,.06)}
[data-theme=toza] .premcard{border-color:#5b3fd1;box-shadow:0 1px 2px rgba(31,27,22,.05),0 8px 24px rgba(91,63,209,.12)}
[data-theme=toza] .primary{box-shadow:0 6px 16px rgba(91,63,209,.25)}[data-theme=toza] .primary.gold{box-shadow:0 6px 16px rgba(242,178,27,.3)}
[data-theme=toza] .secondary,[data-theme=toza] .icon-btn:not(.hint):not(.crown.on),[data-theme=toza] .wallet{border-color:var(--line);box-shadow:0 1px 2px rgba(31,27,22,.06);color:var(--text)}
[data-theme=toza] .wallet{background:#fff;color:#9a6400}[data-theme=toza] .wallet b{color:var(--text)}[data-theme=toza] .wallet .plus{background:#eeeafe;color:#5b3fd1}
[data-theme=toza] .brand b{color:#1f1b16}[data-theme=toza] .brand small{color:#6b6358;letter-spacing:1.4px}
[data-theme=toza] .cats button{background:#fff;border-color:var(--line);color:#3d372f}[data-theme=toza] .cats button.on{background:#1f1b16;color:#fff;border-color:#1f1b16}
[data-theme=toza] .gcard[data-cat-c]{--cc:#94420b}[data-theme=toza] .gcard[data-cat-c=calm]{--cc:#156b41}[data-theme=toza] .gcard[data-cat-c=logic]{--cc:#4a2fc0}[data-theme=toza] .gcard[data-cat-c=quiz]{--cc:#a61e50}[data-theme=toza] .gcard[data-cat-c=arcade]{--cc:#14589e}[data-theme=toza] .duelc{--cc:#2e3a52}
[data-theme=toza] .gshine{background:linear-gradient(180deg,transparent 65%,#fff 100%)}[data-theme=toza] .gcard .gart:after{display:none}
[data-theme=toza] .lv.locked{opacity:.55;background:#f3eee6}
[data-theme=toza] .board{border-color:transparent;box-shadow:0 1px 2px rgba(31,27,22,.08),0 10px 30px rgba(31,27,22,.14)}
[data-theme=toza] .result.win h2{background:none;color:#1f1b16;-webkit-text-fill-color:currentColor}
[data-theme=toza] .tabs{border-color:var(--line);box-shadow:0 1px 2px rgba(31,27,22,.06),0 10px 30px rgba(31,27,22,.1)}[data-theme=toza] .tabs button{color:#6b6358}[data-theme=toza] .tabs button.on{background:#eeeafe;color:#5b3fd1}
[data-theme=toza] .sect{color:#3d372f;letter-spacing:1px;font-weight:700}
[data-theme=toza] .ghead h2,[data-theme=toza] .title.big,[data-theme=toza] .hero h1{letter-spacing:-.6px}

/* ---------- Tun: low glare — slightly dimmed art, soft violet light ---------- */
[data-theme=tun] .gart img,[data-theme=tun] .ghead img,[data-theme=tun] .hero-art,[data-theme=tun] .grow-row img,[data-theme=tun] .rcard .ring img{filter:saturate(.9) brightness(.86)}
[data-theme=tun] .gcard,[data-theme=tun] .ghead,[data-theme=tun] .result,[data-theme=tun] .tabs{border-color:#2a3046}
[data-theme=tun] .primary{box-shadow:0 8px 22px rgb(var(--bt-c)/.25)}
[data-theme=tun] .result.win h2{background:linear-gradient(90deg,#f2d9a6,#e8c27a);-webkit-background-clip:text;background-clip:text}

/* ---------- theme picker (Settings) ---------- */
.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 10px}
.thm{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px 6px 8px;border-radius:14px;background:rgb(var(--ink-c)/.04);border:1px solid rgb(var(--ln-c)/.18);text-align:center;min-width:0}
.thm.on{border-color:var(--accent);box-shadow:0 0 0 2px rgb(var(--ac-c)/.35)}
.thm b{font-size:12px;line-height:1.15;font-weight:800;color:var(--text);white-space:normal;overflow-wrap:anywhere;min-width:0}   /* B8: long names (Samarqand / Самарканд) wrap instead of ending in … */
@media(max-width:430px){.thm b{font-size:11px;letter-spacing:-.2px}}
.thm-sw{position:relative;display:block;height:46px;border-radius:9px;overflow:hidden;background:var(--sw-bg);box-shadow:inset 0 0 0 1px #0000001a}
.thm-sw i{position:absolute;left:7px;right:7px;top:8px;height:13px;border-radius:5px;background:var(--sw-card)}
.thm-sw i+i{top:25px;right:auto;width:44%;height:12px;border-radius:99px;background:var(--sw-btn)}
.thm-sw em{position:absolute;right:7px;bottom:9px;width:12px;height:12px;border-radius:50%;background:var(--sw-acc)}
.thm-ok{position:absolute;top:2px;inset-inline-end:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-btn);box-shadow:0 0 0 2px var(--panel)}
.thm[data-theme-pick=samarqand]{--sw-bg:linear-gradient(170deg,#1b4a86,#0b1e3f);--sw-card:#112b57;--sw-btn:linear-gradient(180deg,#fbe5a8,#e2bc6a);--sw-acc:#3cc8b9}
.thm[data-theme-pick=yorqin]{--sw-bg:linear-gradient(180deg,#4fc3ff,#e3f6ff);--sw-card:#fff;--sw-btn:#ffc633;--sw-acc:#3f4fe0}
.thm[data-theme-pick=toza]{--sw-bg:#faf7f2;--sw-card:#fff;--sw-btn:#5b3fd1;--sw-acc:#f2b21b}
.thm[data-theme-pick=tun]{--sw-bg:linear-gradient(170deg,#262b52,#0e1018);--sw-card:#1c2133;--sw-btn:#9d8cff;--sw-acc:#6fd3b4}
@media(max-width:350px){.themes{gap:5px}.thm{padding:4px 4px 6px}.thm b{font-size:11px}}
