/* Огонёк — талисман в правом нижнем углу, открывает частые вопросы */
.flame-faq{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:65;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.flame-btn{position:relative;width:64px;height:64px;border-radius:50%;border:0;padding:12px;cursor:pointer;color:#FFC46B;
  background:radial-gradient(circle at 50% 55%,rgba(255,170,60,.22),rgba(20,14,8,.92) 70%);
  box-shadow:0 0 18px 2px rgba(255,170,60,.28),inset 0 0 0 1px rgba(255,196,107,.18);
  transition:box-shadow .35s ease,transform .35s ease,color .35s ease}
.flame-btn svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 3px rgba(255,196,107,.7));transition:filter .35s ease}
.flame-btn:hover,.flame-btn:focus-visible,.flame-btn[aria-expanded="true"]{color:#FFE2A8;transform:scale(1.06);
  box-shadow:0 0 46px 14px rgba(255,170,60,.45),0 0 110px 30px rgba(255,140,40,.18),inset 0 0 0 1px rgba(255,214,150,.35)}
.flame-btn:hover svg,.flame-btn:focus-visible svg,.flame-btn[aria-expanded="true"] svg{filter:drop-shadow(0 0 6px #FFD58A) drop-shadow(0 0 14px rgba(255,170,60,.9))}
.flame-tip{position:absolute;right:76px;top:50%;transform:translate(8px,-50%);white-space:nowrap;font-size:14px;font-weight:500;color:var(--cream);
  background:rgba(28,28,30,.92);border:1px solid var(--line);border-radius:999px;padding:7px 14px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.flame-btn:hover .flame-tip,.flame-btn:focus-visible .flame-tip{opacity:1;transform:translate(0,-50%)}
.flame-btn[aria-expanded="true"] .flame-tip{opacity:0}
.flame-panel{width:min(380px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;background:rgba(28,28,30,.96);border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 18px 10px;box-shadow:0 30px 70px -20px rgba(0,0,0,.9),0 0 60px -10px rgba(255,170,60,.25);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:bottom right;animation:flame-in .25s ease}
.flame-panel[hidden]{display:none}
@keyframes flame-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.flame-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.flame-head h2{font-family:var(--display);font-size:20px;font-weight:700;margin:0}
.flame-close{background:none;border:0;color:var(--muted);font-size:16px;cursor:pointer;padding:6px;border-radius:50%}
.flame-close:hover{color:var(--cream)}
.flame-list details{border-top:1px solid var(--line)}
.flame-list summary{cursor:pointer;list-style:none;padding:12px 26px 12px 0;position:relative;font-weight:500;font-size:15px}
.flame-list summary::-webkit-details-marker{display:none}
.flame-list summary::after{content:"+";position:absolute;right:4px;top:10px;color:var(--orange);font-size:18px;transition:transform .2s}
.flame-list details[open] summary::after{transform:rotate(45deg)}
.flame-list p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.55}
@media (prefers-reduced-motion:reduce){.flame-btn,.flame-btn svg,.flame-tip{transition:none}.flame-panel{animation:none}}
/* глаза: моргают; улыбка */
.flame-eye{transform-box:fill-box;transform-origin:50% 55%}
.flame-eyes.is-blinking .flame-eye{animation:flame-blink .26s ease-in-out}
.flame-eye+.flame-eye{animation-delay:.04s}
@keyframes flame-blink{0%,100%{transform:scaleY(1)}45%,55%{transform:scaleY(.08)}}
.flame-pupil{transition:transform .18s ease-out}
/* подсказки: окошко рядом с Огоньком */
.flame-faq{will-change:transform}
.flame-bubble{position:absolute;right:0;top:calc(100% + 14px);width:min(270px,calc(100vw - 32px));padding:14px 16px 12px;border-radius:18px 6px 18px 18px;cursor:pointer;
  background:linear-gradient(160deg,rgba(58,37,16,.97),rgba(28,28,30,.97));border:1px solid rgba(255,196,107,.45);color:var(--cream);
  box-shadow:0 20px 50px -14px rgba(0,0,0,.9),0 0 40px -6px rgba(255,170,60,.45);animation:flame-pop .45s cubic-bezier(.2,1.4,.4,1);transform-origin:top right}
.flame-bubble[hidden]{display:none}
.flame-bubble p{margin:0 0 10px;font-size:15px;line-height:1.45}
.flame-ok{font:inherit;font-size:13px;font-weight:600;color:#1d1d1f;background:#ffb547;border:0;border-radius:999px;padding:6px 14px;cursor:pointer}
.flame-ok:hover{background:#ffc66e}
@keyframes flame-pop{from{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:none}}
.flame-faq.bubble-left .flame-bubble{right:auto;left:0;border-radius:6px 18px 18px 18px;transform-origin:top left}
.flame-faq.bubble-over .flame-bubble{top:auto;bottom:calc(100% + 14px);border-radius:18px 18px 6px 18px;transform-origin:bottom right}
.flame-faq.bubble-over.bubble-left .flame-bubble{border-radius:18px 18px 18px 6px;transform-origin:bottom left}
.flame-faq.bubble-side .flame-bubble{right:auto;left:calc(100% + 16px);top:50%;bottom:auto;margin-top:-56px;border-radius:6px 18px 18px 18px;transform-origin:left center}
.flame-faq.bubble-side.bubble-left .flame-bubble{left:auto;right:calc(100% + 16px);border-radius:18px 6px 18px 18px;transform-origin:right center}
/* Огонёк показывает на кнопку: наклоняется к ней и «подталкивает» */
.flame-faq.is-inviting .flame-btn{box-shadow:0 0 46px 14px rgba(255,170,60,.45),0 0 110px 30px rgba(255,140,40,.18)}
.flame-faq.is-inviting.point-left .flame-btn{animation:flame-point-l 1.1s ease-in-out infinite}
.flame-faq.is-inviting.point-right .flame-btn{animation:flame-point-r 1.1s ease-in-out infinite}
@keyframes flame-point-l{0%,100%{transform:rotate(-14deg) translateX(0)}50%{transform:rotate(-20deg) translateX(-8px)}}
@keyframes flame-point-r{0%,100%{transform:rotate(14deg) translateX(0)}50%{transform:rotate(20deg) translateX(8px)}}
/* то, на что показывает Огонёк, мягко пульсирует */
.flame-called{animation:flame-called 1.1s ease-in-out infinite!important;outline:2px solid rgba(255,181,71,.55);outline-offset:4px}
.orb.flame-called{outline:0}
@keyframes flame-called{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.tiles .tile.flame-called{animation:none!important;transform:translateY(-6px)!important;box-shadow:0 0 0 1px rgba(255,181,71,.6),0 24px 50px -12px rgba(255,140,40,.35)!important;outline:0}
@media (prefers-reduced-motion:reduce){.flame-eye,.flame-faq.is-inviting .flame-btn,.flame-called,.flame-bubble{animation:none!important}}

/* след телепорта: тонкая быстрая полоса цвета огонька */
.flame-trail{position:fixed;inset:0;width:100%;height:100%;z-index:64;pointer-events:none;overflow:visible}
.flame-trail path{fill:none;stroke:#FFB547;stroke-width:2;stroke-linecap:round;
  filter:drop-shadow(0 0 3px rgba(255,181,71,.9)) drop-shadow(0 0 8px rgba(255,140,30,.45))}
@media (prefers-reduced-motion:reduce){.flame-trail{display:none}}