/* Forced first-visit tour: everything is dimmed except the one thing to tap. */
.ztour-spot{position:fixed;z-index:2147483000;border-radius:12px;box-shadow:0 0 0 200vmax rgba(24,16,10,.72),0 0 0 3px #e0b45c,0 0 22px 6px rgba(224,180,92,.75);pointer-events:none}
.ztour-hand{position:fixed;z-index:2147483002;width:56px;height:56px;margin-left:-28px;font-size:46px;line-height:56px;text-align:center;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55));animation:ztour-bob .9s ease-in-out infinite}
@keyframes ztour-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--ztour-bob,-12px))}}
.ztour-bubble{position:fixed;z-index:2147483001;left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 24px));box-sizing:border-box;padding:14px 18px;border-radius:12px;background:#f3ead8;color:#241c17;border:2px solid #b98a3e;box-shadow:0 10px 30px rgba(0,0,0,.4);font-size:16px;line-height:1.5;pointer-events:none}
.ztour-bubble strong{display:block;margin-bottom:3px;font-size:18px;color:#9c2f20}
.ztour-bubble button{pointer-events:auto;cursor:pointer;font:inherit;min-height:44px;border-radius:8px;border:1px solid #b98a3e;background:#fffaf0;color:#241c17;padding:8px 10px}
.ztour-langs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.ztour-go{display:block;width:100%;margin-top:12px;background:#9c2f20!important;border-color:#9c2f20!important;color:#fff!important;font-weight:700}
.ztour-step{float:inline-end;font-size:12px;color:#7a6a58}
@media(prefers-reduced-motion:reduce){.ztour-hand{animation:none}}
/* Keep today's progress readable above the dimming while the tour runs. */
body:has(.ztour-spot) #day-bar{z-index:2147483001}