/* ZAHODY — колесо емоцій і танців (emote-wheel.js): по центру екрана, вісім рухів по колу, сторінки внизу. Усе — під палець. */
#ew{--r:118px;--s:74px;position:fixed;inset:0;z-index:22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  background:radial-gradient(circle at 50% 50%,rgba(20,28,35,.38),rgba(20,28,35,.12) 60%,transparent 75%);
  opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s .15s;font:15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
#ew.show{opacity:1;visibility:visible;transition:opacity .15s ease}
body.map #ew,body.styling #ew{display:none!important}
.ew-ring{position:relative;width:calc(var(--r) * 2 + var(--s));height:calc(var(--r) * 2 + var(--s));border-radius:50%;
  background:rgba(24,33,41,.78);box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(.92);transition:transform .16s ease}
#ew.show .ew-ring{transform:none}
.ew-mid{position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;background:rgba(255,255,255,.07);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:10px;box-sizing:border-box;pointer-events:none}
.ew-mid b{font-size:16px;font-weight:800}
.ew-mid small{font-size:11px;color:rgba(255,255,255,.62);margin-top:4px;line-height:1.25}
.ew-s{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);
  transform:translate(calc(var(--x) * var(--r)),calc(var(--y) * var(--r)));border:0;border-radius:50%;background:#fff;color:#1f2a33;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:transform .12s ease,background .12s,box-shadow .12s;padding:0}
.ew-s[hidden]{display:none}
.ew-ic{font-size:28px;line-height:1}
.ew-t{font-size:10.5px;font-weight:700;max-width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ew-s kbd{position:absolute;right:2px;top:2px;min-width:16px;height:16px;border-radius:8px;background:#eef1f3;color:#5b6670;font:700 10px/16px system-ui,sans-serif;text-align:center}
.ew-s.hv,.ew-s:focus-visible{transform:translate(calc(var(--x) * var(--r)),calc(var(--y) * var(--r))) scale(1.12);background:#f2c14e;box-shadow:0 6px 18px rgba(0,0,0,.32);outline:none}
.ew-s.on{background:#38c7a4;color:#fff}
.ew-s.on kbd{background:rgba(255,255,255,.3);color:#fff}
.ew-s.off{opacity:.42}
.ew-s:active{transform:translate(calc(var(--x) * var(--r)),calc(var(--y) * var(--r))) scale(.94)}
.ew-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(520px,calc(100vw - 24px))}
.ew-tab{border:0;border-radius:20px;min-height:40px;padding:8px 16px;background:rgba(24,33,41,.82);color:#fff;font:700 14px system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.ew-tab.on{background:#fff;color:#1f2a33}
.ew-tab.ew-ph{background:rgba(255,255,255,.9);color:#2d5d8a}
.ew-x{position:absolute;right:16px;top:16px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(24,33,41,.8);color:#fff;font-size:28px;line-height:1;cursor:pointer}
/* дотиковий екран: без номерів клавіш, кнопки трохи більші */
body.z-touch .ew-s kbd{display:none}
@media (pointer:coarse){#ew{--r:112px;--s:78px}}
/* низький екран (телефон боком): колесо менше, сторінки праворуч стовпчиком */
@media (max-height:520px){#ew{--r:96px;--s:64px;flex-direction:row;gap:14px}.ew-ic{font-size:24px}.ew-t{font-size:9.5px}.ew-mid{width:104px;height:104px;margin:-52px 0 0 -52px}.ew-tabs{flex-direction:column;max-width:none}}
@media (max-width:360px){#ew{--r:100px;--s:66px}}