.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}}.shop-title-trigger{outline-offset:4px;border-radius:7px;min-width:0;max-width:100%;display:inline-flex}.shop-title-trigger:focus-visible{outline:2px solid var(--color-accent,#818cf8)}.shop-title{isolation:isolate;vertical-align:middle;min-width:0;max-width:100%;min-height:39px;color:var(--shop-title-ink);border:1px solid color-mix(in srgb, var(--shop-title-accent) 64%, transparent);background:radial-gradient(ellipse at 0% 50%, color-mix(in srgb, var(--shop-title-accent) 22%, transparent), transparent 58%), linear-gradient(112deg, var(--shop-title-surface), #0d101b 85%);box-shadow:inset 0 1px 0 #ffffff20, inset 0 -2px 0 #00000038, 0 3px 10px #00000026, 0 0 16px color-mix(in srgb, var(--shop-title-accent) 12%, transparent);border-radius:5px 13px;align-items:center;gap:9px;padding:4px 12px 4px 5px;line-height:1.15;display:inline-flex;position:relative;overflow:hidden}.shop-title:before{content:"";pointer-events:none;border:1px solid color-mix(in srgb, var(--shop-title-accent) 16%, transparent);z-index:-1;border-radius:3px 9px;position:absolute;inset:3px}.shop-title:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(110deg, transparent 20%, color-mix(in srgb, var(--shop-title-foil) 17%, transparent) 50%, transparent 80%);animation:7s ease-in-out infinite paused shop-title-sheen;position:absolute;inset:0;transform:translate(-140%)}.shop-title__sigil{width:31px;height:31px;color:var(--shop-title-accent);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--shop-title-accent) 48%, transparent));flex-shrink:0;place-items:center;display:grid}.shop-title__sigil svg{width:100%;height:100%}.shop-title__copy{flex-direction:column;gap:3px;min-width:0;display:flex}.shop-title__copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--shop-title-accent);letter-spacing:.17em;text-transform:uppercase;font-size:6.5px;font-weight:700;overflow:hidden}.shop-title__copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--shop-title-ink);letter-spacing:.035em;text-shadow:0 1px 2px #0009;font-size:11px;font-weight:800;display:block;overflow:hidden}.shop-title__end{color:var(--shop-title-foil);opacity:.7;flex-shrink:0;margin-left:5px;font-size:14px}.shop-title--sm{border-radius:3px 8px;gap:5px;min-height:24px;padding:2px 7px 2px 3px}.shop-title--sm:before{border-radius:2px 6px;inset:2px}.shop-title--sm .shop-title__sigil{width:19px;height:19px}.shop-title--sm .shop-title__copy small{display:none}.shop-title--sm .shop-title__copy strong{letter-spacing:.015em;font-size:10px}.shop-title--sm .shop-title__end{margin-left:2px;font-size:10px}.shop-title--crimson_eclipse{background:radial-gradient(at 6% 60%,#e11d4859,#0000 54%),linear-gradient(110deg,#340b1b,#180c18 72%,#300b1d);border-color:#fb71858c;border-radius:18px 4px}.shop-title--crimson_eclipse:before{border-color:#fb718529;border-radius:15px 2px}.shop-title--crimson_eclipse .shop-title__sigil{animation:5s ease-in-out infinite paused shop-title-eclipse}.shop-title--cursed_house{background:repeating-linear-gradient(90deg,#fbbf2405 0 1px,#0000 1px 6px),linear-gradient(110deg,#32200e,#140f13);border-style:double;border-width:3px;border-radius:3px;padding-block:2px}.shop-title--jade_immortal{border-color:#6ee7b780;border-radius:2px 12px}.shop-title--jade_immortal:before{border-color:#fde68a40;border-radius:1px 8px}.shop-title--jade_immortal .shop-title__end{color:#fde68a}.shop-title--cyber_protocol{background:repeating-linear-gradient(0deg,#67e8f908 0 1px,#0000 1px 4px),linear-gradient(110deg,#0b2b40,#14122e);border-right:3px solid #f0abfc;border-radius:1px 9px}.shop-title--cyber_protocol .shop-title__copy small{font-family:var(--font-mono,monospace)}.shop-title--sakura_shrine{background:radial-gradient(at 90% 0,#f9a8d426,#0000 65%),linear-gradient(110deg,#401a32,#211324);border-radius:14px 3px}.shop-title--sakura_shrine .shop-title__end{transform:rotate(25deg)}.shop-title--abyssal_monarch{background:radial-gradient(at 50% 100%,#7c3aed4d,#0000 75%),linear-gradient(110deg,#25133f,#110e22);border-top:2px solid #ddd6fe;border-radius:3px 3px 11px 11px}.shop-title--abyssal_monarch:before{border-radius:2px 2px 7px 7px}.shop-title--celestial_observatory{background:radial-gradient(circle at 80% 28%,#fcd34d65 0 .7px,#0000 1.2px) 0 0/27px 23px,radial-gradient(circle at 66% 75%,#bae6fd85 0 .7px,#0000 1.2px) 0 0/43px 29px,linear-gradient(110deg,#243149,#111625);border-radius:18px}.shop-title--celestial_observatory:before{border-color:#fcd34d3b;border-radius:15px}.shop-title-trigger[data-viewport-active=true] .shop-title:after,.shop-title-trigger[data-viewport-active=true] .shop-title__sigil{animation-play-state:running}.shop-title-tooltip{border-color:color-mix(in srgb, var(--title-accent) 40%, transparent)}.shop-title-tooltip__art{border-bottom:1px solid #ffffff12;padding:5px 0 12px;display:flex}.shop-title-tooltip__art .shop-title{width:100%}.shop-title-tooltip__collection{color:var(--title-accent);letter-spacing:.08em;font-size:9px}@keyframes shop-title-sheen{0%,62%{transform:translate(-140%)}85%,to{transform:translate(140%)}}@keyframes shop-title-eclipse{0%,to{opacity:.8;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.shop-title:after,.shop-title__sigil{animation:none!important}}@media (forced-colors:active){.shop-title{border:1px solid buttontext}.shop-title__copy strong,.shop-title__sigil{color:buttontext}}