.visual-rewards-summary{--reward-ink: var(--ps-ink, hsl(var(--foreground)));--reward-muted: var(--ps-muted, hsl(var(--muted-foreground)));--reward-line: var(--ps-line, hsl(var(--border)));--reward-accent: var(--ps-gold, hsl(var(--primary)));min-width:0;color:var(--reward-ink);padding:14px 16px;border:1px solid var(--reward-line);border-radius:12px;background:color-mix(in srgb,var(--reward-accent) 3%,transparent)}.visual-rewards-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-bottom:12px}.visual-rewards-summary-heading h2{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:12px;line-height:1.4;font-weight:650}.visual-rewards-summary-heading h2>svg{flex:0 0 auto;color:var(--reward-accent)}.visual-rewards-owned-count{flex:0 0 auto;color:var(--reward-muted);font-size:12px;font-variant-numeric:tabular-nums}.visual-reward-preview{display:flex;align-items:center;gap:12px;min-width:0;color:var(--reward-ink, hsl(var(--foreground)))}.visual-reward-thumb{display:block;position:relative;flex:0 0 var(--reward-thumb-size, 64px);width:var(--reward-thumb-size, 64px);height:var(--reward-thumb-size, 64px);overflow:hidden;border-radius:50%;background:#10263a;box-shadow:0 0 0 1px color-mix(in srgb,var(--reward-accent, #e4bd76) 35%,transparent)}.visual-reward-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;color:#e4bd76}.visual-reward-thumb-art{width:100%;height:100%}.visual-reward-thumb-scene{border-radius:10px;isolation:isolate}.visual-reward-scene-horizon{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff2}.visual-reward-preview-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.visual-reward-eyebrow{display:flex;align-items:center;gap:4px;color:var(--reward-muted, hsl(var(--muted-foreground)));font-size:12px;line-height:1.3}.visual-reward-name{color:var(--reward-ink, hsl(var(--foreground)));font-size:12px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.visual-reward-requirement{color:var(--reward-muted, hsl(var(--muted-foreground)));font-size:12px;line-height:1.4;overflow-wrap:anywhere}.visual-reward-progress-row{display:flex;align-items:center;gap:8px;min-width:0;margin-top:3px}.visual-reward-progress{min-width:16px;height:3px;flex:1;overflow:hidden;border-radius:4px;background:var(--reward-line, hsl(var(--border)))}.visual-reward-progress>span{display:block;width:var(--reward-progress);height:100%;background:var(--reward-accent, hsl(var(--primary)));border-radius:inherit}.visual-reward-progress-caption{font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--reward-muted, hsl(var(--muted-foreground)))}.visual-reward-action{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;min-height:44px;margin-top:2px;color:var(--reward-accent, hsl(var(--primary)));font-size:12px;line-height:1.4;font-weight:600}.visual-rewards-state{margin:4px 0;color:var(--reward-muted);font-size:12px;line-height:1.45}.visual-rewards-collection-link{display:flex;align-items:center;gap:7px;min-height:44px;margin-top:8px;color:var(--reward-accent);font-size:12px;line-height:1.4;font-weight:600}.visual-rewards-collection-link>span:first-child{flex:1;min-width:0}.visual-rewards-unseen{display:inline-grid;place-items:center;min-width:17px;height:17px;padding-inline:3px;border-radius:4px;background:color-mix(in srgb,var(--reward-accent) 12%,transparent);color:var(--reward-accent);font-size:12px;font-variant-numeric:tabular-nums}.visual-rewards-summary[data-compact=true]{padding:10px 0 0;border:0;border-top:1px solid var(--reward-line);border-radius:0;background:transparent}.visual-rewards-summary[data-compact=true] .visual-rewards-summary-heading{margin-bottom:8px}.visual-rewards-summary[data-compact=true] .visual-rewards-summary-heading h2{font-size:12px}.visual-reward-preview[data-compact=true]{gap:8px}.visual-reward-preview[data-compact=true] .visual-reward-name{font-size:12px}.ps-personal-column .ps-passport{max-height:100%;overflow-y:auto;scrollbar-width:thin}.profile-settings-rewards{margin-block:0 16px}.visual-reward-action:focus-visible,.visual-rewards-collection-link:focus-visible{outline:2px solid var(--reward-accent, hsl(var(--primary)));outline-offset:3px;border-radius:4px}@media(max-height:560px){.ps-passport .visual-rewards-summary{padding-top:7px}.ps-passport .visual-rewards-summary-heading{margin-bottom:6px}.ps-passport .visual-rewards-collection-link{margin-top:3px;min-height:44px}}@media(prefers-reduced-motion:reduce){.visual-reward-progress>span{transition:none}}.ps-identity-sheet{display:flex;flex-direction:column;overflow:hidden}.ps-identity-sheet-header,.ps-identity-pages{flex:0 0 auto}.ps-identity-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.activity-visual-rewards{padding:12px;border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--muted) / .2)}.activity-visual-rewards-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.activity-visual-rewards-heading button{min-height:44px;color:hsl(var(--primary));font-size:12px}.activity-visual-rewards>p{margin-block:6px;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.5}.activity-visual-rewards-items{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}.activity-visual-rewards-items a{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1 1 160px}.activity-visual-rewards-items a:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px;border-radius:8px}.activity-visual-rewards-items strong,.activity-visual-rewards-items small{display:block;font-size:12px;line-height:1.5}.activity-visual-rewards-items small{color:hsl(var(--muted-foreground));font-size:12px}.visual-rewards-retry{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:8px;font-size:12px;line-height:1.5;color:var(--reward-muted)}.visual-rewards-retry p{flex:1;min-width:120px}.visual-rewards-retry button{min-height:44px;color:var(--reward-accent);font-weight:600}.visual-rewards-retry button:focus-visible,.activity-visual-rewards-heading button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px;border-radius:4px}
