[data-app=fan-club]{color-scheme:light;--fan-bg:#f7faf8;--fan-ink:#173226;--fan-green:#1c7a3d;--fan-green-hover:#166331;--fan-green-deep:#124f28;--fan-green-soft:#e7f3ec;--fan-yellow:#f5c518;--fan-yellow-ink:#4d3a00;--fan-surface:#ffffff;--fan-muted:#52705f;--fan-faint:#5d776b;--fan-border:rgba(23,50,38,0.13);--fan-border-subtle:rgba(23,50,38,0.07);--fan-danger:#b3261e;--fan-danger-soft:#fdefee;--fan-radius:14px;--fan-field-height:50px;--fan-safe-bottom:env(safe-area-inset-bottom,0px);--fan-tabbar-height:calc(54px + var(--fan-safe-bottom));--fan-ease:cubic-bezier(0.33,1,0.68,1);min-height:100dvh;background:var(--fan-bg);color:var(--fan-ink);font-family:var(--font-cabin),"Cabin",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere;overflow-x:clip}body:has([data-app=fan-club]),body[data-product=fan-club]{background:#f7faf8}[data-app=fan-club] *,[data-app=fan-club] :after,[data-app=fan-club] :before{box-sizing:border-box;border-color:var(--fan-border-subtle)}[data-app=fan-club] h1,[data-app=fan-club] h2,[data-app=fan-club] h3{margin:0;letter-spacing:-.02em;font-weight:700;text-wrap:balance}[data-app=fan-club] .fan-num{font-variant-numeric:tabular-nums}[data-app=fan-club] .fan-kicker{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fan-green)}[data-app=fan-club] .fan-muted{color:var(--fan-muted)}[data-app=fan-club] .fan-faint{color:var(--fan-faint)}[data-app=fan-club] .fan-card{background:var(--fan-surface);border:1px solid var(--fan-border-subtle);border-radius:var(--fan-radius);box-shadow:0 1px 2px rgba(23,50,38,.04)}[data-app=fan-club] .fan-card--press{transition:transform .15s var(--fan-ease),box-shadow .15s var(--fan-ease)}[data-app=fan-club] .fan-card--press:active{transform:scale(.985)}@media (hover:hover){[data-app=fan-club] .fan-card--press:hover{box-shadow:0 4px 14px rgba(23,50,38,.09)}}[data-app=fan-club] .fan-crest-block{display:flex;align-items:center;justify-content:center;background:var(--fan-green);color:#ffffff;overflow:hidden}[data-app=fan-club] .fan-crest-block img{width:42%;max-width:88px;height:auto;opacity:.96}[data-app=fan-club] .fan-input,[data-app=fan-club] .fan-select,[data-app=fan-club] .fan-textarea{width:100%;min-width:0;min-height:var(--fan-field-height);border:1.5px solid var(--fan-border);border-radius:12px;background:var(--fan-surface);color:var(--fan-ink);padding:.72rem .9rem;font-size:1rem;transition:border-color .15s ease}[data-app=fan-club] .fan-textarea{resize:vertical}[data-app=fan-club] .fan-input:focus-visible,[data-app=fan-club] .fan-select:focus-visible,[data-app=fan-club] .fan-textarea:focus-visible{outline:none;border-color:var(--fan-green);box-shadow:0 0 0 3px rgba(28,122,61,.14)}[data-app=fan-club] :where(a[href],button,summary,[role=button]):focus-visible{outline:2px solid var(--fan-green);outline-offset:2px;border-radius:10px}[data-app=fan-club] summary{min-height:44px;display:flex;align-items:center}[data-app=fan-club] label:has(input[type=checkbox]){min-height:44px}[data-app=fan-club] .fan-label{display:block;font-size:.85rem;font-weight:600;color:var(--fan-muted);margin-bottom:.35rem}[data-app=fan-club] .fan-error-text{color:var(--fan-danger);font-size:.85rem;font-weight:600}[data-app=fan-club] .fan-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid transparent;border-radius:12px;padding:.72rem 1.25rem;min-height:44px;font-size:1rem;font-weight:700;cursor:pointer;text-align:center;transition:background-color .15s ease,transform .12s var(--fan-ease),opacity .15s ease;-webkit-tap-highlight-color:transparent}[data-app=fan-club] .fan-btn:active{transform:scale(.97)}[data-app=fan-club] .fan-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}[data-app=fan-club] .fan-btn--primary{background:var(--fan-green);color:#ffffff}[data-app=fan-club] .fan-btn--primary:hover:not(:disabled){background:var(--fan-green-hover)}[data-app=fan-club] .fan-btn--ghost{background:transparent;border-color:var(--fan-border);color:var(--fan-ink)}[data-app=fan-club] .fan-btn--ghost:hover:not(:disabled){background:var(--fan-green-soft)}[data-app=fan-club] .fan-btn--danger{background:var(--fan-danger-soft);color:var(--fan-danger)}[data-app=fan-club] .fan-btn--big{padding:.95rem 1.5rem;font-size:1.08rem;border-radius:14px;width:100%}[data-app=fan-club] .fan-link{display:inline-flex;align-items:center;min-height:44px;color:var(--fan-green);font-weight:600;text-decoration:underline;text-underline-offset:3px}[data-app=fan-club] .fan-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1.5px solid var(--fan-border);border-radius:12px;background:var(--fan-surface);color:var(--fan-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}[data-app=fan-club] .fan-icon-btn--bare{border-color:transparent;background:transparent;color:var(--fan-faint)}[data-app=fan-club] .fan-icon-btn:disabled{opacity:.4;cursor:not-allowed}[data-app=fan-club] .fan-btn:focus-visible,[data-app=fan-club] .fan-card--press:focus-visible,[data-app=fan-club] .fan-icon-btn:focus-visible,[data-app=fan-club] .fan-link:focus-visible,[data-app=fan-club] .fan-seg button:focus-visible,[data-app=fan-club] .fan-topbar a:focus-visible,[data-app=fan-club] .fan-topbar nav a:focus-visible,[data-app=fan-club] a.fan-card:focus-visible{outline:2px solid var(--fan-green);outline-offset:2px;border-radius:12px}[data-app=fan-club] .fan-card--press:focus-visible,[data-app=fan-club] a.fan-card:focus-visible{border-radius:var(--fan-radius)}[data-app=fan-club] .fan-tabbar a:focus-visible{outline:2px solid var(--fan-green);outline-offset:-3px;border-radius:12px}[data-app=fan-club] .fan-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.22rem .7rem;font-size:.8rem;font-weight:700;background:var(--fan-green-soft);color:var(--fan-green)}[data-app=fan-club] .fan-chip--live,[data-app=fan-club] .fan-chip--sale{background:var(--fan-yellow);color:var(--fan-yellow-ink)}[data-app=fan-club] .fan-chip--neutral{background:rgba(23,50,38,.07);color:var(--fan-muted)}[data-app=fan-club] .fan-chip--danger{background:var(--fan-danger-soft);color:var(--fan-danger)}[data-app=fan-club] .fan-seg{display:flex;background:rgba(23,50,38,.06);border-radius:12px;padding:3px;gap:3px}[data-app=fan-club] .fan-seg button{flex:1;border:0;border-radius:10px;background:transparent;color:var(--fan-muted);font-weight:700;font-size:.95rem;padding:.55rem .5rem;min-height:44px;cursor:pointer;transition:background-color .15s ease,color .15s ease}[data-app=fan-club] .fan-seg button[aria-selected=true]{background:var(--fan-surface);color:var(--fan-ink);box-shadow:0 1px 3px rgba(23,50,38,.12)}[data-app=fan-club] .fan-tabbar{position:fixed;inset-inline:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-top:1px solid var(--fan-border-subtle);padding-bottom:var(--fan-safe-bottom)}[data-app=fan-club] .fan-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem 0 .45rem;font-size:.68rem;font-weight:700;color:var(--fan-faint);position:relative;-webkit-tap-highlight-color:transparent}[data-app=fan-club] .fan-tabbar a[aria-current=page]{color:var(--fan-green)}[data-app=fan-club] .fan-tab-badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:17px;height:17px;border-radius:999px;background:var(--fan-green);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;font-variant-numeric:tabular-nums}@media (min-width:768px){[data-app=fan-club] .fan-tabbar{display:none}[data-app=fan-club]{--fan-tabbar-height:0px}}[data-app=fan-club] .fan-topbar{display:none}@media (min-width:768px){[data-app=fan-club] .fan-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:2rem;background:rgb(247,250,248);backdrop-filter:none;border-bottom:1px solid var(--fan-border-subtle);padding:.85rem 2rem}[data-app=fan-club] .fan-topbar nav{display:flex;gap:1.4rem}[data-app=fan-club] .fan-topbar a{display:inline-flex;min-height:44px;align-items:center}[data-app=fan-club] .fan-topbar nav a{font-weight:700;font-size:.95rem;color:var(--fan-muted);padding:.3rem 0;border-bottom:2px solid transparent}[data-app=fan-club] .fan-topbar nav a[aria-current=page]{color:var(--fan-ink);border-bottom-color:var(--fan-green)}}[data-app=fan-club] .fan-auth-hero{position:relative;overflow:hidden;border-radius:20px;min-height:200px;display:flex;align-items:flex-end;color:#ffffff;background:var(--fan-green-deep);box-shadow:0 10px 30px rgba(18,79,40,.18)}[data-app=fan-club] .fan-auth-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 16%}[data-app=fan-club] .fan-auth-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(3,37,27,.12),rgba(3,37,27,.55) 52%,rgba(3,37,27,.92))}[data-app=fan-club] .fan-auth-hero__body{position:relative;z-index:1;padding:22px}[data-app=fan-club] .fan-auth-hero__kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f5c542}[data-app=fan-club] .fan-auth-hero__title{margin-top:6px;font-size:1.9rem;line-height:1.12}[data-app=fan-club] .fan-auth-hero__subtitle{margin-top:8px;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.82)}@media (min-width:768px){[data-app=fan-club] .fan-auth-hero{min-height:460px;position:sticky;top:76px}[data-app=fan-club] .fan-auth-hero__title{font-size:2.1rem}}[data-app=fan-club] .fan-password{position:relative}[data-app=fan-club] .fan-password .fan-input{padding-inline-end:48px}[data-app=fan-club] .fan-password__toggle{position:absolute;inset-block:1px;inset-inline-end:1px;display:inline-flex;align-items:center;justify-content:center;width:44px;border:0;border-radius:12px;background:transparent;color:var(--fan-faint);cursor:pointer}[data-app=fan-club] .fan-password__toggle:hover{color:var(--fan-ink)}[data-app=fan-club] .fan-member-card{position:relative;border-radius:20px;background-color:var(--fan-green-deep);background-image:linear-gradient(135deg,rgba(3,37,27,.72),rgba(3,37,27,.12) 44%,rgba(3,37,27,.58)),url(/assets/mtg/webp/mtg_fan_card_art_1080x680.webp);background-size:cover,cover;background-position:50%,50%;background-repeat:no-repeat,no-repeat;color:#ffffff;overflow:hidden;transition:transform .2s var(--fan-ease),box-shadow .2s var(--fan-ease);box-shadow:0 10px 30px rgba(18,79,40,.25)}[data-app=fan-club] .fan-member-card:active{transform:scale(.985)}@media (hover:hover){[data-app=fan-club] .fan-member-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(18,79,40,.3)}}[data-app=fan-club] .fan-member-card:after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.14) 50%,transparent 58%);transform:translateX(-120%);animation:fan-sheen 6.5s var(--fan-ease) infinite;pointer-events:none}@keyframes fan-sheen{0%,72%{transform:translateX(-120%)}88%,to{transform:translateX(120%)}}[data-app=fan-club] .fan-card-watermark{position:absolute;right:-34px;bottom:-42px;width:190px;opacity:.1;pointer-events:none}[data-app=fan-club] .fan-qr-panel{background:#ffffff;border-radius:18px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}[data-app=fan-club] .fan-qr-panel--boost{position:fixed;inset:0;z-index:60;border-radius:0;justify-content:center;padding:2rem}[data-app=fan-club] .fan-qr-ring{transform:rotate(-90deg)}[data-app=fan-club] .fan-qr-ring circle{fill:none;stroke-linecap:round}[data-app=fan-club] .fan-fade-up{animation:fan-fade-up .45s var(--fan-ease) forwards;animation-delay:calc(var(--fan-i, 0) * 60ms)}@keyframes fan-fade-up{0%{transform:translateY(10px)}to{transform:translateY(0)}}[data-app=fan-club] .fan-pulse-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--fan-yellow-ink)}[data-app=fan-club] .fan-pulse-dot:before{content:"";position:absolute;inset:-4px;border-radius:999px;background:currentColor;opacity:.35;animation:fan-pulse 1.6s ease-out infinite;color:var(--fan-yellow-ink)}@keyframes fan-pulse{0%{transform:scale(.5);opacity:.4}80%,to{transform:scale(1.5);opacity:0}}[data-app=fan-club] .fan-odometer{display:inline-flex;overflow:hidden;font-variant-numeric:tabular-nums;line-height:1}[data-app=fan-club] .fan-odometer-digit{display:inline-flex;flex-direction:column;height:1em;transform:translateY(0);transition:transform 1s var(--fan-ease);transition-delay:calc(var(--fan-i, 0) * .26s + .3s);will-change:transform}[data-app=fan-club] .fan-odometer-digit>span{height:1em;display:block}[data-app=fan-club] .fan-welcome-cta{animation:fan-fade-up .6s var(--fan-ease) forwards;animation-delay:2.3s}[data-app=fan-club] .fan-confetti{position:absolute;inset:0;pointer-events:none;overflow:visible}[data-app=fan-club] .fan-confetti i{position:absolute;left:50%;top:50%;width:7px;height:11px;border-radius:2px;background:var(--fan-green);opacity:0;animation:fan-confetti-burst .9s var(--fan-ease) forwards;animation-delay:calc(var(--fan-i, 0) * 18ms)}[data-app=fan-club] .fan-confetti i:nth-child(3n){background:var(--fan-yellow);width:6px;height:6px;border-radius:999px}[data-app=fan-club] .fan-confetti i:nth-child(3n+1){background:var(--fan-green-soft)}@keyframes fan-confetti-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--fan-x, 0px)),calc(-50% + var(--fan-y, -80px))) rotate(var(--fan-r,200deg)) scale(.7)}}[data-app=fan-club] .fan-skeleton{border-radius:10px;background:rgba(23,50,38,.08);animation:fan-skeleton 1.4s ease-in-out infinite}@keyframes fan-skeleton{0%,to{opacity:1}50%{opacity:.55}}[data-app=fan-club] .smart-image{display:block;overflow:hidden;background:var(--fan-green-soft)}[data-app=fan-club] .smart-image__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s var(--fan-ease)}[data-app=fan-club] .smart-image[data-status=loaded] .smart-image__img{opacity:1}[data-app=fan-club] .smart-image__skeleton{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,50,38,.06) 25%,rgba(23,50,38,.13) 50%,rgba(23,50,38,.06) 75%);background-size:200% 100%;animation:fan-shimmer 1.4s ease-in-out infinite}[data-app=fan-club] .smart-image__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--fan-green);color:#ffffff}[data-app=fan-club] .smart-image__fallback img{width:42%;max-width:88px;height:auto;opacity:.96}@keyframes fan-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){[data-app=fan-club] .fan-fade-up,[data-app=fan-club] .fan-welcome-cta{animation:none;opacity:1;transform:none}[data-app=fan-club] .fan-confetti i,[data-app=fan-club] .fan-member-card:after,[data-app=fan-club] .fan-pulse-dot:before,[data-app=fan-club] .fan-skeleton,[data-app=fan-club] .smart-image__skeleton{animation:none}[data-app=fan-club] .fan-odometer-digit,[data-app=fan-club] .smart-image__img{transition:none}[data-app=fan-club] .animate-spin{animation:none!important}[data-app=fan-club] .fan-qr-ring circle{transition:none!important}[data-app=fan-club] .fan-btn,[data-app=fan-club] .fan-card--press,[data-app=fan-club] .fan-member-card{transition:none}}[data-app=fan-club] .fan-timeline{display:grid;gap:0}[data-app=fan-club] .fan-timeline-step{display:grid;grid-template-columns:20px 1fr;gap:.75rem}[data-app=fan-club] .fan-timeline-rail{display:flex;flex-direction:column;align-items:center}[data-app=fan-club] .fan-timeline-dot{width:12px;height:12px;border-radius:999px;border:2.5px solid var(--fan-border);background:var(--fan-surface);flex-shrink:0;margin-top:4px}[data-app=fan-club] .fan-timeline-step[data-done=true] .fan-timeline-dot{border-color:var(--fan-green);background:var(--fan-green)}[data-app=fan-club] .fan-timeline-line{width:2.5px;flex:1;min-height:22px;background:var(--fan-border-subtle)}[data-app=fan-club] .fan-timeline-step[data-done=true] .fan-timeline-line{background:var(--fan-green)}[data-app=fan-club] .fan-legal section+section{margin-top:1.75rem}[data-app=fan-club] .fan-legal h2{font-size:1.05rem;margin-bottom:.5rem}[data-app=fan-club] .fan-legal p,[data-app=fan-club] .fan-legal ul{color:var(--fan-muted);font-size:.92rem;line-height:1.75;margin:0 0 .65rem}[data-app=fan-club] .fan-legal ul{padding-left:1.2rem}[data-app=fan-club] .fan-legal li+li{margin-top:.25rem}[data-app=fan-club] .fan-verify-valid{background:var(--fan-green);color:#ffffff}[data-app=fan-club] .fan-verify-invalid{background:var(--fan-danger);color:#ffffff}[data-app=fan-club] .fan-release-badge{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.3rem .85rem;border:1px solid var(--fan-border);border-radius:999px;background:var(--fan-surface);color:var(--fan-muted);font-size:.72rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media (hover:hover){[data-app=fan-club] .fan-release-badge:hover{background:var(--fan-green-soft);color:var(--fan-green);border-color:var(--fan-green)}}[data-app=fan-club] .fan-release-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + var(--fan-safe-bottom))}@media (min-width:640px){[data-app=fan-club] .fan-release-overlay{align-items:center}}[data-app=fan-club] .fan-release-overlay__scrim{position:absolute;inset:0;border:0;padding:0;background:rgba(3,37,27,.5);cursor:pointer}[data-app=fan-club] .fan-release-dialog{position:relative;z-index:1;width:100%;max-width:30rem;max-height:calc(100dvh - 2rem);overflow-y:auto;background:var(--fan-surface);border:1px solid var(--fan-border-subtle);border-radius:20px;box-shadow:0 18px 48px rgba(3,37,27,.28);padding:1.25rem 1.35rem 1.4rem;text-align:left}[data-app=fan-club] .fan-release-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}[data-app=fan-club] .fan-release-dialog__release{margin-top:.65rem;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--fan-green)}[data-app=fan-club] .fan-release-dialog__list{margin-top:1rem;display:grid;gap:0}[data-app=fan-club] .fan-release-dialog__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--fan-border-subtle)}[data-app=fan-club] .fan-release-dialog__row dd{margin:0;text-align:right;min-width:0}[data-app=fan-club] .fan-release-dialog__notes{margin-top:1rem;padding:.85rem 1rem;border-radius:12px;background:var(--fan-green-soft)}[data-app=fan-club] .fan-banner-carousel{position:relative}[data-app=fan-club] .fan-banner-carousel__controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;pointer-events:none}[data-app=fan-club] .fan-banner-nav{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:999px;background:rgba(3,37,27,.42);color:#ffffff;cursor:pointer;transition:background-color .15s ease,transform .12s var(--fan-ease)}@media (hover:hover){[data-app=fan-club] .fan-banner-nav:hover{background:rgba(3,37,27,.64)}}[data-app=fan-club] .fan-banner-nav:active{transform:scale(.94)}[data-app=fan-club] .fan-banner-nav:focus-visible{outline:2px solid #ffffff;outline-offset:2px}[data-app=fan-club] .fan-banner-dots{position:absolute;left:50%;bottom:.35rem;transform:translateX(-50%);display:flex;align-items:center;gap:.15rem}[data-app=fan-club] .fan-banner-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}[data-app=fan-club] .fan-banner-dot__mark{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.55);box-shadow:0 0 3px rgba(3,37,27,.45);transition:background-color .15s ease,width .15s ease}[data-app=fan-club] .fan-banner-dot--active .fan-banner-dot__mark{width:20px;background:#ffffff}[data-app=fan-club] .fan-banner-dot:focus-visible{outline:2px solid #ffffff;outline-offset:-2px;border-radius:999px}@media (prefers-reduced-motion:reduce){[data-app=fan-club] .fan-banner-dot__mark,[data-app=fan-club] .fan-banner-nav{transition:none}}[data-app=fan-club] .fan-fav-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:999px;background:rgba(255,255,255,.9);color:var(--fan-muted);cursor:pointer;box-shadow:0 1px 3px rgba(23,50,38,.18);transition:color .15s ease,background-color .15s ease,transform .12s var(--fan-ease)}[data-app=fan-club] .fan-fav-btn--on{color:var(--fan-danger)}@media (hover:hover){[data-app=fan-club] .fan-fav-btn:hover{background:#ffffff;color:var(--fan-danger)}}[data-app=fan-club] .fan-fav-btn:active{transform:scale(.9)}[data-app=fan-club] .fan-fav-btn:focus-visible{outline:2px solid var(--fan-green);outline-offset:2px}[data-app=fan-club] .fan-filter-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:38px;padding:.4rem .85rem;border-radius:999px;border:1.5px solid var(--fan-border);background:var(--fan-surface);color:var(--fan-muted);font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,color .15s ease}[data-app=fan-club] .fan-filter-chip--field{min-height:var(--fan-field-height)}[data-app=fan-club] .fan-filter-chip--active{border-color:var(--fan-green);background:var(--fan-green-soft);color:var(--fan-green)}[data-app=fan-club] .fan-filter-chip:focus-visible{outline:2px solid var(--fan-green);outline-offset:2px}[data-app=fan-club] .fan-rail{display:flex;gap:.5rem;overflow-x:auto;contain:inline-size;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}[data-app=fan-club] .fan-rail::-webkit-scrollbar{display:none}[data-app=fan-club] .fan-rail>*{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){[data-app=fan-club] .fan-fav-btn,[data-app=fan-club] .fan-filter-chip{transition:none}}