/* Shared look of the tap games (feed, peek): the frame, the home button, the purse, the slow sunburst, the words. */
@font-face{font-family:Lalezar;src:url(/fonts/lalezar.woff2) format("woff2");font-display:swap}
html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Lalezar,system-ui,sans-serif}
.sun{position:fixed;left:50%;top:60%;width:260vmax;height:260vmax;margin:-130vmax 0 0 -130vmax;z-index:0;pointer-events:none;opacity:.22;
  background:repeating-conic-gradient(#fff 0 7deg,transparent 7deg 18deg);animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.home{position:fixed;right:12px;top:max(10px,env(safe-area-inset-top));z-index:8;width:62px;height:62px;border-radius:50%;background:#fff;
  box-shadow:0 5px 0 rgba(0,0,0,.18);display:grid;place-items:center}
.home svg{width:58%;height:58%;fill:none;stroke:#4a2300;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.coinbar{position:fixed;top:max(10px,env(safe-area-inset-top));left:12px;z-index:8;display:flex;align-items:center;gap:5px;background:#fff;border-radius:30px;padding:4px 13px 4px 5px;box-shadow:0 4px 0 rgba(0,0,0,.18);color:#4a2300;font-size:26px;line-height:1;direction:ltr;margin-top:12px;pointer-events:none}
.coinbar svg{width:34px;height:34px;display:block}.coinbar.bump{animation:cbump .35s cubic-bezier(.3,1.8,.5,1)}@keyframes cbump{40%{transform:scale(1.25)}}
.flycoin{position:fixed;left:0;top:0;width:40px;height:40px;z-index:50;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}.flycoin svg{width:100%;height:100%;display:block}
.word{position:fixed;z-index:7;pointer-events:none;font-size:min(13vw,64px);color:var(--c,#ffd21f);direction:rtl;white-space:nowrap;
  -webkit-text-stroke:7px #4a2300;paint-order:stroke fill;transform:translate(-50%,-50%);animation:wordup 1.1s ease-out forwards}
@keyframes wordup{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}20%{transform:translate(-50%,-50%) scale(1.15) rotate(3deg);opacity:1}
  70%{transform:translate(-50%,-110%) scale(1);opacity:1}100%{transform:translate(-50%,-160%) scale(.9);opacity:0}}