/* HAHUMI 6.26 — «Лови!» readability, the hero's caption while playing, and lazy room photos on the welcome page. */

/* a dark scrim over the room above the hero, behind the falling field (the hero itself stays bright) */
.catch626-scrim{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none;border-radius:inherit;
 background:linear-gradient(180deg,rgba(18,14,10,.35) 0,rgba(18,14,10,.35) 72%,rgba(18,14,10,0) 100%)}
.stage:not(.catch-on) .catch626-scrim{display:none}
@media (prefers-reduced-motion:no-preference){.stage.catch-on:not(.catch626-calm) .catch626-scrim{animation:catch626-fade .25s ease-out}}
@keyframes catch626-fade{from{opacity:0}to{opacity:1}}

/* the hero's short line: a pill just above the HUD, never over the middle of the field */
.catch626-quip{position:absolute;left:50%;bottom:76px;translate:-50% 0;margin:0;max-width:min(92%,26em);padding:7px 14px;border-radius:999px;
 background:var(--surface,#FFFDF8);color:var(--ink,#1F3A2E);font:600 14px/1.25 var(--body,system-ui,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 box-shadow:0 10px 24px -14px rgba(0,0,0,.45);pointer-events:none;transition:opacity .18s ease-out}
.catch626-quip.out{opacity:0}
.catch626-quip:not([hidden]) ~ .catch610-hint{visibility:hidden}
@media (prefers-reduced-motion:no-preference){.stage:not(.catch626-calm) .catch626-quip:not(.out){animation:catch626-pop .2s cubic-bezier(.3,1.4,.5,1)}}
@keyframes catch626-pop{from{opacity:0;translate:-50% 6px}to{opacity:1;translate:-50% 0}}
.catch626-calm .catch626-quip{transition:none}
@media (max-width:700px){.catch626-quip{bottom:70px;font-size:13px}}

/* screen readers hear the start and the result only (the HUD is not a live region any more) */
.catch626-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* the HUD never wraps on a phone */
.catch610-hud{white-space:nowrap}

/* welcome final block: the street photo was fetched twice (avif by street619.js + webp here). Prefer the same avif file, so it
   comes from cache; browsers without image-set(type()) keep the webp declaration from home60.css. (Must load after home60.css.) */
.w613-final::before{background-image:image-set(url(street/street-desktop.avif?v=6.30.0-cardboard) type("image/avif"),url(street/street-desktop.webp?v=6.30.0-cardboard) type("image/webp")),linear-gradient(180deg,#F6E7C9,#EBD7B0)}
@media (max-width:700px){.w613-final::before{background-image:image-set(url(street/street-mobile.avif?v=6.30.0-cardboard) type("image/avif"),url(street/street-mobile.webp?v=6.30.0-cardboard) type("image/webp")),linear-gradient(180deg,#F6E7C9,#EBD7B0)}}

/* welcome «Чем заняться»: a room photo is fetched only when its card comes near the viewport (room613.js adds .in626) */
.w613-act:not(.in626) .w613-talk::before{background-image:none!important}