/* Теми гри (Влад 31.10.2026): Мінімал (типова, чорна й біла), Світлячки, Хамелеон. Кожна змінює головний екран і гру. Навігаційні вікна сталі: їхній вигляд — окремий вибір «Світлі вікна». */
.ap-theme-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 16px;border:0;border-radius:999px;background:var(--ios-glass-fill);-webkit-backdrop-filter:var(--ios-glass-frost);backdrop-filter:var(--ios-glass-frost);box-shadow:var(--ios-glass-shadow),var(--ios-glass-rim),var(--ios-glass-edges);color:var(--ios-vibrant-label);font:800 16px/1 EasyNunito,Nunito,sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}
.ap-theme-btn:active{background:var(--ios-glass-fill-pressed)}
.ap-theme-btn>i{display:grid;place-items:center;width:20px;height:20px}
.ap-theme-btn svg{width:20px;height:20px}
.ap-theme-btn .ap-theme-chev{width:16px;height:16px;opacity:.6}
.ap-theme-btn .ap-theme-chev svg{width:14px;height:14px}
/* Вікно вибору */
.ap-themesh{height:auto!important}
.ap-theme-tile{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-right:12px;border-radius:12px;color:#fff}
.ap-theme-tile svg{width:24px;height:24px}
.ap-theme-tile.is-minimal{background:#1c1c1e;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18)}
.ap-theme-tile.is-fireflies{background:linear-gradient(180deg,#123029,#050a0a);color:#caff4f}
.ap-theme-tile.is-chameleon{background:linear-gradient(135deg,#3fcee0 0 33%,#f490ad 33% 66%,#fac740 66%)}
.ap-theme-tile.is-later{gap:3px;display:flex;align-items:center;justify-content:center;background:var(--ios-tertiary-fill)}
.ap-theme-tile.is-later i{width:5px;height:5px;border-radius:50%;background:var(--ios-secondary-label)}
.ap-theme-later:disabled{color:var(--ios-secondary-label);opacity:1;cursor:default}
.ap-theme-later:disabled .sr-t{color:var(--ios-secondary-label)}
.ap-themes-mode{margin-top:12px}
.ap-themes-mode[hidden]{display:none}
/* Вогники: лише transform і opacity, без розмиття, тому не навантажують телефон */
.th-flies{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.th-flies i{position:absolute;display:block;width:var(--s);height:var(--s);border-radius:50%;background:#e6ff9a;box-shadow:0 0 6px 2px rgba(202,255,79,.75),0 0 16px 6px rgba(202,255,79,.22);opacity:0;will-change:transform,opacity;animation:th-fly var(--d) ease-in-out var(--w) infinite}
@keyframes th-fly{0%{transform:translate3d(0,0,0);opacity:0}18%{opacity:.95}34%{opacity:.25}50%{transform:translate3d(var(--x),var(--y),0);opacity:1}72%{opacity:.3}86%{opacity:.8}100%{transform:translate3d(calc(var(--x)*-.4),calc(var(--y)*1.5),0);opacity:0}}
@media(prefers-reduced-motion:reduce){.th-flies i{animation:none;opacity:.6}}
/* ── Мінімал: наші токени без змін — матовий фон із зерном, скляні кнопки, картка й портал як були. Прибрано лише кольорове світло й синій індикатор. ── */
html.th-minimal .fx-bg .glow,html.th-minimal .fl-bg::after{display:none!important}
html.th-minimal .fl-back{background:linear-gradient(160deg,#2a2a2e,#17171a);box-shadow:0 22px 44px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.14)}
html.th-minimal .gi-front{background:#1a1a1e!important}
html.th-minimal .gi-front::after{box-shadow:inset 0 0 0 .75em rgba(255,255,255,.14)!important}
html.th-minimal .gi-fill{background:rgba(255,255,255,.24)!important}
/* Біла: ті самі токени у світлому значенні. Лише на екрані, вікна мають свій окремий вибір. */
html.th-minimal.th-white :is(.ap-phome,.ap-dock,.rs2){--ios-label:#000;--ios-secondary-label:rgba(60,60,67,.76);--ios-glass-fill:rgba(255,255,255,.6);--ios-glass-fill-pressed:rgba(255,255,255,.85);--ios-glass-shadow:0 8px 15px rgba(0,0,0,.06);--ios-glass-rim:0 0 0 .5px rgba(0,0,0,.1);--ios-glass-edges:inset 0 10px 10px -10px rgba(255,255,255,.6),inset 0 -10px 10px -10px rgba(255,255,255,.4);--ios-vibrant-label:#000}
html.th-minimal.th-white:not(#_):not(#_){background:radial-gradient(125% 85% at 50% 8%,#f7f7f9 0%,#f2f2f7 46%,#e9e9ee 100%) fixed #f2f2f7!important}
html.th-minimal.th-white .fx-bg .vig{display:none!important}
html.th-minimal.th-white .fx-bg .grain{mix-blend-mode:multiply;opacity:.04}
html.th-minimal.th-white .fl-load{background:radial-gradient(125% 85% at 50% 8%,#f7f7f9 0%,#f2f2f7 46%,#e9e9ee 100%);color:#000}
html.th-minimal.th-white .fl-bg .vig{display:none}
html.th-minimal.th-white .fl-cap span{color:rgba(60,60,67,.6)}
html.th-minimal.th-white .ap-bar-d .ap-title{color:#000}
html.th-minimal.th-white .ap-pull,html.th-minimal.th-white .ap-pull svg,html.th-minimal.th-white .ap-snote{color:rgba(60,60,67,.6)!important}
html.th-minimal.th-white .ap-next:not(#_){background:rgba(255,255,255,.72)!important;border:0!important;box-shadow:0 0 0 .5px rgba(0,0,0,.08)!important}
html.th-minimal.th-white .ap-g3 b{color:#000!important}
html.th-minimal.th-white .ap-g3 small,html.th-minimal.th-white .ap-tmore-btn,html.th-minimal.th-white .ap-tmore-btn span{color:rgba(60,60,67,.6)!important}
html.th-minimal.th-white .ap-g3>span+span{border-color:rgba(60,60,67,.18)!important}
html.th-minimal.th-white .ap-next .ap-gtype:not(#_){background:rgba(118,118,128,.12)!important;color:#000!important;box-shadow:none!important}
html.th-minimal.th-white .ap-tmore-btn i{background:rgba(118,118,128,.12)!important;color:rgba(60,60,67,.6)!important}
html.th-minimal.th-white .ap-sq:not(#_){background:var(--ios-glass-fill)!important;color:#000!important;box-shadow:var(--ios-glass-shadow),var(--ios-glass-rim),var(--ios-glass-edges)!important}
html.th-minimal.th-white .ap-sq:not(#_) *{color:#000}
html.th-minimal.th-white .gi-front{background:#fff!important}
html.th-minimal.th-white .gi-front::after{box-shadow:inset 0 0 0 .75em rgba(0,0,0,.1)!important}
html.th-minimal.th-white .gi-fill{background:rgba(0,0,0,.1)!important}
html.th-minimal.th-white .gi-num{color:#000!important;text-shadow:none!important}
/* Портал на білому: білий не видно, тому темна лінія з м'яким темним світінням */
html.th-minimal.th-white .ap-pstage{--pc:60,60,70;--pc2:90,90,100;--pcw:150,150,160}
html.th-minimal.th-white .ap-portal .p-line{background:linear-gradient(90deg,transparent,rgba(30,30,36,.5) 17%,#1e1e24 50%,rgba(30,30,36,.5) 83%,transparent)}
/* ── Світлячки: ніч у лісі. Глибокий зелено-чорний фон, вогники в повітрі, лаймове світло порталу й дія ── */
html.th-fireflies{--f-text:#f3f7e8;--f-sub:rgba(226,240,205,.62);--f-line:rgba(202,255,79,.16);--f-surf:rgba(214,255,160,.07);--f-lime:#caff4f;--f-ink:#0d1a06}
html.th-fireflies:not(#_):not(#_){background:#050a0a!important;background-image:none!important}
html.th-fireflies:not(#_):not(#_) body{background:none!important}
/* Фон і вогники лежать в одному шарі під вмістом: фон тіла сторінки не перекриває їх */
html.th-fireflies .fx-bg{display:block!important;background:radial-gradient(70% 34% at 50% 104%,rgba(202,255,79,.13),transparent 100%),linear-gradient(180deg,#0d2019 0%,#07110f 56%,#050a0a 100%)!important}
html.th-fireflies .fx-bg :is(.glow,.vig,.grain){display:none!important}
html.th-fireflies #play,html.th-fireflies .fl-load{background:none}
html.th-fireflies .fl-bg{display:none}
html.th-fireflies .fl-load{color:var(--f-text)}
html.th-fireflies .fl-back{background:linear-gradient(180deg,#14352c,#0a1a16);box-shadow:0 22px 44px -18px #000,0 0 30px -8px rgba(202,255,79,.3),inset 0 0 0 1px rgba(202,255,79,.26)}
html.th-fireflies .fl-cap span{color:var(--f-sub)}
html.th-fireflies .ap-bar-d .ap-title{color:var(--f-text)}
html.th-fireflies .ap-pull,html.th-fireflies .ap-pull svg,html.th-fireflies .ap-snote{color:var(--f-sub)!important}
html.th-fireflies .ap-next:not(#_){background:var(--f-surf)!important;border:0!important;box-shadow:inset 0 0 0 .5px var(--f-line)!important}
html.th-fireflies .ap-g3 b{color:var(--f-text)!important}
html.th-fireflies .ap-g3 small,html.th-fireflies .ap-tmore-btn,html.th-fireflies .ap-tmore-btn span{color:var(--f-sub)!important}
html.th-fireflies .ap-g3>span+span{border-color:var(--f-line)!important}
html.th-fireflies .ap-next .ap-gtype:not(#_){background:rgba(202,255,79,.12)!important;color:var(--f-lime)!important;box-shadow:none!important}
html.th-fireflies .ap-tmore-btn i{background:var(--f-surf)!important;color:var(--f-sub)!important}
html.th-fireflies .ap-sq:not(#_){background:var(--f-surf)!important;color:var(--f-text)!important;border:0!important;box-shadow:inset 0 0 0 .5px var(--f-line)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.th-fireflies #flow .ap-dock .primary:not(#_):not(#_){background:var(--f-lime)!important;color:var(--f-ink)!important;box-shadow:0 10px 30px -10px rgba(202,255,79,.55)!important}
html.th-fireflies .ap-theme-btn{background:var(--f-surf);box-shadow:inset 0 0 0 .5px var(--f-line);color:var(--f-text)}
html.th-fireflies .ap-theme-btn>i:first-child{color:var(--f-lime)}
html.th-fireflies .ap-pstage{--pc:150,220,50;--pc2:202,255,79;--pcw:236,255,190}
html.th-fireflies .ap-pcard{box-shadow:0 20px 44px rgba(0,0,0,.6),0 0 40px -12px rgba(202,255,79,.3)!important}
html.th-fireflies .gi-front{background:#0e2219!important}
html.th-fireflies .gi-front::after{box-shadow:inset 0 0 0 .75em rgba(202,255,79,.4)!important}
html.th-fireflies :is(.gi-fill,.gi-ffill){background:var(--f-lime)!important}
html.th-fireflies .gi-num{color:var(--f-text)!important;text-shadow:none!important}
/* ── Хамелеон: на головному фон — колір верхньої картки ── */
html.th-chameleon:has(#flow[data-page="home"]):not(#_):not(#_),html.th-chameleon:has(#flow[data-page="home"]):not(#_):not(#_) body,html.cham-play:not(#_):not(#_),html.cham-play:not(#_):not(#_) body{background:var(--g-bg)!important;background-image:none!important;transition:background-color .25s ease}
html.th-chameleon:has(#flow[data-page="home"]) .fx-bg,html.cham-play .fx-bg{display:none!important}
html.th-chameleon #flow[data-page="home"]{background:none!important}
html.th-chameleon .ap-bar-d .ap-title,html.th-chameleon .ap-snote{color:var(--g-tone)!important;transition:color .25s ease}
html.th-chameleon .ap-pull,html.th-chameleon .ap-pull svg{color:var(--g-tone)!important;transition:color .25s ease}   /* «Тягни, щоб почати» — темний тон без контейнера (Влад 02.11.2026) */
html.th-chameleon .ap-next:not(#_){background:rgba(255,255,255,.42)!important;box-shadow:none!important;border:0!important}
html.th-chameleon .ap-next :is(b,small,span,i,.nm),html.th-chameleon .ap-tmore-btn{color:var(--g-tone)!important;background-color:transparent}
html.th-chameleon .ap-next .ap-gtype:not(#_){background:rgba(255,255,255,.55)!important;color:var(--g-tone)!important;box-shadow:none!important}
html.th-chameleon .ap-sq:not(#_){background:rgba(255,255,255,.5)!important;color:var(--g-tone)!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.th-chameleon #flow .ap-dock .primary:not(#_):not(#_){background:var(--g-tone)!important;color:#fff!important;box-shadow:none!important;transition:background-color .25s ease}
html.th-chameleon .ap-theme-btn{background:rgba(255,255,255,.5);box-shadow:none;color:var(--g-tone)}
html.th-chameleon .ap-pcard{box-shadow:0 12px 26px color-mix(in srgb,var(--g-tone) 32%,transparent)!important}
html.th-chameleon .ap-me{box-shadow:none!important}
/* Лічильник дня в шапці: лише на екрані, у вікнах він сталий. Заливка й хвиля суцільні й одного кольору, тому між ними немає смуги. */
html.th-chameleon .ap-bar-d .gi-front{background:var(--g-tone)!important}
html.th-chameleon .ap-bar-d .gi-front::after{box-shadow:inset 0 0 0 .75em rgba(255,255,255,.3)!important}
html.th-chameleon .ap-bar-d .gi-fill{background:color-mix(in srgb,var(--g-tone) 70%,#fff)!important}
html.th-chameleon .ap-bar-d .gi-wave path{fill:color-mix(in srgb,var(--g-tone) 70%,#fff)!important}
html.cham-play .fl-load{background:var(--g-bg);color:var(--g-tone)}
html.cham-play .fl-bg{display:none}
html.cham-play .fl-back{background:var(--g-tone);box-shadow:0 22px 44px -18px color-mix(in srgb,var(--g-tone) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
html.cham-play .fl-cap b,html.cham-play .fl-cap span,html.cham-play :is(.fl-err h2,.fl-err p,.fl-backbtn){color:var(--g-tone)}
html.cham-play .fl-retry{background:var(--g-tone);color:#fff}
/* Портал головної: колір лінії й світла в кольорі теми */
html.th-fireflies .ap-portal .p-line{background:linear-gradient(90deg,transparent,rgba(202,255,79,.7) 20%,#f4ffd6 50%,rgba(202,255,79,.7) 80%,transparent)}
html.th-fireflies .ap-portal.active .p-line{box-shadow:0 0 18px #caff4f,0 1px 24px rgba(202,255,79,.7)}
html.th-fireflies .ap-portal .p-halo{background:radial-gradient(50% 50% at 50% 50%,rgba(202,255,79,.42),rgba(202,255,79,.14) 46%,transparent 72%)}
html.th-fireflies .ap-portal .p-dissolve{background:linear-gradient(90deg,transparent,rgba(202,255,79,.4) 15%,rgba(236,255,190,.85) 50%,rgba(202,255,79,.4) 85%,transparent)}
html.th-minimal.th-white .ap-portal .p-line{background:linear-gradient(90deg,transparent,rgba(30,30,36,.5) 20%,#1e1e24 50%,rgba(30,30,36,.5) 80%,transparent)}
html.th-minimal.th-white .ap-portal.active .p-line{box-shadow:0 0 16px rgba(30,30,36,.55),0 1px 22px rgba(30,30,36,.3)}
html.th-minimal.th-white .ap-portal .p-halo{background:radial-gradient(50% 50% at 50% 50%,rgba(40,40,50,.24),rgba(40,40,50,.08) 46%,transparent 72%)}
html.th-minimal.th-white .ap-portal .p-dissolve{bottom:-12px;background:radial-gradient(ellipse,rgba(40,40,50,.16),transparent 70%)}
/* ── «Гру завершено» в кольорі теми. Чорний «Мінімал» лишається на наших токенах. ── */
html.th-minimal.th-white{--r-bg:radial-gradient(120% 70% at 50% 0%,#f7f7f9 0%,#f2f2f7 46%,#e9e9ee 100%);--r-end:#f0f0f5;--r-end0:rgba(240,240,245,0);--r-text:#000;--r-sub:rgba(60,60,67,.66);--r-surf:rgba(255,255,255,.78);--r-line:rgba(60,60,67,.18);--r-sel:#fff;--r-track:rgba(118,118,128,.16);--r-fill:#1e1e24;--r-fill2:rgba(30,30,36,.34);--r-mark:#000;--r-glass:rgba(255,255,255,.7)}
html.th-fireflies{--r-bg:none;--r-end:#060c0b;--r-end0:rgba(6,12,11,0);--r-text:#f3f7e8;--r-sub:rgba(226,240,205,.68);--r-surf:rgba(214,255,160,.08);--r-line:rgba(202,255,79,.16);--r-sel:rgba(202,255,79,.18);--r-track:rgba(214,255,160,.1);--r-fill:#caff4f;--r-fill2:rgba(202,255,79,.4);--r-mark:#caff4f;--r-cta:#caff4f;--r-cta-t:#0d1a06;--r-glass:rgba(214,255,160,.1)}
html.th-chameleon{--r-bg:var(--g-bg);--r-end:var(--g-bg);--r-end0:transparent;--r-text:var(--g-tone);--r-sub:color-mix(in srgb,var(--g-tone) 78%,transparent);--r-surf:rgba(255,255,255,.5);--r-line:color-mix(in srgb,var(--g-tone) 18%,transparent);--r-sel:#fff;--r-track:color-mix(in srgb,var(--g-tone) 16%,transparent);--r-fill:var(--g-tone);--r-fill2:color-mix(in srgb,var(--g-tone) 40%,transparent);--r-mark:var(--g-tone);--r-cta:var(--g-tone);--r-cta-t:#fff;--r-glass:rgba(255,255,255,.5)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2{background:var(--r-bg);color:var(--r-text)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2-res:not(#_){background:none;color:var(--r-text)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 :is(.rs2-head h1,.rs2-facts b,.rs2-row b,.rs2-gh b,.rs2-solo b,.rs2-solo span){color:var(--r-text)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 :is(.rs2-facts,.rs2-row small,.rs2-gh small,.rs2-gh span,.rs2-alt,.rs2-hint){color:var(--r-sub)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-row b em{color:var(--r-mark)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 :is(.rs2-list,.rs2-goal,.rs2-seg):not(#_){background:var(--r-surf);box-shadow:none}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-row{border-bottom-color:var(--r-line)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-seg button:not(#_){color:var(--r-sub)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-seg button[aria-checked="true"]:not(#_){background:var(--r-sel);color:var(--r-text)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-dock:not(#_){background:linear-gradient(to top,var(--r-end) 58%,var(--r-end0))}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-gbar{background:var(--r-track)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-gbar .old{background:var(--r-fill)}   /* одна смуга одного кольору, без межі між іграми (Влад 19.10.2026) */
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-gbar .new{background:var(--r-fill)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-x:not(#_){background:var(--r-glass);box-shadow:none;color:var(--r-text)}
:is(html.th-fireflies,html.th-chameleon) .rs2 .rs2-cta:not(#_){background:var(--r-cta);color:var(--r-cta-t);box-shadow:none}
:is(html.th-fireflies,html.th-chameleon) .rs2 .rs2-cta small{color:inherit;opacity:.76}
html.th-white .rs2 .rs2-cta.is-white:not(#_){background:#1e1e24;color:#fff}
/* Смуга цілі в чорному «Мінімалі» без синього */
html.th-minimal:not(.th-white) .rs2 .rs2-gbar :is(.old,.new){background:#f4f0e7}
/* Картка «+1», що летить до лічильника дня */
html.th-minimal .gi-fly{background:#1c1c1e;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18),0 10px 26px rgba(0,0,0,.35)}
html.th-fireflies .gi-fly{background:#caff4f;color:#0d1a06;box-shadow:0 10px 26px rgba(202,255,79,.45)}
html.th-chameleon .gi-fly{background:var(--g-tone);box-shadow:0 10px 26px color-mix(in srgb,var(--g-tone) 45%,transparent)}
/* Спалах навколо наголошеної букви на картках кабінету */
html.th-minimal{--th-hit:#1e1e24;--th-hit2:#8e8e93}
html.th-fireflies{--th-hit:#4f8a00;--th-hit2:#a6d62e}
html.th-chameleon{--th-hit:var(--g-tone);--th-hit2:var(--g-bg)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-solo>small{background:var(--r-surf);color:var(--r-sub)}
:is(html.th-white,html.th-fireflies,html.th-chameleon) .rs2 .rs2-solo>small b{color:var(--r-text)}
/* «Гру завершено» для гостя (сторінка оболонки, не .rs2) у кольорі останньої картки */
html.th-chameleon:has(#flow[data-page="result"]):not(#_):not(#_),html.th-chameleon:has(#flow[data-page="result"]):not(#_):not(#_) body{background:var(--g-bg)!important;background-image:none!important;transition:background-color .45s ease}
html.th-chameleon:has(#flow[data-page="result"]) .fx-bg{display:none!important}
html.th-chameleon #flow[data-page="result"]:not(#_){color:var(--g-tone)}
html.th-chameleon #flow[data-page="result"]:not(#_) :is(.rs-head h1,.rs-facts b,.rs-150 b){color:var(--g-tone);transition:color .45s ease}
html.th-chameleon #flow[data-page="result"]:not(#_) :is(.rs-facts,.rs-150 span,.note){color:color-mix(in srgb,var(--g-tone) 78%,transparent)}
html.th-chameleon #flow[data-page="result"]:not(#_) .rs-dots i{background:color-mix(in srgb,var(--g-tone) 22%,transparent)}
html.th-chameleon #flow[data-page="result"]:not(#_) .rs-dots i.on{background:var(--g-tone)}
html.th-chameleon #flow[data-page="result"]:not(#_):not(#_) .actions .primary{background:var(--g-tone);color:#fff;box-shadow:none}
html.th-chameleon #flow[data-page="result"]:not(#_) .rc-card{box-shadow:0 12px 26px color-mix(in srgb,var(--g-tone) 32%,transparent)}
/* Заставка при оновленні сторінки вже в кольорі останньої верхньої картки: без темного й фіолетового проміжку. Для нового відвідувача заставка наша темна. */
html.th-chameleon.cham-boot.booting:not(#_):not(#_){background:var(--g-bg)!important;background-image:none!important}
html.th-chameleon.cham-boot.booting .fx-bg{display:none!important}
html.th-chameleon.cham-boot .boot-text{color:var(--g-tone)}
html.th-chameleon.cham-boot .boot-logo{background:var(--g-tone)}
/* Вогонь стріку в шапці: уся палітра з кольору теми (Влад 02.11.2026). Зовнішній край темніший за фон, далі світлий шар і біле ядро, тому вогонь читається на будь-якому кольорі. У вікнах вогонь сталий. */
html.th-chameleon .ap-bar-d .gi-art [id$="o"] stop:first-child{stop-color:color-mix(in srgb,var(--g-tone) 42%,var(--g-bg))}
html.th-chameleon .ap-bar-d .gi-art [id$="o"] stop:last-child{stop-color:color-mix(in srgb,var(--g-tone) 72%,var(--g-bg))}
html.th-chameleon .ap-bar-d .gi-art [id$="m"] stop:first-child{stop-color:color-mix(in srgb,var(--g-bg) 28%,#fff)}
html.th-chameleon .ap-bar-d .gi-art [id$="m"] stop:last-child{stop-color:color-mix(in srgb,var(--g-bg) 72%,#fff)}
html.th-chameleon .ap-bar-d .gi-art [id$="c"] stop:first-child{stop-color:#fff}
html.th-chameleon .ap-bar-d .gi-art [id$="c"] stop:last-child{stop-color:color-mix(in srgb,var(--g-bg) 14%,#fff)}
html.th-chameleon .ap-bar-d .gi-art [id$="face"] stop{stop-color:var(--g-tone)}
html.th-chameleon .ap-bar-d .gi-art [id$="heat"] stop{stop-color:#fff}
html.th-chameleon .ap-bar-d .gi-art rect.gi-glow[filter]{fill:color-mix(in srgb,var(--g-tone) 40%,transparent)}
html.th-chameleon .ap-bar-d .gi-art rect.gi-ffill{fill:color-mix(in srgb,var(--g-tone) 70%,#fff)}
html.th-chameleon .ap-bar-d .gi-art rect[stroke]{stroke:rgba(255,255,255,.3)}
html.th-chameleon .ap-bar-d .gi-art text{stroke:var(--g-tone);stroke-width:8px}
html.th-chameleon .ap-bar-d .gi.gi-burst .gi-ring{animation-name:giRingCham}
@keyframes giRingCham{0%{opacity:0;box-shadow:0 0 0 0 rgba(255,255,255,.8)}25%{opacity:1}100%{opacity:0;box-shadow:0 0 0 15em rgba(255,255,255,0)}}
/* Залишки синього, знайдені скануванням усіх екранів (Влад 02.11.2026) */
/* Сяйво смуги цілі при виконанні цілі на екрані результату */
html.th-chameleon{--r-glow:rgba(255,255,255,.9)}
html.th-fireflies{--r-glow:rgba(202,255,79,.75)}
html.th-minimal.th-white{--r-glow:rgba(30,30,36,.35)}
html.th-minimal:not(.th-white){--r-glow:rgba(255,255,255,.6)}
@keyframes rsGoalGlowT{0%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 18px 3px var(--r-glow)}100%{box-shadow:0 0 0 0 transparent}}
html .rs2-goal.is-met .rs2-gbar:not(#_){animation-name:rsGoalGlowT}
/* Екрани входу й пошти: без синього світла в кутку */
html.th-chameleon .fx-bg .glow{display:none!important}
/* Картки в оболонці: значок «Нова», виділені слова, збережена зірочка */
html.th-chameleon svg.ic path{fill:var(--g-tone)}
html.th-chameleon :is(.ef-q .ef-w,.ef-qo .ef-w,.ef-qs .ef-w,.ef-av.ef-avw,.ef-star.is-on,.ef-blabel,.ef-st):not(#_){color:var(--g-tone)}
html.th-chameleon :is(.ef-color-blue,.ef-color-blue .ef-stx):not(#_){color:var(--g-tone)!important}
html.th-chameleon :is(.ef-xp-btn,.ef-star):focus-visible{outline-color:var(--g-tone)}
html.th-chameleon :is(.ef-mk,.ef-ans .ef-ch.ef-mk):not(#_){color:var(--g-tone)}
/* ── Єдина воронка «Хамелеон» (Влад 02.11.2026): вхід, код і запасний вітальний екран у кольорі, що прийшов із лендінга або з картки. Чорного немає. ── */
html.th-chameleon:is(:has(#flow[data-layout="form"]),:has(#flow[data-page="welcome"])):not(#_):not(#_){background:var(--g-bg)!important;background-image:none!important}
html.th-chameleon:is(:has(#flow[data-layout="form"]),:has(#flow[data-page="welcome"])):not(#_):not(#_) body{background:none!important}
html.th-chameleon:is(:has(#flow[data-layout="form"]),:has(#flow[data-page="welcome"])) .fx-bg{display:none!important}
html.th-chameleon #flow[data-layout="form"]:not(#_){color:var(--g-tone)}
html.th-chameleon #flow[data-layout="form"]:not(#_) :is(h1,.email-chip,.email,.inline-link,.resend,.google-or){color:var(--g-tone)}
html.th-chameleon #flow[data-layout="form"]:not(#_) :is(.intro,.note,.switch,.hint,.wait,.sent,a,.google-status){color:color-mix(in srgb,var(--g-tone) 80%,transparent)}
html.th-chameleon #flow[data-layout="form"]:not(#_) .error{padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.6);color:var(--g-tone);font-weight:800}
html.th-chameleon #flow[data-layout="form"]:not(#_) .error:empty{display:none}
html.th-chameleon #flow[data-layout="form"]:not(#_) input{background:rgba(255,255,255,.55);color:var(--g-tone);caret-color:var(--g-tone);border-color:transparent;box-shadow:none;-webkit-text-fill-color:var(--g-tone)}
html.th-chameleon #flow[data-layout="form"]:not(#_) input::placeholder{color:color-mix(in srgb,var(--g-tone) 62%,transparent);-webkit-text-fill-color:color-mix(in srgb,var(--g-tone) 62%,transparent)}
html.th-chameleon #flow[data-layout="form"]:not(#_) input:focus{outline:2px solid var(--g-tone);outline-offset:0}
html.th-chameleon #flow[data-layout="form"]:not(#_) .primary:not(#_):not(#_){background:var(--g-tone);color:#fff;box-shadow:none}
html.th-chameleon #flow[data-layout="form"]:not(#_) .primary:disabled{opacity:.55}
html.th-chameleon #flow[data-layout="form"]:not(#_) .email-chip{background:rgba(255,255,255,.5)}
html.th-chameleon #flow:not(#_):not(#_) #back.icon{background:rgba(255,255,255,.5);color:var(--g-tone);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html.th-chameleon #flow[data-layout="form"]:not(#_) .otp input:not(#_){background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;outline:none}
html.th-chameleon #flow[data-layout="form"]:not(#_) .otp-cells span{background:rgba(255,255,255,.55);color:var(--g-tone);border-color:transparent}
html.th-chameleon #flow[data-layout="form"]:not(#_) .otp-cells span.is-filled{background:rgba(255,255,255,.75)}
html.th-chameleon #flow[data-layout="form"]:not(#_) .otp.is-focus .otp-cells span.is-active{border-color:var(--g-tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--g-tone) 22%,transparent)}
html.th-chameleon #flow[data-layout="form"]:not(#_) .otp.is-invalid .otp-cells span{border-color:var(--g-tone)}
/* Запасний вітальний екран: коли база недоступна чи адреса з параметром гри, і вітальний у перелінку з грою */
html.th-chameleon #flow[data-page="welcome"]:not(#_){color:var(--g-tone)}
html.th-chameleon #flow[data-page="welcome"]:not(#_) :is(h1,h2,.ww-name h2,.ww-name p,.welcome-brand,.text-link,.text-link b){color:var(--g-tone)}
html.th-chameleon #flow[data-page="welcome"]:not(#_) .first-game{background:rgba(255,255,255,.4);border:0;box-shadow:none;color:var(--g-tone)}
html.th-chameleon #flow[data-page="welcome"]:not(#_) :is(.fg-text small,.fg-text b){color:var(--g-tone)}
html.th-chameleon #flow[data-page="welcome"]:not(#_) :is(.fg-icon,.fg-count){background:rgba(255,255,255,.55);color:var(--g-tone)}
html.th-chameleon #flow[data-page="welcome"]:not(#_) .ww-arrow{background:rgba(255,255,255,.45);color:var(--g-tone);box-shadow:none}
html.th-chameleon #flow[data-page="welcome"]:not(#_) .ww-dots button:not(#_){background:rgba(255,255,255,.4);color:var(--g-tone);box-shadow:none}
html.th-chameleon #flow[data-page="welcome"]:not(#_) .ww-dots button[aria-selected="true"]:not(#_){background:#fff;color:var(--g-tone);box-shadow:0 0 0 3px rgba(255,255,255,.45)}
html.th-chameleon #flow[data-page="welcome"]:not(#_):not(#_) .actions .primary{background:var(--g-tone);color:#fff;box-shadow:none}
html.th-chameleon #flow[data-page="welcome"]:not(#_) .wf-glow,html.th-chameleon #flow[data-page="welcome"]:not(#_) .wf-floor{display:none}
/* Екран цілі одразу після реєстрації — крок воронки, а не навігаційне вікно: він у кольорі */
html.th-chameleon .fx-sheet.ap-goalsh:not(#_){background:var(--g-bg)!important;--ios-label:var(--g-tone);--ios-secondary-label:color-mix(in srgb,var(--g-tone) 80%,transparent);--ios-tertiary-label:color-mix(in srgb,var(--g-tone) 66%,transparent)}
html.th-chameleon .fx-sheet.ap-goalsh:not(#_) .sheet-x{background:rgba(255,255,255,.5);color:var(--g-tone);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html.th-chameleon .fx-sheet.ap-goalsh:not(#_) .sheet-handle{background:color-mix(in srgb,var(--g-tone) 30%,transparent)}
html.th-chameleon .fx-sheet.ap-goalsh:not(#_) .gq-card{background:var(--g-tone);box-shadow:inset 0 0 0 3px rgba(255,255,255,.3),0 18px 40px color-mix(in srgb,var(--g-tone) 35%,transparent)}
html.th-chameleon .fx-sheet.ap-goalsh:not(#_) .gt-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--g-tone) var(--p),color-mix(in srgb,var(--g-tone) 18%,transparent) var(--p))}
html.th-chameleon .fx-sheet.ap-goalsh:not(#_) .gt-range::-moz-range-track{background:color-mix(in srgb,var(--g-tone) 18%,transparent)}
html.th-chameleon .fx-sheet.ap-goalsh:not(#_) .gt-range::-moz-range-progress{background:var(--g-tone)}
html.th-chameleon .fx-sheet.ap-goalsh:not(#_) #gq-go:not(#_){background:var(--g-tone);color:#fff;box-shadow:none}
/* Запасний вітальний екран: шапка */
html.th-chameleon #flow[data-page="welcome"]:not(#_) .welcome-entry-header :is(a,button){color:var(--g-tone);background:rgba(255,255,255,.4)}
/* Знайдено під час перевірки перед викладенням (02.11.2026) */
html.th-chameleon #flow[data-page="home"]:not(#_):not(#_) .welcome+.actions .primary{background:var(--g-tone);color:#fff;box-shadow:none}
html.th-chameleon #flow[data-page="home"]:not(#_) :is(.text-link,.text-link b){color:var(--g-tone)}
html.th-chameleon #flow[data-page="welcome"]:not(#_) .welcome-entry-header img{filter:brightness(0);opacity:.78}
html.th-chameleon .rs2 .rs2-scroll :is(h2,h3,p,.rs2-sect,.rs2-hd,.rs2-lbl){color:var(--r-text)}
/* Переходи між сторінками лендінга й гри — плавне перетікання браузером, без порожнього кадру (Chrome 126+, Safari 18.2+; деінде як було) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:ease}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* Заставка не накладається на форму: коли сторінка готова, вона зникає одразу */
html.th-chameleon:not(.booting) .boot{transition:none}
html.boot-quiet .boot-logo,html.boot-quiet .boot-text{visibility:hidden}
/* Зміна екрана: колір фону наїжджає повільно (клас ставить show() у flashcards.js на 1,4 с) */
html.th-chameleon.cham-glide:not(#_):not(#_),html.th-chameleon.cham-glide:not(#_):not(#_) body{transition:background-color .6s ease!important}
/* Результат гостя: допоміжна кнопка — канал у Telegram (Влад 02.11.2026), не кольорова: акцент лишається один. Від головної кнопки 8 px (6 — проміжок .actions), щоб читались разом */
.rs-channel{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-top:2px;border-radius:999px;background:rgba(255,255,255,.42);color:var(--g-tone,#f4f0e7);font-weight:800;font-size:16px;text-decoration:none;-webkit-tap-highlight-color:transparent}
.rs-channel svg{width:20px;height:20px;flex:none}
.rs-channel:active{background:rgba(255,255,255,.6)}