:root:has(.a6767-activity-v5),
body:has(.a6767-activity-v5) {
  background:#060A11 !important;
}
body:has(.a6767-activity-v5) { color:#F7F9FC; }
.a6767-public-content:has(.a6767-activity-v5),
.a6767-public-shell:has(.a6767-activity-v5) { background:#060A11; }

.a6767-activity-v5 {
  --activity-bg:#0A0E1A;
  --activity-petroleum:#081D2A;
  --activity-petroleum-2:#0B2636;
  --activity-surface:#10182B;
  --activity-surface-2:#131E34;
  --activity-surface-3:#17233B;
  --activity-line:#273655;
  --activity-gold:#FFC43D;
  --activity-text:#F7F9FC;
  --activity-text-3:#76829F;
  width:100%;
  max-width:430px;
  min-height:100vh;
  margin:0 auto;
  overflow-x:hidden;
  color:var(--activity-text);
  background:radial-gradient(115% 45% at 50% -4%,rgba(16,51,72,.22),transparent 62%),linear-gradient(180deg,#09111D 0%,var(--activity-bg) 22%,#090D18 100%);
  box-shadow:0 0 70px rgba(0,0,0,.62);
  font-family:A6767HomeInter,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.a6767-activity-v5 *,
.a6767-activity-v5 *::before,
.a6767-activity-v5 *::after { box-sizing:border-box; }

/* Componente global preservado; somente aparência V5 na rota /activity. */
.a6767-activity-v5 > .a6767-v2-header {
  position:sticky;
  top:0;
  z-index:50;
  width:100%;
  height:90px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(8,15,27,.96);
  border-bottom:1px solid rgba(39,54,85,.48);
  backdrop-filter:blur(12px);
}
.a6767-activity-v5 .a6767-v2-icon-button {
  width:55px;
  height:55px;
  flex:0 0 55px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #293A5D;
  border-radius:17px;
  color:#95A2BE;
  background:linear-gradient(180deg,#17223B,#111A2E);
}
.a6767-activity-v5 .a6767-v2-icon-button svg { width:27px;height:27px; }
.a6767-activity-v5 .a6767-v2-logo-wrap { flex:1;min-width:0;display:flex;align-items:center; }
.a6767-activity-v5 .a6767-v2-logo { display:block;width:auto;max-width:min(130px,100%);height:34px;max-height:34px;object-fit:contain;object-position:left center; }
.a6767-activity-v5 .a6767-v2-logo-fallback { color:var(--activity-gold);font:800 23px/1 A6767HomeSora,A6767HomeInter,Inter,sans-serif;letter-spacing:-.7px;white-space:nowrap; }
.a6767-activity-v5 .a6767-v2-balance {
  height:55px;
  padding:6px 13px 6px 8px;
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  border:1px solid #2C3D61;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(180deg,#17223C,#121B31);
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
}
.a6767-activity-v5 .a6767-v2-balance span { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#28D17C;color:#032213;font-size:11px;font-weight:900; }
.a6767-activity-v5 .a6767-v2-auth { display:flex;gap:5px; }
.a6767-activity-v5 .a6767-v2-auth button { min-height:40px;padding:0 8px;border:1px solid var(--activity-line);border-radius:11px;background:transparent;color:#fff;font-size:11px;font-weight:700; }
.a6767-activity-v5 .a6767-v2-auth .a6767-v2-register { border-color:var(--activity-gold);background:var(--activity-gold);color:#221703; }

.activity-v5__tabs-wrap {
  position:sticky;
  top:90px;
  z-index:44;
  background:linear-gradient(180deg,rgba(11,38,54,.99),rgba(8,29,42,.99));
  border-bottom:1px solid rgba(62,120,170,.34);
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.activity-v5__tabs { min-height:70px;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;padding:0 8px;scrollbar-width:none; }
.activity-v5__tabs::-webkit-scrollbar { display:none; }
.activity-v5__tab { position:relative;flex:0 0 auto;height:70px;padding:0 16px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--activity-text-3);font:700 16px/1 A6767HomeInter,Inter,sans-serif;white-space:nowrap;cursor:pointer; }
.activity-v5__tab.is-active { color:var(--activity-gold); }
.activity-v5__tab.is-active::after { content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--activity-gold);box-shadow:0 0 9px rgba(255,196,61,.28); }

.activity-v5__content { padding:18px 14px 126px; }
.activity-v5__section-head { height:58px;display:flex;align-items:center;gap:10px; }
.activity-v5__section-head > div { flex:1;min-width:0;display:flex;align-items:center;gap:10px; }
.activity-v5__section-head strong { font:800 19px/1.2 A6767HomeSora,A6767HomeInter,Inter,sans-serif;letter-spacing:-.4px; }
.activity-v5__section-head > span { flex:0 0 auto;color:var(--activity-text-3);font-size:12px;font-weight:700;white-space:nowrap; }
.activity-v5__section-icon { width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid #2C4568;border-radius:13px;color:var(--activity-gold);background:linear-gradient(180deg,#172640,#111B30); }
.activity-v5__section-icon svg { width:20px;height:20px; }

.activity-v5__cards { display:grid;gap:14px; }
.activity-v5__card { overflow:hidden;border:1px solid #2B3B5E;border-radius:21px;background:linear-gradient(180deg,var(--activity-surface-2),var(--activity-surface));box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.02); }
.activity-v5__card-action { display:block;width:100%;padding:0;overflow:hidden;border:0;border-bottom:1px solid rgba(255,255,255,.04);background:#0A1930;color:#fff;line-height:0;cursor:pointer; }
.activity-v5__card img { display:block;width:100%;height:auto;object-fit:contain; }
.activity-v5__card-footer { min-height:62px;padding:13px 16px;display:flex;align-items:center;gap:10px; }
.activity-v5__card-footer strong { flex:1;min-width:0;color:var(--activity-text);font:700 15px/1.35 A6767HomeSora,A6767HomeInter,Inter,sans-serif;overflow-wrap:anywhere; }
.activity-v5__event-arrow { width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--activity-line);border-radius:11px;background:var(--activity-surface-3);color:var(--activity-gold);font-size:24px;line-height:1; }
.activity-v5__asset-fallback { width:100%;min-height:190px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--activity-gold);background:radial-gradient(circle at 50% 25%,#1A2A4A 0,#0C1527 64%);line-height:1.35; }
.activity-v5__asset-fallback svg { width:30px;height:30px; }
.activity-v5__asset-fallback strong { max-width:280px;color:#fff;font-size:14px; }
.activity-v5__card-action:focus-visible,
.activity-v5__tab:focus-visible,
.activity-v5__state button:focus-visible { outline:2px solid var(--activity-gold);outline-offset:-3px; }

.activity-v5__skeleton { aspect-ratio:484 / 275;border:1px solid #2B3B5E;border-radius:21px;background:linear-gradient(100deg,#10192B 25%,#192641 40%,#10192B 55%);background-size:260% 100%;animation:activity-v5-shimmer 1.35s infinite linear; }
@keyframes activity-v5-shimmer { to { background-position-x:-160%; } }
.activity-v5__state { min-height:174px;padding:24px;border:1px dashed #2B3B5E;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:#0D1629;color:var(--activity-text-3); }
.activity-v5__state > svg { width:30px;height:30px;margin-bottom:3px;color:var(--activity-gold); }
.activity-v5__state strong { color:var(--activity-text);font-size:14px;line-height:1.4; }
.activity-v5__state span { max-width:280px;font-size:12px;line-height:1.45; }
.activity-v5__state button { height:35px;margin-top:5px;padding:0 17px;border:1px solid #66561E;border-radius:18px;background:var(--activity-gold);color:#171300;font:800 12px/1 A6767HomeInter,Inter,sans-serif; }

body:has(.a6767-activity-v5) .a6767-bottom-nav-compact {
  z-index:65;
  width:100%;
  max-width:430px;
  padding:9px 6px calc(11px + env(safe-area-inset-bottom,0px));
  align-items:flex-end;
  border:0;
  border-top:1px solid #1A5069;
  border-radius:0;
  background:radial-gradient(60% 115% at 50% -20%,rgba(31,102,134,.18),transparent 56%),linear-gradient(180deg,#0B2636 0%,#081D2A 100%);
  box-shadow:0 -10px 28px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.02);
}
body:has(.a6767-activity-v5) .a6767-bottom-nav-compact__item { min-width:0;gap:5px;color:#7C8EAA;font:700 11px/1.2 A6767HomeInter,Inter,sans-serif; }
body:has(.a6767-activity-v5) .a6767-bottom-nav-compact__item > svg { width:27px;height:25px; }
body:has(.a6767-activity-v5) .a6767-bottom-nav-compact__item.is-active { color:var(--activity-gold); }
body:has(.a6767-activity-v5) .a6767-bottom-nav-compact__item.is-invite { margin-top:-28px;color:#F4F7FC;font-weight:800; }
body:has(.a6767-activity-v5) .a6767-bottom-nav-compact__orb { width:56px;height:56px;border:6px solid #0A2332;color:#1C2430;background:linear-gradient(180deg,#FFD15B,#F5B633);box-shadow:0 5px 17px rgba(0,0,0,.4),0 0 18px rgba(245,185,61,.24);font-size:28px;font-weight:500; }

@media (max-width:370px) {
  .a6767-activity-v5 > .a6767-v2-header { padding-inline:12px;gap:9px; }
  .a6767-activity-v5 .a6767-v2-icon-button { width:50px;height:50px;flex-basis:50px; }
  .a6767-activity-v5 .a6767-v2-logo { max-width:105px; }
  .a6767-activity-v5 .a6767-v2-logo-fallback { font-size:23px; }
  .a6767-activity-v5 .a6767-v2-balance { height:50px;padding-right:10px; }
  .a6767-activity-v5 .a6767-v2-balance span { width:30px;height:30px; }
  .activity-v5__tab { padding-inline:14px;font-size:15px; }
  .activity-v5__content { padding-inline:12px; }
}
@media (min-width:431px) { .a6767-activity-v5 { border-inline:1px solid #1A3045; } }
@media (prefers-reduced-motion:reduce) { .activity-v5__skeleton { animation:none; } }
