.patron-title{vertical-align:middle;isolation:isolate;flex-shrink:0;width:208px;max-width:100%;line-height:0;display:inline-flex}.patron-title--sm{width:190px}.patron-title:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #d8b970}.patron-artwork{width:100%;height:auto;display:block;overflow:hidden}.patron-letter-shine{animation:9s ease-in-out infinite patron-sweep}.patron-bar-shine{animation:11s ease-in-out 2s infinite patron-sweep}.patron-banknotes{transform-box:fill-box;transform-origin:70% 80%;animation:8s ease-in-out infinite patron-breeze}.patron-bar-edge{animation:6s ease-in-out infinite patron-metal-edge}.patron-spark{opacity:0;transform-box:fill-box;transform-origin:50%;animation:10s ease-in-out infinite patron-jewel}.patron-spark--1{animation-delay:2s}.patron-spark--2{animation-delay:5s}.patron-spark--3{animation-delay:7s}.patron-particle{opacity:.3;animation:12s ease-in-out infinite patron-drift}.patron-particle--1{animation-delay:-4s}.patron-particle--2{animation-delay:-8s}.patron-crown-glint{opacity:.15;animation:13s ease-in-out 4s infinite patron-metal-edge}.patron-title[data-viewport-active=false] *{animation-play-state:paused}@keyframes patron-sweep{0%,15%{opacity:0;transform:translate(0)}20%{opacity:.8}55%{opacity:.8;transform:translate(510px)}56%,to{opacity:0;transform:translate(510px)}}@keyframes patron-breeze{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(1deg)translateY(-.6px)}}@keyframes patron-metal-edge{0%,70%,to{opacity:.35}80%{opacity:.95}}@keyframes patron-jewel{0%,75%,90%,to{opacity:0}82%{opacity:.9}}@keyframes patron-drift{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.65;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.patron-artwork *{animation:none!important}.patron-banknotes{transform:none}.patron-spark,.patron-letter-shine,.patron-bar-shine{opacity:0}}.patron-progress{--patron-accent:#34d399;color:var(--color-text-main,#e9e5ef);flex-direction:column;gap:9px;font-size:12px;line-height:1.5;display:flex}.patron-tooltip{background:var(--color-bg-surface,#0d111d);border:1px solid #bc994b80;border-radius:15px;padding:16px;display:block;box-shadow:0 10px 30px #0004}html[data-app-theme=light] .patron-progress--epic{--patron-accent:#16745b}html[data-app-theme=light] .patron-progress--legendary{--patron-accent:#be185d}html[data-app-theme=light] .patron-progress--mythic{--patron-accent:#b91c1c}html[data-app-theme=light] .patron-progress--wealth-god{--patron-accent:#7c3aed}.patron-progress--legendary{--patron-accent:#f472b6}.patron-progress--mythic{--patron-accent:#ef4444}.patron-progress--wealth-god{--patron-accent:#a78bfa}.patron-progress__heading{color:var(--patron-accent);font-size:14px;font-weight:800}.patron-progress__description{opacity:.85;font-style:italic}.patron-progress__row{flex-wrap:wrap;justify-content:space-between;gap:3px 10px;display:flex}.patron-progress__row strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.patron-progress__track{border:1px solid var(--patron-accent);background:#0d111d;border-radius:5px;height:8px;display:block;overflow:hidden;box-shadow:inset 0 1px 3px #0008}.patron-progress__fill{background:var(--patron-accent);border-radius:3px;height:100%;display:block;box-shadow:inset 0 1px 1px #fff9}.patron-progress__maximum{color:var(--patron-accent);background:#d2ae4f12;border:1px solid #bc994b66;border-radius:8px;padding:9px 12px}.patron-catalog{border:1px solid var(--color-border-strong,#ffffff20);border-radius:16px;margin-top:16px;padding:14px}.patron-catalog>summary{cursor:pointer;color:var(--color-text-main);font-size:13px;font-weight:700}.patron-catalog__intro{color:var(--color-text-muted);margin:12px 0;font-size:12px;line-height:1.6}.patron-catalog__stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.patron-catalog__stage{border:1px solid var(--color-border-strong,#ffffff18);background:var(--color-hover,#ffffff04);border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 8px;display:flex}.patron-catalog__stage .patron-title{width:250px}.patron-catalog__stage strong{text-align:center;color:var(--color-text-main);font-size:11px}.patron-catalog__stage small{font-family:var(--font-mono);color:var(--color-text-muted);font-size:11px}.patron-catalog__levels{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.patron-catalog__levels button{font-family:var(--font-mono);font-variant-numeric:tabular-nums;border:1px solid var(--color-border-strong,#ffffff20);color:var(--color-text-main);cursor:pointer;border-radius:5px;padding:3px 6px;font-size:11px}.patron-catalog__levels button[aria-pressed=true]{background:#d4ae5c20;border-color:#d4ae5c}.patron-notification{--patron-notification-accent:#34d399;background:linear-gradient(115deg, color-mix(in srgb, var(--patron-notification-accent) 12%, transparent), color-mix(in srgb, var(--patron-notification-accent) 4%, transparent))!important;border-color:color-mix(in srgb, var(--patron-notification-accent) 40%, transparent)!important}.patron-notification[data-patron-stage=legendary]{--patron-notification-accent:#f472b6}.patron-notification[data-patron-stage=mythic]{--patron-notification-accent:#ef4444}.patron-notification[data-patron-stage=wealth-god]{--patron-notification-accent:#a78bfa}.patron-notification__preview{margin:6px 0 4px}@media (width<=420px){.patron-catalog__stages{grid-template-columns:1fr}}.patron-gem-glint{opacity:.15;animation:7s ease-in-out infinite patron-jewel}.patron-gem-sweep{animation:7s ease-in-out infinite patron-gem-sweep}.patron-edge-sweep{animation:10s ease-in-out 2s infinite patron-sweep}.patron-letter-shine--mythic{animation-duration:12s;animation-delay:3s}.patron-orbit-glow{transform-box:fill-box;transform-origin:50%;animation:16s linear infinite patron-orbit}@keyframes patron-gem-sweep{0%,30%{opacity:0;transform:translate(0)}35%{opacity:.75}55%{opacity:.75;transform:translate(170px)}56%,to{opacity:0;transform:translate(170px)}}@keyframes patron-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.patron-gem-glint,.patron-gem-sweep,.patron-edge-sweep{opacity:0}.patron-orbit-glow{opacity:.3}}
