
#wlens{ position:absolute; inset:0; z-index:95; overflow:hidden; touch-action:none;
  -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; }
#wlens[hidden]{ display:none; }
#wlens .wl-town{ position:absolute; inset:0; background:#9fd8ef no-repeat 0 0/1194px 834px; }
#wlens .wl-dim{ position:absolute; inset:0; pointer-events:none; opacity:0;
  background:rgba(10,20,40,.3); -webkit-backdrop-filter:blur(1.2px); backdrop-filter:blur(1.2px); }
#wlens .wl-lenses, #wlens .wl-fx{ position:absolute; inset:0; }
#wlens .wl-fx{ pointer-events:none; }
#wlens .wl-pill{ position:absolute; left:50%; top:22px; max-width:70%; transform-origin:50% 50%; z-index:1;      
  background:#fff; border-radius:999px; padding:12px 34px; white-space:nowrap;
  font-family:var(--font-read); font-size:34px; font-weight:800; color:#1d2433;
  box-shadow:0 5px 0 rgba(0,0,0,.18),0 10px 24px rgba(0,0,0,.2); pointer-events:none; }
#wlens .wl-pill:has(#wlens-pill:empty){ display:none; }
#wlens .wl-pill .syl-plain{ transition:color .1s ease; }
#wlens .wl-pill .syl-plain.lit{ color:#FF3060; }
#wlens .wl-lens, #wlens .wl-float, #wlens .wl-squash, #wlens .wl-hwrap{ position:absolute; left:0; top:0; width:0; height:0; }
#wlens .wl-ring, #wlens .wl-glass{ position:absolute; left:0; top:0; border-radius:50%; }
#wlens .wl-ring{ pointer-events:none; }
#wlens .wl-glass{ overflow:hidden; box-shadow:0 14px 26px rgba(0,0,0,.38),0 3px 6px rgba(0,0,0,.3); }
#wlens .wl-pic, #wlens .wl-fog, #wlens .wl-flash{ position:absolute; inset:0; border-radius:50%; pointer-events:none; }
#wlens .wl-pic{ background-repeat:no-repeat; }
#wlens .wl-fog{ opacity:0; background:radial-gradient(circle,rgba(255,255,255,.96),rgba(225,232,240,.97)); }
#wlens .wl-flash{ opacity:0; background:#fff; }
#wlens .wl-handle{ position:absolute; overflow:visible; pointer-events:none; filter:drop-shadow(0 8px 8px rgba(0,0,0,.35)); }
#wlens .wl-spark, #wlens .wl-dot{ position:absolute; left:0; top:0; pointer-events:none; }
#wlens .wl-spark{ clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%); }
#wlens .wl-dot{ border-radius:50%; }
#wlens .wl-prog{ left:50%; bottom:22px; transform:translateX(-50%); }
body.wl-counter-set .al-stamps{ left:var(--wl-co-x) !important; top:var(--wl-co-y) !important; right:auto !important; bottom:auto !important;
  scale:var(--wl-co-k,1); transform-origin:50% 50%; }
