/* ===== Player da Retrospectiva (estilo Stories) — para quem recebe ===== */
.rs{position:fixed;inset:0;z-index:9999;background:#000;display:none;align-items:center;justify-content:center}
.rs.open{display:flex}
.rs-stage{position:relative;width:100%;max-width:460px;height:100%;max-height:100vh;background:#0b0b10;overflow:hidden;display:flex;flex-direction:column}
@media(min-width:520px){.rs-stage{max-height:92vh;border-radius:18px}}

/* barra de progresso (segmentos) */
.rs-bars{position:absolute;top:12px;left:12px;right:12px;z-index:30;display:flex;gap:5px}
.rs-bar{flex:1;height:3px;border-radius:9px;background:rgba(255,255,255,.28);overflow:hidden}
.rs-bar i{display:block;height:100%;width:0;background:#fff;border-radius:9px}
.rs-bar.done i{width:100%}
.rs-bar.active i{animation:rsfill linear forwards}
@keyframes rsfill{from{width:0}to{width:100%}}

/* topo: som + fechar */
.rs-top{position:absolute;top:24px;right:14px;z-index:30;display:flex;gap:14px;align-items:center}
.rs-top button{background:none;border:none;color:#fff;cursor:pointer;opacity:.9;display:grid;place-items:center}

/* zonas de toque */
.rs-tap{position:absolute;top:0;bottom:0;width:35%;z-index:20}
.rs-tap.left{left:0}
.rs-tap.right{right:0;width:65%}

/* conteúdo do slide */
.rs-slide{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}
.rs-slide::-webkit-scrollbar{width:0}

/* slide de transição (título grande + barras) */
.rs-intro{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px}
.rs-intro .rs-small{font-size:1.05rem;font-weight:700;color:#fff;opacity:.95}
.rs-intro .rs-big{font-size:3.2rem;font-weight:800;color:#fff;line-height:1.02;margin-top:4px;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.rs-deco{position:absolute;display:flex;gap:7px;align-items:flex-start;pointer-events:none}
.rs-deco.tl{top:0;left:0}
.rs-deco.br{bottom:0;right:0;transform:rotate(180deg)}
.rs-deco i{width:18px;border-radius:0 0 3px 3px;display:block}

/* arte central por tema */
.rs-art{font-size:6rem;line-height:1;margin:8px 0;filter:drop-shadow(0 8px 26px rgba(0,0,0,.5))}
.rs-moon{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#f4f3ee,#cfcfd8 60%,#9a9aac);position:relative;margin:10px auto;box-shadow:0 0 60px rgba(220,225,255,.25)}
.rs-moon::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -34px -8px 30px rgba(10,12,30,.85)}
.rs-sun{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#ffe27a,#ffb22e);margin:18px auto;box-shadow:0 0 70px rgba(255,190,60,.55),0 0 0 14px rgba(255,200,70,.12)}
.rs-caption{font-size:1.6rem;font-weight:800;color:#fff;margin-top:14px}

/* slide de seção (usa as classes pv- de retro-sections.css) */
.rs-section{flex:1;display:flex;flex-direction:column;justify-content:center}
.rs-section .pv{min-height:auto !important}

/* botão "próxima seção" flutuante */
.rs-next-sec{position:sticky;bottom:0;align-self:center;margin:auto auto 26px;background:#fff;color:#111;font-weight:700;border:none;border-radius:999px;padding:14px 30px;font-family:inherit;font-size:.95rem;cursor:pointer;z-index:25;box-shadow:0 10px 30px rgba(0,0,0,.5)}

/* ===== Conquista desbloqueada (carta que vira) ===== */
.rs-flipwrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px 22px;background:radial-gradient(circle at 50% 30%,#0d1424,#08080d)}
.rs-flip-pill{background:rgba(80,140,255,.12);border:1px solid rgba(90,150,255,.4);color:#8fb6ff;font-size:.72rem;font-weight:800;letter-spacing:1.5px;padding:8px 18px;border-radius:999px;text-transform:uppercase}
.rs-flip{width:280px;height:430px;cursor:pointer}
.rs-flip-inner{position:relative;width:100%;height:100%}
.rs-flip-face{position:absolute;inset:0;border-radius:22px;overflow:hidden;opacity:0;transform:rotateY(90deg);transition:opacity .4s ease,transform .4s ease}
.rs-flip-front{opacity:1;transform:rotateY(0)}
.rs-flip.flipped .rs-flip-front{opacity:0;transform:rotateY(90deg)}
.rs-flip.flipped .rs-flip-back{opacity:1;transform:rotateY(0)}
.rs-card{position:absolute;inset:0;border-radius:22px;background:linear-gradient(160deg,#10243f,#0a1422);border:2px solid #2b6bd6;
  box-shadow:0 0 0 1px rgba(90,150,255,.4),0 0 30px rgba(60,130,255,.35),0 24px 60px rgba(0,0,0,.6);
  padding:14px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.rs-flip:hover .rs-card{transform:translateY(-6px) scale(1.015);box-shadow:0 0 0 1px rgba(120,170,255,.7),0 0 55px rgba(70,150,255,.75),0 30px 70px rgba(0,0,0,.7)}
.rs-card-head{display:flex;justify-content:space-between;align-items:center;color:#9cc0ff;font-size:.66rem;font-weight:800;letter-spacing:1px;margin-bottom:8px}
.rs-card-img{width:100%;height:200px;border-radius:12px;object-fit:cover;background:#0a0f1a}
.rs-card-ach{display:flex;align-items:center;gap:10px;margin-top:14px}
.rs-card-ach .rs-ach-ic{width:38px;height:38px;border-radius:10px;background:#16335c;display:grid;place-items:center;color:#9cc0ff}
.rs-card-ach b{font-size:1.25rem;color:#fff}
.rs-card-tag{margin-top:12px;background:rgba(80,140,255,.14);color:#9cc0ff;font-size:.7rem;font-weight:800;letter-spacing:.8px;padding:5px 12px;border-radius:999px;align-self:flex-start;text-transform:uppercase}
.rs-card-desc{color:#b9c6dd;font-size:.82rem;margin-top:12px;line-height:1.45}
.rs-card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#6f86ad;font-size:.66rem;font-weight:700;letter-spacing:1px}
.rs-card-dots{display:flex;gap:5px}
.rs-card-dots i{width:6px;height:6px;border-radius:50%;background:rgba(140,170,220,.35)}
.rs-card-dots i.on{background:#5a96ff}
.rs-flip-back .rs-card{align-items:center;justify-content:center;background:linear-gradient(160deg,#0c1726,#070b12)}
.rs-flip-back .rs-card .rs-panda{width:84px;height:84px;border-radius:20px;background:#0e1828;display:grid;place-items:center;font-size:2.4rem}
.rs-flip-hint{color:#6f86ad;font-size:.78rem}

/* ===== Wrapped final (Nossa Conexão) ===== */
.rs-wrap{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px 24px;text-align:center;color:#fff;
  background:radial-gradient(circle at 50% 0%,#1a1430,#0b0b10)}
.rs-wrap-pill{background:#1c1c26;border:1px solid #2a2a36;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:1.5px;padding:9px 20px;border-radius:999px;text-transform:uppercase;margin-bottom:20px}
.rs-wrap-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;background:#241b3a;border:3px solid rgba(255,255,255,.12)}
.rs-wrap h2{font-size:2rem;font-weight:800;margin:16px 0 4px}
.rs-wrap-names{font-size:1.05rem;font-weight:600;margin-bottom:18px}
.rs-wrap-names b{color:#ff7eb6}
.rs-chip{background:#16161f;border:1px solid #26262f;border-radius:14px;padding:14px 18px;width:100%;max-width:330px;margin-bottom:14px;color:#d8d3e6;font-size:.92rem;line-height:1.4}
.rs-chip b{color:#fff}
.rs-chip.row{display:flex;align-items:center;gap:12px;text-align:left}
.rs-chip .rs-chip-ic{width:34px;height:34px;border-radius:10px;background:#1f7a4d;display:grid;place-items:center;flex:0 0 auto}
.rs-chip small{display:block;color:#9a93ad;font-size:.7rem;font-weight:700;letter-spacing:.5px}
.rs-stat{margin:8px 0 4px}
.rs-stat .rs-num{font-size:3rem;font-weight:800;line-height:1}
.rs-stat .rs-unit{font-size:1rem;color:#c9c2da;margin-left:6px}
.rs-stat-label{color:#9a93ad;font-size:.72rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.rs-top-pct{color:#bcb4cf;font-size:.92rem;margin-top:14px}
.rs-top-pct b{color:#fff}
.rs-wrap-foot{display:flex;justify-content:space-between;width:100%;max-width:330px;color:#6f6a80;font-size:.72rem;margin-top:14px;padding-top:12px;border-top:1px solid #22222c}

/* botões finais */
.rs-cta{width:100%;max-width:360px;background:#1db954;color:#fff;font-weight:800;border:none;border-radius:999px;padding:16px;font-family:inherit;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}
.rs-cta:hover{background:#1ed760}
.rs-link{background:none;border:none;color:#9a93ad;font-size:.85rem;cursor:pointer;margin-top:14px;display:inline-flex;gap:6px;align-items:center;font-family:inherit}
.rs-link:hover{color:#fff}

/* toast */
.rs-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#fff;color:#111;font-weight:700;padding:12px 22px;border-radius:999px;z-index:10001;box-shadow:0 12px 30px rgba(0,0,0,.4);opacity:0;transition:opacity .25s}
.rs-toast.show{opacity:1}