#bond .noi-canonical-page:not([data-noi-view="resonance"])>.us-progression-next,
#bond .noi-canonical-page:not([data-noi-view="resonance"])>.us-progression-rewards-section{display:none!important}

/* US Progression V1 — Sintonia, Ritmo, cosmetic unlocks. */

.us-progression-rhythm{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:13px;padding:11px 12px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.us-progression-rhythm-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.us-progression-rhythm-copy small{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--us-color-accent-ink)}
.us-progression-rhythm-copy span{font-size:11px;line-height:1.3;color:var(--us-color-text-3)}
.us-progression-rhythm strong{font:500 20px/1 var(--us-font-editorial);white-space:nowrap;color:var(--us-color-text)}

.us-progression-next,.us-progression-rewards-section{flex:0 0 auto;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:24px}
.us-progression-next{display:flex;flex-direction:column;gap:3px;padding:14px 15px}
.us-progression-next small,.us-progression-rewards-head small{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--us-color-accent-ink)}
.us-progression-next b{font:500 20px/1.15 var(--us-font-editorial);color:var(--us-color-text)}
.us-progression-next span{font-size:11.5px;line-height:1.35;color:var(--us-color-text-2)}

.us-progression-rewards-section{padding:14px 15px;overflow:hidden}
.us-progression-rewards-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.us-progression-rewards-head h3{margin:2px 0 0;font:500 20px/1.1 var(--us-font-editorial)}
.us-progression-rewards-head span{font-size:10.5px;color:var(--us-color-text-3)}
.us-progression-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(330px,42dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:2px;-webkit-overflow-scrolling:touch}
.us-progression-reward{width:100%;min-height:132px;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:10px 11px;text-align:left;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--us-color-text)}
.us-progression-reward.is-unlocked:not(:disabled):active{background:rgba(255,255,255,.065)}
.us-progression-reward.is-equipped{border-color:rgba(255,158,182,.30);background:linear-gradient(135deg,rgba(255,102,142,.08),rgba(169,133,255,.08))}
.us-progression-reward.is-locked{opacity:.48}
.us-progression-reward-preview{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,102,142,.18),rgba(169,133,255,.20))}
.us-progression-reward-preview::before{content:"";width:24px;height:24px;border-radius:8px;border:2px solid rgba(255,255,255,.62)}
.us-progression-reward-preview[data-reward-token="frame_aurora"]{background:linear-gradient(135deg,rgba(255,116,164,.35),rgba(110,181,255,.30),rgba(169,133,255,.34))}
.us-progression-reward-preview[data-reward-token="theme_midnight"]{background:linear-gradient(145deg,#0c0a1a,#31224e)}
.us-progression-reward-preview[data-reward-token="theme_rose"]{background:linear-gradient(145deg,#3a1529,#8f365e)}
.us-progression-reward-preview[data-reward-token="effect_pulse"]::before{border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.08),0 0 18px rgba(216,177,255,.45)}
.us-progression-reward-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.us-progression-reward-copy small{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--us-color-accent-ink)}
.us-progression-reward-copy b{font-size:13px;font-weight:750}
.us-progression-reward-copy span{font-size:10.5px;line-height:1.3;color:var(--us-color-text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:560px){.us-progression-rewards{grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(390px,46dvh)}}

.us-progression-unlock{position:fixed;inset:0;z-index:10120;display:none;place-items:center;padding:24px max(18px,var(--us-safe-right)) max(24px,var(--us-safe-bottom));background:rgba(5,2,9,.70);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.us-progression-unlock.open{display:grid}
.us-progression-unlock-card{position:relative;width:min(360px,100%);overflow:hidden;padding:22px 20px 18px;border-radius:30px;border:1px solid rgba(255,255,255,.17);background:radial-gradient(100% 80% at 50% 0%,rgba(255,118,164,.20),transparent 58%),radial-gradient(90% 80% at 100% 100%,rgba(169,133,255,.20),transparent 60%),rgba(18,13,24,.97);box-shadow:0 38px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12);text-align:center;transform:translateY(16px) scale(.96);opacity:0}
.us-progression-unlock.open .us-progression-unlock-card{animation:us-progression-reveal 480ms var(--us-ease-enter) forwards}
.us-progression-unlock-card::after{content:"";position:absolute;z-index:0;top:-20%;left:-70%;width:48%;height:145%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.us-progression-unlock.open .us-progression-unlock-card::after{animation:us-progression-swoosh 720ms 120ms var(--us-ease-standard) both}
.us-progression-unlock-card>*{position:relative;z-index:1}
.us-progression-unlock-kicker{font-size:10px;font-weight:850;letter-spacing:.14em;color:#ffc9db}
.us-progression-unlock-count{display:block;min-height:14px;margin-top:3px;font-size:10px;color:var(--us-color-text-3)}
.us-progression-unlock-preview{position:relative;width:108px;height:108px;margin:16px auto;border-radius:32px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,102,142,.24),rgba(169,133,255,.28));box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 44px rgba(169,133,255,.12)}
.us-progression-unlock-preview::before{content:"";position:absolute;inset:26px;border:3px solid rgba(255,255,255,.72);border-radius:14px}
.us-progression-unlock-preview[data-reward-token="frame_aurora"]{background:linear-gradient(135deg,#ff6f9f,#6eb4ff 52%,#aa85ff)}
.us-progression-unlock-preview[data-reward-token="theme_rose"]{background:linear-gradient(145deg,#3a1227,#a43b6d)}
.us-progression-unlock-preview[data-reward-token="theme_midnight"]{background:linear-gradient(145deg,#090714,#342054)}
.us-progression-unlock-preview[data-reward-token="effect_pulse"]::before{border-radius:50%;box-shadow:0 0 0 9px rgba(255,255,255,.08),0 0 28px rgba(216,177,255,.62)}
.us-progression-unlock h2{margin:4px 0 4px;font:500 30px/1.08 var(--us-font-editorial);letter-spacing:-.02em}
.us-progression-unlock p{margin:0 auto;max-width:280px;color:var(--us-color-text-2);font-size:13px;line-height:1.45}
.us-progression-unlock-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;margin-top:20px}
.us-progression-unlock-actions button{min-height:48px;border-radius:16px}
.us-progression-unlock-later{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:var(--us-color-text-2)}
.us-progression-unlock-status{min-height:16px;margin-top:8px;font-size:10.5px;color:var(--us-color-danger-ink)}

#homeHero[data-us-frame="glow"]::after,#homeHero[data-us-frame="aurora"]::after{content:"";position:absolute;z-index:8;inset:9px;border-radius:22px;pointer-events:none}
#homeHero[data-us-frame="glow"]::after{border:1px solid rgba(255,219,232,.68);box-shadow:inset 0 0 24px rgba(255,120,166,.20),0 0 24px rgba(169,133,255,.14)}
#homeHero[data-us-frame="aurora"]::after{padding:2px;border:1px solid transparent;background:linear-gradient(130deg,rgba(255,126,173,.90),rgba(110,181,255,.70),rgba(181,135,255,.88)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;box-shadow:0 0 30px rgba(135,151,255,.16)}

:root[data-us-theme="rose"]{--us-color-rose:#ff5e92;--us-color-rose-2:#ff9ab9;--us-color-violet:#c985ff;--us-color-accent-ink:#f0bfd8;--us-color-accent-soft:rgba(255,94,146,.14);--us-color-accent-line:rgba(255,154,185,.28);--us-color-accent-strong:#ef9bc1;--us-accent-gradient:linear-gradient(135deg,#ff5e92 0%,#ff8ab0 52%,#c985ff 128%)}
:root[data-us-theme="midnight"]{--us-color-rose:#bd79ff;--us-color-rose-2:#d3a0ff;--us-color-violet:#778dff;--us-color-accent-ink:#c9cfff;--us-color-accent-soft:rgba(119,141,255,.15);--us-color-accent-line:rgba(157,169,255,.28);--us-color-accent-strong:#9da9ff;--us-accent-gradient:linear-gradient(135deg,#a66cff 0%,#7c86ff 58%,#5da7ff 125%)}
:root[data-us-effect="pulse"] .us-top-brand-art{animation:us-progression-pulse 3.2s ease-in-out infinite}

@keyframes us-progression-reveal{to{transform:none;opacity:1}}
@keyframes us-progression-swoosh{0%{left:-70%;opacity:0}20%{opacity:1}100%{left:128%;opacity:0}}
@keyframes us-progression-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(190,155,255,0));transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 0 10px rgba(190,155,255,.35));transform:translate(-50%,-50%) scale(1.035)}}
@media(prefers-reduced-motion:reduce){
  .us-progression-unlock.open .us-progression-unlock-card,.us-progression-unlock.open .us-progression-unlock-card::after,:root[data-us-effect="pulse"] .us-top-brand-art{animation:none!important}
  .us-progression-unlock-card{transform:none;opacity:1}
}