/* ─────────────────────────────────────────────────────────────
   Écran « search » — Figma 648:3497 « Map 2 · Deal Searching over map (1v15) »
   La recherche de 3 minutes au-dessus de la carte figée (390 × 844).
   Inter du Figma → Talkto hérité (tailles, graisses, interlettrages gardés).
   ───────────────────────────────────────────────────────────── */
.scr--search{background:#0b0b0c}
.scr--search .s-map{position:absolute;left:-207px;top:-18px;width:700px;height:879px;object-fit:cover}
.scr--search .s-freeze{position:absolute;left:0;top:0;width:390px;height:844px;background:rgba(5,5,5,.6)}
.scr--search .s-halo{position:absolute;left:-21px;top:51px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle closest-side,rgba(254,20,243,.22) 0,rgba(254,20,243,.07) 45%,rgba(254,20,243,0) 100%);
  will-change:transform,opacity;animation:s-halo 5.2s ease-in-out infinite both}
@keyframes s-halo{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.7;transform:scale(.955)}
}

/* barre de résumé au-dessus du chrono */
.scr--search .s-bar{position:absolute;left:16px;top:42px;width:358px;height:51px;padding:0 15px;
  display:flex;align-items:center;gap:16px;overflow:hidden;white-space:nowrap;
  border-radius:28px;border:1px solid rgba(255,255,255,.12);background:rgba(5,5,5,.1);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.scr--search .s-stat{display:flex;align-items:center;gap:6px;flex:none}
.scr--search .s-ico{font-size:12px;line-height:12px;letter-spacing:-.24px;color:#fff;display:flex}
.scr--search .s-val{font-weight:700;font-size:16px;line-height:19px;letter-spacing:-.32px;color:#fff}

/* cercles concentriques (blanc 5 %) */
.scr--search .s-conc{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);opacity:.5;
  will-change:transform,opacity;animation:s-conc 4.8s ease-in-out infinite both}
.scr--search .s-conc--1{left:54px;top:170px;width:282px;height:282px}
.scr--search .s-conc--2{left:32px;top:148px;width:326px;height:326px;animation-delay:.6s}
.scr--search .s-conc--3{left:-11px;top:105px;width:412px;height:412px;animation-delay:1.2s}
@keyframes s-conc{
  0%,100%{opacity:.5;transform:scale(1)}
  50%{opacity:1;transform:scale(1.025)}
}

/* sonar (Rico, 09/10 : « la vague autour du cercle du timer ») : une onde magenta part de l'anneau
   (Ø 230, centre 195 / 311) et s'étend sur la carte en s'effaçant ; trois ondes décalées d'1,1 s */
.scr--search .s-sonar{position:absolute;left:80px;top:196px;width:230px;height:230px;border-radius:50%;pointer-events:none;
  border:2px solid rgba(254,20,243,.75);box-shadow:0 0 18px rgba(254,20,243,.45),inset 0 0 18px rgba(254,20,243,.25);
  opacity:0;transform:scale(1);will-change:transform,opacity;animation:s-sonar 3.3s cubic-bezier(.15,.6,.3,1) infinite both}
.scr--search .s-sonar--2{animation-delay:1.1s}
.scr--search .s-sonar--3{animation-delay:2.2s}
@keyframes s-sonar{
  0%{opacity:0;transform:scale(1)}
  8%{opacity:.9}
  100%{opacity:0;transform:scale(1.85)}
}

/* anneau du chrono : piste blanche 10 % + progression magenta lumineuse */
.scr--search .s-ring{position:absolute;left:50px;top:166px;width:290px;height:290px;overflow:visible}
.scr--search .s-digits{position:absolute;left:0;width:390px;top:267px;text-align:center;
  font-weight:900;font-size:56px;line-height:68px;letter-spacing:-1.12px;color:#fff;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.scr--search .s-remaining{position:absolute;left:0;width:390px;top:333px;text-align:center;
  font-weight:800;font-size:11px;line-height:13px;color:#8F949E}

/* créateurs qui rejoignent */
.scr--search .s-label{position:absolute;left:16px;top:516px;font-weight:800;font-size:11px;line-height:13px;color:#8F949E;white-space:nowrap}
.scr--search .s-count{position:absolute;right:16px;top:513px;font-weight:700;font-size:14px;line-height:17px;
  letter-spacing:-.28px;color:#fff;white-space:nowrap;transform-origin:100% 50%;will-change:transform,opacity}
.scr--search .s-slot{position:absolute;width:48px;height:48px}
.scr--search .s-slot__empty{position:absolute;inset:0;border-radius:50%;background:rgba(143,148,158,.08);border:1px solid rgba(255,255,255,.06)}
.scr--search .s-slot__ripple{position:absolute;inset:0;border-radius:50%;border:2px solid #34E5A3;opacity:0;will-change:transform,opacity}
.scr--search .s-slot__face{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:2px solid #34E5A3;
  background:#1a1a1d;opacity:0;will-change:transform,opacity}
.scr--search .s-slot__face img{width:100%;height:100%;object-fit:cover}

/* points d'attente et texte */
.scr--search .s-dot{position:absolute;top:741px;width:6px;height:6px;border-radius:50%;background:#FE14F3;
  animation:s-dot 1.2s ease-in-out infinite both}
.scr--search .s-dot--1{left:178px}
.scr--search .s-dot--2{left:192px;animation-delay:.16s}
.scr--search .s-dot--3{left:206px;animation-delay:.32s}
@keyframes s-dot{
  0%,70%,100%{opacity:1;transform:scale(1)}
  35%{opacity:.3;transform:scale(.7)}
}
.scr--search .s-title{position:absolute;left:0;width:391px;top:759px;text-align:center;
  font-weight:900;font-size:22px;line-height:27px;letter-spacing:-.44px;color:#fff;white-space:nowrap}
.scr--search .s-wait{position:absolute;left:0;width:391px;top:793px;text-align:center;
  font-weight:400;font-size:14px;line-height:17px;letter-spacing:-.28px;color:#8F949E;white-space:nowrap}

/* ── pilotage ── les boucles CSS ne tournent que pendant play() */
.scr--search .s-halo,.scr--search .s-conc,.scr--search .s-dot,.scr--search .s-sonar{animation-play-state:paused}
.scr--search.is-playing .s-halo,.scr--search.is-playing .s-conc,.scr--search.is-playing .s-dot,.scr--search.is-playing .s-sonar{animation-play-state:running}
.scr--search.is-still .s-halo,.scr--search.is-still .s-conc,.scr--search.is-still .s-dot,
.scr--search.is-reset .s-halo,.scr--search.is-reset .s-conc,.scr--search.is-reset .s-dot,
.scr--search.is-still .s-sonar,.scr--search.is-reset .s-sonar{animation:none}