/* The tilt invitation (tilt.js builds it only on iOS, while motion access is undecided): a small capsule of the bar's
   frosted night glass, centred 8 px above the footer (tilt.js measures the footer into --ta-b: its height differs per
   layout, the bar's room included on phones), so never over the menu, the footer or the centred crest. A phone outline
   rocks by «Visual effects»; «Enable» burns like STORE (the owner, 27.10) and opens the system dialog; × puts it off.
   No letter-spacing (the owner's rule), the site's own Space Mono. */
.tilt-ask{
  position:fixed;z-index:6;left:16px;right:16px;margin-inline:auto;width:max-content;max-width:calc(100vw - 32px);
  bottom:var(--ta-b,calc(64px + max(10px,env(safe-area-inset-bottom)) + 54px));
  display:flex;align-items:center;gap:8px;
  padding:6px 6px 6px 14px;border-radius:999px;
  background:rgba(5,12,21,.58);
  -webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
  border:1px solid rgba(155,200,210,.18);
  box-shadow:0 12px 32px rgba(0,4,12,.45),inset 0 1px 0 rgba(255,255,255,.035);
  font-family:var(--mono);font-size:11.5px;line-height:1.2;color:rgba(214,226,230,.92);
  opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1);
}
.tilt-ask.in{opacity:1;transform:none}
.ta-ic{flex:none;width:11px;height:18px;border:1.5px solid var(--acc);border-radius:3px;opacity:.9;
  animation:taRock 2.6s ease-in-out infinite;transform-origin:50% 80%}
.ta-t{min-width:0;line-height:1.25;text-shadow:0 1px 8px rgba(1,10,36,.8)}   /* one line; wraps only where the screen is too narrow, never cut */
.ta-go,.ta-x{position:relative;flex:none;font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:34px;border-radius:999px;-webkit-tap-highlight-color:transparent}
.ta-go::after,.ta-x::after{content:"";position:absolute;inset:-5px -3px}   /* a 44 px touch target around the 34 px look */
.ta-go{padding:0 14px;color:#ff9a45;border:1px solid rgba(255,154,69,.42);text-shadow:0 0 1px rgba(255,170,80,.7),0 0 6px rgba(255,120,30,.5),0 1px 10px rgba(1,10,36,.9)}   /* the letters the orange of STORE's bag with its tight glow (index.css a.se .ic; the owner, 27.10: «сам текст оранжевым, как иконка store»), the sparks from store-ember.js */
.ta-go:active{color:#ffb469}
.ta-go:focus-visible,.ta-x:focus-visible{outline:1px solid var(--acc);outline-offset:2px}
.ta-x{width:38px;font-size:18px;line-height:1;color:rgba(169,184,189,.85)}
@keyframes taRock{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}
@media (prefers-reduced-motion:reduce){.ta-ic{animation:none}.tilt-ask{transition:none}}