/* Runtime service unavailable state + Earn tile OFF treatment. */
.feature-off-state{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;margin:14px 0 18px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));box-shadow:0 14px 32px -30px var(--text);overflow:hidden}
.feature-off-state::after{content:"";position:absolute;right:-36px;top:-44px;width:128px;height:128px;border-radius:50%;background:color-mix(in srgb,var(--primary) 9%,transparent);pointer-events:none}
.feature-off-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);font-size:1.05rem;box-shadow:0 12px 24px -22px var(--primary)}
.feature-off-copy{min-width:0;position:relative;z-index:1}.feature-off-kicker{display:block;color:var(--primary);font-size:.58rem;font-weight:950;letter-spacing:.075em;margin-bottom:5px}.feature-off-copy h3{margin:0;color:var(--text);font-size:.93rem;line-height:1.35;font-weight:900}.feature-off-copy p{margin:6px 0 0;color:var(--text-muted);font-size:.72rem;line-height:1.5}
[data-feature-live][hidden],[data-feature-off][hidden]{display:none!important}
.earn-tile.feature-off{cursor:default!important;filter:saturate(.45);opacity:.68!important;transform:none!important}
.earn-tile.feature-off .earn-tile-icon{background:var(--surface-2);border-color:var(--border);color:var(--text-muted)}
.earn-tile.feature-off .earn-tile-meta{opacity:0!important}
.earn-tile.feature-off::after{content:"OFF";position:absolute;right:8px;top:8px;padding:5px 6px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:.48rem;font-weight:950;line-height:1;letter-spacing:.04em}
[data-theme="dark"] .feature-off-state{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 18%,var(--border))}
@media(max-width:380px){.feature-off-state{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:15px}.feature-off-icon{width:46px;height:46px;border-radius:15px}.feature-off-copy h3{font-size:.86rem}.feature-off-copy p{font-size:.68rem}}