/* Perfil de streamer (.sp) — CSS do modelo enviado. Carregado em perfil.php. */
.sp{
  --sp-bg:#0a1228;--sp-card:#10182b;--sp-card-2:#131d33;
  --sp-line:rgba(255,255,255,.07);--sp-line-2:rgba(255,255,255,.14);
  --sp-text:#e6ebf5;--sp-muted:#8E9BC4;--sp-dim:#5C6A96;
  --sp-accent:#1B6BFF;--sp-accent-2:#8A99AD;--sp-btn-a:#1B6BFF;--sp-btn-b:#0f3a99;
  --sp-rank:rgba(138,153,173,.22);
  --sp-max:1140px;--sp-hero-h:300px;--sp-radius:16px;--sp-radius-sm:10px;--sp-gap:16px;
  position:relative;font-family:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--sp-text);background:var(--sp-bg);-webkit-font-smoothing:antialiased;
}
.sp *,.sp *::before,.sp *::after{box-sizing:border-box}
.sp a{text-decoration:none;color:inherit}
.sp img{display:block;max-width:100%}
.sp-wrap>*{flex:0 0 auto}
.sp-wrap{position:relative;width:100%;max-width:var(--sp-max);margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:var(--sp-gap)}
.sp-top{display:flex;align-items:center;gap:12px}
.sp-back{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:var(--sp-text)}
.sp-back__circle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;border:1px solid var(--sp-line-2);background:var(--sp-card);transition:border-color .15s,color .15s}
.sp-back:hover .sp-back__circle{border-color:var(--sp-accent);color:var(--sp-accent)}
.sp-back__circle svg{width:16px;height:16px}
.sp-top__spacer{margin-left:auto}
.sp-kebab{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;color:var(--sp-muted)}
.sp-kebab:hover{color:var(--sp-text)}
.sp-kebab svg{width:16px;height:16px}
.sp-hero{position:relative;border-radius:var(--sp-radius);border:1px solid var(--sp-line);background:var(--sp-card);overflow:hidden;padding:28px;height:var(--sp-hero-h);flex:0 0 auto;align-self:stretch}
.sp-hero__bg{position:absolute;inset:0}
.sp-hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.sp-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--sp-bg) 6%,rgba(10,18,40,.82) 38%,rgba(10,18,40,.30) 62%,rgba(10,18,40,.55)),linear-gradient(180deg,rgba(10,18,40,.35),rgba(10,18,40,.55))}
.sp-hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:24px;align-items:start}
.sp-id{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.sp-avatar{width:132px;height:132px;border-radius:9999px;object-fit:cover;box-shadow:0 0 0 3px var(--sp-accent),0 0 22px 3px rgba(27,107,255,.55)}
.sp-name{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:38px;line-height:1.1;font-weight:700}
.sp-verified{display:inline-flex;width:24px;height:24px;color:var(--sp-accent);flex:0 0 auto}
.sp-verified svg{width:24px;height:24px}
.sp-role{margin:0 0 10px;font-size:15px;color:var(--sp-muted)}
.sp-followers{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;color:var(--sp-muted)}
.sp-followers svg{width:16px;height:16px;color:var(--sp-muted)}
.sp-followers b{color:var(--sp-text);font-weight:600}
.sp-bio{margin:0;max-width:330px;font-size:14px;line-height:1.6;color:var(--sp-muted)}
.sp-card{border-radius:var(--sp-radius);border:1px solid var(--sp-line);background:var(--sp-card);padding:20px}
.sp-head{display:flex;align-items:center;gap:10px;margin:0 0 18px}
.sp-head__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;color:var(--sp-accent);font-size:16px;line-height:1}
.sp-head__icon svg{width:18px;height:18px}
.sp-head__title{margin:0;font-size:17px;font-weight:600;line-height:1.3}
.sp-head__link{margin-left:auto;font-size:13px;font-weight:500;color:var(--sp-accent-2)}
.sp-head__link:hover{color:var(--sp-text)}
.sp-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.sp-game{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 10px 14px;border-radius:var(--sp-radius-sm);border:1px solid var(--sp-line);background:var(--sp-card-2);transition:transform .18s,border-color .18s}
.sp-game:hover{transform:translateY(-3px);border-color:var(--sp-accent)}
.sp-game__art{display:block;width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#0b1740}
.sp-game__art img{width:100%;height:100%;object-fit:cover}
.sp-game__name{font-size:13px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sp-tag{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 14px;border-radius:9999px;background:linear-gradient(90deg,var(--sp-btn-a),var(--sp-btn-b));font-size:11px;font-weight:600;color:#fff}
.sp-trend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sp-trend__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.sp-trend__rank{font-size:56px;font-weight:800;line-height:1;color:var(--sp-rank);user-select:none}
.sp-trend__art{display:block;width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#0b1740;margin-bottom:10px}
.sp-trend__art img{width:100%;height:100%;object-fit:cover}
.sp-trend__name{font-size:14px;font-weight:600}
.sp-trend__cat,.sp-trend__players{font-size:12px;color:var(--sp-muted);margin-top:2px}
.sp-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sp-cat{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--sp-line);background:var(--sp-card-2);font-size:15px;font-weight:500;transition:border-color .15s,transform .15s}
.sp-cat:hover{border-color:var(--sp-accent);transform:translateY(-2px)}
.sp-cat__ico{font-size:16px;line-height:1}
.sp-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-gap);align-items:stretch}
.sp-try{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:14px}
.sp-promo{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border-radius:12px;border:1px solid rgba(27,107,255,.28);background:linear-gradient(160deg,#10214a 0%,#0c1836 60%,#0a1228 100%)}
.sp-promo__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:rgba(27,107,255,.14);color:#8ea2ff;margin-bottom:2px}
.sp-promo__icon svg{width:22px;height:22px}
.sp-promo__title{margin:0;font-size:16px;font-weight:600;line-height:1.35}
.sp-promo__title b{display:block;font-size:19px;font-weight:700}
.sp-promo__txt{margin:0;font-size:13px;line-height:1.5;color:var(--sp-muted)}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;margin-top:6px;padding:0 18px;border-radius:9999px;background:linear-gradient(90deg,var(--sp-btn-a),var(--sp-btn-b));font-size:13px;font-weight:600;color:#fff}
.sp-list{display:flex;flex-direction:column;gap:10px}
.sp-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--sp-line);background:var(--sp-card-2);transition:border-color .15s}
.sp-row:hover{border-color:var(--sp-accent)}
.sp-row__art{display:block;width:44px;height:44px;border-radius:8px;overflow:hidden;background:#0b1740}
.sp-row__art img{width:100%;height:100%;object-fit:cover}
.sp-row__name{font-size:14px;font-weight:600}
.sp-row__cat{font-size:12px;color:var(--sp-muted)}
.sp-row__cta{font-size:13px;font-weight:600;color:var(--sp-accent-2)}
.sp-feed{display:flex;flex-direction:column;gap:14px}
.sp-feed__item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}
.sp-feed__av{width:48px;height:48px;border-radius:9999px;object-fit:cover;box-shadow:0 0 0 2px rgba(27,107,255,.5)}
.sp-feed__txt{font-size:13px;line-height:1.45;color:var(--sp-muted)}
.sp-feed__txt b{color:var(--sp-text);font-weight:600}
.sp-feed__time{font-size:12px;color:var(--sp-dim);margin-top:2px}
.sp-fav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sp-fav__item{display:flex;flex-direction:column;align-items:center;gap:8px}
.sp-fav__art{display:block;width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#0b1740;border:1px solid var(--sp-line)}
.sp-fav__art img{width:100%;height:100%;object-fit:cover}
.sp-fav__name{font-size:12px;color:var(--sp-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sp-fav__add{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border-radius:10px;border:1px dashed var(--sp-line-2);color:var(--sp-muted);font-size:26px;font-weight:300;line-height:1}
.sp-fav__add:hover{border-color:var(--sp-accent);color:var(--sp-accent)}
.sp-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sp-person{display:flex;flex-direction:column;align-items:center;gap:8px}
.sp-person__av{width:64px;height:64px;border-radius:9999px;object-fit:cover;box-shadow:0 0 0 2px var(--sp-accent),0 0 14px 2px rgba(27,107,255,.4)}
.sp-person__name{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500}
.sp-person__name svg{width:14px;height:14px;color:var(--sp-accent);flex:0 0 auto}
@media (max-width:900px){.sp-hero{height:auto;min-height:280px}.sp-hero__in{grid-template-columns:minmax(0,1fr)}.sp-games{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-trend{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-2col{grid-template-columns:minmax(0,1fr)}.sp-try{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.sp-hero{height:auto;padding:18px}.sp-id{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.sp-avatar{width:104px;height:104px}.sp-name{justify-content:center;font-size:30px}.sp-followers{justify-content:center}.sp-bio{max-width:none}.sp-games{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-trend{grid-template-columns:minmax(0,1fr)}.sp-fav{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Telegram + Seguir */
.sp-tg{display:flex;align-items:center;gap:16px;padding:16px 20px;margin:0 0 16px;border-radius:16px;background:rgba(37,99,235,.10);border:1px solid rgba(59,130,246,.35);text-decoration:none;color:inherit;animation:tgpulse 2s ease-in-out infinite;position:relative;overflow:hidden}
.sp-tg:hover{background:rgba(37,99,235,.16);border-color:rgba(59,130,246,.55)}
.sp-tg::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:tgshine 3s linear infinite}
.sp-tg__ico{flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2aabee;color:#fff}
.sp-tg__ico svg{width:26px;height:26px}
.sp-tg__txt{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}
.sp-tg__title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:700;color:#fff}
.sp-tg__badge{font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:999px;background:rgba(59,130,246,.25);color:#93c5fd}
.sp-tg__sub{font-size:13px;line-height:1.45;color:#94a3b8}
.sp-tg__cta{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.sp-tg__btn{display:flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:#2f7ff0;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.sp-tg__btn svg{width:16px;height:16px}
.sp-tg__ver{display:flex;align-items:center;gap:5px;font-size:11px;color:#94a3b8}
.sp-tg__ver svg{width:12px;height:12px;color:#3b82f6}
@media (max-width:720px){.sp-tg{flex-direction:column;align-items:flex-start}.sp-tg__cta{width:100%;align-items:stretch}.sp-tg__btn{justify-content:center}.sp-tg__ver{justify-content:center}}
.sp-seguir-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:8px 32px;border-radius:8px;background:linear-gradient(135deg,#1a8cff,#0055cc);color:#fff;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px;transition:transform .2s,box-shadow .2s}
.sp-seguir-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(26,140,255,.4)}
@keyframes tgpulse{0%,100%{box-shadow:0 0 8px rgba(42,171,238,.25);border-color:rgba(59,130,246,.35)}50%{box-shadow:0 0 24px rgba(42,171,238,.5),0 0 48px rgba(42,171,238,.12);border-color:rgba(42,171,238,.7)}}
@keyframes tgshine{0%{left:-100%}100%{left:100%}}