/* MoneyBuddy 68.18 — Phase 4 | Buddy World + Money Garden.
   Visual layer only; records, Buddy unlocks, and plant thresholds remain unchanged.
   Design tokens remain white, navy, forest green, and gold. */
:root{--mb18-navy:#14243B;--mb18-forest:#123D31;--mb18-gold:#C49A3A;--mb18-white:#FFFFFF;--mb18-edge:rgba(20,36,59,.14);}
/* A calm collectible gallery instead of nested colored game surfaces. */
#buddy-modal { background:rgba(20,36,59,.78)!important;backdrop-filter:blur(7px)!important; }
#buddy-modal-content { background:var(--mb18-white)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 32px 95px rgba(20,36,59,.32)!important;border-radius:27px!important; }
#mbBuddyHub .mb-bh-head { background:var(--mb18-white)!important;border-bottom:1px solid var(--mb18-edge)!important; }
#mbBuddyHub .mb-bh-overline { color:var(--mb18-forest)!important;letter-spacing:.135em!important; }
#mbBuddyHub .mb-bh-overline:before{color:var(--mb18-gold)!important;}
#mbBuddyHub .mb-bh-heading h2 { font-weight:790!important;color:var(--mb18-navy)!important;letter-spacing:-.05em!important; }
#mbBuddyHub .mb-bh-heading p { color:var(--mb18-navy)!important;opacity:.73!important;line-height:1.5!important; }
#mbBuddyHub .mb-bh-collection-stat{background:#fff!important;color:var(--mb18-forest)!important;border:1px solid var(--mb18-edge)!important;box-shadow:none!important;}
#mbBuddyHub .mb-bh-stat-dot{background:var(--mb18-gold)!important;box-shadow:0 0 0 3px rgba(196,154,58,.15)!important;}
#mbBuddyHub .mb-bh-close { background:#fff!important;color:var(--mb18-navy)!important;border:1px solid var(--mb18-edge)!important; }
#mbBuddyHub .mb-bh-nav { background:#fff!important;border-bottom:1px solid var(--mb18-edge)!important; }
#mbBuddyHub .mb-bh-tab { background:transparent!important;color:var(--mb18-navy)!important;border-radius:12px!important;font-weight:740!important; }
#mbBuddyHub .mb-bh-tab[aria-selected="true"]{background:var(--mb18-navy)!important;color:#fff!important;box-shadow:none!important;}
#mbBuddyHub .mb-bh-body { background:#fff!important;scroll-behavior:auto!important; scrollbar-color:rgba(20,36,59,.27) transparent!important; }
#mbBuddyHub .mb-bh-feature{background:var(--mb18-navy)!important;border:1px solid rgba(196,154,58,.4)!important;box-shadow:none!important;min-width:0!important;}
#mbBuddyHub .mb-bh-feature:before{background:radial-gradient(circle at 50% 48%,rgba(196,154,58,.12),transparent 65%)!important;}
#mbBuddyHub .mb-bh-feature:after{border:1px solid rgba(196,154,58,.19)!important;}
#mbBuddyHub .mb-bh-feature[data-rarity="legendary"],#mbBuddyHub .mb-bh-feature[data-rarity="reward"]{background:var(--mb18-navy)!important;}
#mbBuddyHub .mb-bh-feature-kicker>span{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;}
#mbBuddyHub .mb-bh-feature-kicker .mb-bh-feature-state{color:var(--mb18-gold)!important;border-color:rgba(196,154,58,.55)!important;}
#mbBuddyHub .mb-bh-orbit{border-color:rgba(196,154,58,.42)!important;box-shadow:0 0 0 19px rgba(196,154,58,.035)!important;}
#mbBuddyHub .mb-bh-feature-image{filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))!important;}
#mbBuddyHub .mb-bh-feature-image.is-mystery { filter:brightness(0) blur(6px)!important;opacity:.52!important; }
#mbBuddyHub .mb-bh-feature h3{color:#fff!important;font-weight:810!important;}
#mbBuddyHub .mb-bh-feature-role{color:var(--mb18-gold)!important;}
#mbBuddyHub .mb-bh-feature-desc{color:#fff!important;opacity:.89!important;line-height:1.5!important;}
#mbBuddyHub .mb-bh-collection-head strong{color:var(--mb18-navy)!important;font-size:16px!important;letter-spacing:-.03em!important;}
#mbBuddyHub .mb-bh-collection-head span{color:var(--mb18-forest)!important;opacity:.85!important;}
#mbBuddyHub .mb-bh-card{background:#fff!important;border:1px solid var(--mb18-edge)!important;border-radius:17px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important;}
#mbBuddyHub .mb-bh-card:hover{transform:none!important;border-color:var(--mb18-forest)!important;box-shadow:0 7px 20px -18px rgba(20,36,59,.28)!important;}
#mbBuddyHub .mb-bh-card.is-preview{border:2px solid var(--mb18-forest)!important;box-shadow:0 0 0 2px rgba(196,154,58,.22)!important;}
#mbBuddyHub .mb-bh-card[data-rarity="legendary"],#mbBuddyHub .mb-bh-card[data-rarity="reward"]{background:#fff!important;border-color:rgba(196,154,58,.66)!important;}
#mbBuddyHub .mb-bh-card-name{color:var(--mb18-navy)!important;font-weight:800!important;}
#mbBuddyHub .mb-bh-card-role{color:var(--mb18-forest)!important;}
#mbBuddyHub .mb-bh-card-status {background:var(--mb18-forest)!important;color:#fff!important;}
#mbBuddyHub .mb-bh-card-status.is-locked{background:var(--mb18-gold)!important;color:var(--mb18-navy)!important;}
#mbBuddyHub .mb-bh-card.is-locked{background:#fff!important;}
/* Keep mystery blurs and animated sheen, but remove pastel overlays from the older skin. */
#mbBuddyHub .mb-bh-card.is-locked .mb-bh-card-image.is-mystery,
#mbBuddyHub .mb-bh-reward.is-locked img.is-mystery{filter:brightness(0) blur(4px)!important;opacity:.55!important;}
#mbBuddyHub .mb-bh-foot{background:#fff!important;border-top:1px solid var(--mb18-edge)!important;}
#mbBuddyHub .mb-bh-foot p{color:var(--mb18-navy)!important;opacity:.74!important;}
#mbBuddyHub .mb-bh-done{background:var(--mb18-forest)!important;color:#fff!important;border-radius:12px!important;}
#mbBuddyHub .mb-bh-alt-head h3{font-weight:790!important;color:var(--mb18-navy)!important;}
#mbBuddyHub .mb-bh-alt-head p{color:var(--mb18-navy)!important;opacity:.76!important;}
#mbBuddyHub .mb-bh-progress,#mbBuddyHub .mb-bh-reward{background:#fff!important;border:1px solid var(--mb18-edge)!important;box-shadow:none!important;border-radius:18px!important;}
#mbBuddyHub .mb-bh-reward[data-rarity="legendary"]{background:#fff!important;border-color:var(--mb18-gold)!important;}
#mbBuddyHub .mb-bh-progress-label,#mbBuddyHub .mb-bh-progress-caption{color:var(--mb18-forest)!important;}
#mbBuddyHub .mb-bh-progress-value,#mbBuddyHub .mb-bh-reward strong{color:var(--mb18-navy)!important;}
#mbBuddyHub .mb-bh-progress-description,#mbBuddyHub .mb-bh-reward p{color:var(--mb18-navy)!important;opacity:.76!important;}
#mbBuddyHub .mb-bh-progress-track{background:rgba(20,36,59,.10)!important;}
#mbBuddyHub .mb-bh-progress-fill{background:var(--mb18-gold)!important;}
#mbBuddyHub .mb-bh-progress-button{background:#fff!important;color:var(--mb18-forest)!important;border:1px solid var(--mb18-edge)!important;}
#mbBuddyHub .mb-bh-reward button{background:var(--mb18-forest)!important;color:#fff!important;}
#mbBuddyHub :is(.mb-bh-card,.mb-bh-tab,.mb-bh-done,.mb-bh-close,.mb-bh-pick):focus-visible {outline:3px solid var(--mb18-gold)!important;outline-offset:2px!important;}
/* Garden: the stage and one clear savings-progress card form the experience. */
#money-plant-section.mb-garden-section{background:#fff!important;border:1px solid var(--mb18-edge)!important;box-shadow:none!important;}
#money-plant-section .mb-garden-header h3{color:var(--mb18-navy)!important;letter-spacing:-.045em!important;}
#money-plant-section .mb-garden-header p{color:var(--mb18-navy)!important;opacity:.77!important;}
#money-plant-section .mb-garden-eyebrow{color:var(--mb18-forest)!important;}
#money-plant-section .mb-garden-collection-link{background:#fff!important;color:var(--mb18-navy)!important;border:1px solid var(--mb18-edge)!important;box-shadow:none!important;}
#money-plant-section .money-plant-premium-card.mb-garden-card{background:#fff!important;border:1px solid var(--mb18-edge)!important;box-shadow:none!important;border-radius:21px!important;}
#money-plant-section .mb-garden-art{background:var(--mb18-navy)!important;color:#fff!important;}
#money-plant-section .mb-garden-art-top{color:#fff!important;letter-spacing:.12em!important;}
#money-plant-section .mb-garden-art-top svg{color:var(--mb18-gold)!important;}
/* The gold stage sits *behind* the original growing plant, not over it. */
#money-plant-section #plantVisualContainer{background:radial-gradient(circle at 50% 26%,#F2D693 0%,#C49A3A 72%)!important;background-image:radial-gradient(circle at 50% 26%,#F2D693 0%,#C49A3A 72%)!important;border:1px solid rgba(255,255,255,.50)!important;border-radius:27px!important;box-shadow:0 10px 24px -17px rgba(0,0,0,.3)!important;}
#money-plant-section #plantVisualContainer .plant-terrarium-aura{opacity:.12!important;}
#money-plant-section .plant-terrarium-base{background:var(--mb18-gold)!important;opacity:.78!important;}
#money-plant-section .mb-garden-water{background:#fff!important;color:var(--mb18-navy)!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:12px!important;box-shadow:none!important;}
#money-plant-section .mb-garden-care-message{color:#fff!important;opacity:.84!important;}
#money-plant-section .mb-garden-details{background:#fff!important;color:var(--mb18-navy)!important;}
#money-plant-section .mb-garden-stage-badge{background:var(--mb18-forest)!important;color:#fff!important;border:0!important;}
#money-plant-section .mb-garden-lifetime{background:#fff!important;color:var(--mb18-navy)!important;border:1px solid var(--mb18-edge)!important;}
#money-plant-section .mb-garden-detail-title{color:var(--mb18-navy)!important;}
#money-plant-section .mb-garden-detail-copy{color:var(--mb18-navy)!important;opacity:.75!important;}
#money-plant-section .mb-garden-progress-panel{background:#fff!important;border:1px solid var(--mb18-edge)!important;box-shadow:none!important;}
#money-plant-section .mb-garden-progress-heading{color:var(--mb18-forest)!important;}
#money-plant-section #plantNextGoalAmount{color:var(--mb18-navy)!important;}
#money-plant-section #plantNextGoalText{color:var(--mb18-navy)!important;opacity:.75!important;}
#money-plant-section .mb-garden-progress-track{background:rgba(20,36,59,.10)!important;}
#money-plant-section #plantGardenProgressFill{background:var(--mb18-gold)!important;}
#money-plant-section .mb-garden-add{background:var(--mb18-forest)!important;color:#fff!important;border:1px solid var(--mb18-forest)!important;box-shadow:none!important;}
#money-plant-section .mb-garden-customize{background:#fff!important;color:var(--mb18-navy)!important;border:1px solid var(--mb18-edge)!important;box-shadow:none!important;}
#money-plant-section .mb-garden-disclaimer{color:var(--mb18-navy)!important;opacity:.73!important;}
/* Eight-stage gallery is an actual modal; keep its progress statuses readable. */
.mb-garden-modal:not([hidden]){background:rgba(20,36,59,.76)!important;backdrop-filter:blur(7px)!important;}
.mb-garden-dialog{background:#fff!important;border:1px solid rgba(196,154,58,.38)!important;box-shadow:0 28px 85px -35px rgba(20,36,59,.4)!important;border-radius:22px!important;}
.mb-garden-dialog h3,.mb-garden-stage-copy strong{color:var(--mb18-navy)!important;}
.mb-garden-dialog-head p,.mb-garden-stage-copy span{color:var(--mb18-navy)!important;opacity:.75!important;}
.mb-garden-stage-item{background:#fff!important;border:1px solid var(--mb18-edge)!important;}
.mb-garden-stage-item.is-current{border-color:var(--mb18-gold)!important;box-shadow:0 0 0 1px var(--mb18-gold) inset!important;}
.mb-garden-stage-number{background:var(--mb18-navy)!important;color:#fff!important;}
.mb-garden-stage-item.is-current .mb-garden-stage-number,.mb-garden-stage-item.is-complete .mb-garden-stage-number{background:var(--mb18-forest)!important;}
.mb-garden-dialog-done{background:var(--mb18-forest)!important;color:#fff!important;}
/* Ceramic customizer: a gallery instead of an arbitrary list of tinted cards. */
#customize-pot-modal:not(.hidden){background:rgba(20,36,59,.76)!important;backdrop-filter:blur(7px)!important;}
#customize-pot-modal>div{background:#fff!important;color:var(--mb18-navy)!important;border:1px solid var(--mb18-edge)!important;border-radius:24px!important;box-shadow:0 28px 85px rgba(20,36,59,.20)!important;max-height:min(88dvh,790px)!important;overflow-y:auto!important;}
#customize-pot-modal>div h3{color:var(--mb18-navy)!important;font-size:22px!important;font-weight:790!important;letter-spacing:-.04em!important;}
#customize-pot-modal>div p{color:var(--mb18-navy)!important;}
#potOptionsContainer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
#potOptionsContainer>button{min-width:0!important;min-height:96px!important;padding:13px!important;border-radius:16px!important;background:#fff!important;border:1px solid var(--mb18-edge)!important;box-shadow:none!important;align-items:center!important;}
#potOptionsContainer>button:is(:hover,:focus-visible){border-color:var(--mb18-forest)!important;}
#potOptionsContainer>button.ring-2{border:2px solid var(--mb18-forest)!important;box-shadow:0 0 0 2px rgba(196,154,58,.2)!important;}
#potOptionsContainer>button>div{min-width:0!important;gap:10px!important;}
#potOptionsContainer>button>div>div{flex:none!important;}
#potOptionsContainer>button p{color:var(--mb18-navy)!important;font-size:12px!important;line-height:1.32!important;}
#potOptionsContainer>button p.font-body-sm{font-size:11px!important;opacity:.75!important;}
#customize-pot-modal>div>.pt-space-md button{background:var(--mb18-forest)!important;color:#fff!important;min-height:44px!important;}
@media(max-width:900px){
 #mbBuddyHub .mb-bh-body{overflow-y:auto!important;overflow-x:hidden!important;}
 #mbBuddyHub .mb-bh-view:not([hidden]),#mbBuddyHub .mb-bh-alt-view{height:auto!important;min-height:0!important;}
 #mbBuddyHub .mb-bh-unlock-grid,#mbBuddyHub .mb-bh-reward-grid{height:auto!important;max-height:none!important;}
 #mbBuddyHub .mb-bh-progress,#mbBuddyHub .mb-bh-reward{height:auto!important;max-height:none!important;}
}
@media(max-width:700px){
 #buddy-modal{align-items:center!important;padding:9px!important;}
 #buddy-modal-content{height:min(94dvh,960px)!important;max-height:94dvh!important;border-radius:22px!important;}
 #mbBuddyHub .mb-bh-head{padding:15px 14px 12px!important;}
 #mbBuddyHub .mb-bh-heading h2{font-size:clamp(22px,6vw,27px)!important;}
 #mbBuddyHub .mb-bh-nav{padding:8px 11px!important;}
 #mbBuddyHub .mb-bh-body{padding:13px 12px 20px!important;}
 #mbBuddyHub .mb-bh-feature{background:var(--mb18-navy)!important;min-height:0!important;border-radius:18px!important;}
 #mbBuddyHub .mb-bh-feature-image{max-width:100%!important;object-fit:contain!important;}
 #mbBuddyHub .mb-bh-feature h3{color:#fff!important;}
 #mbBuddyHub .mb-bh-feature-desc{color:#fff!important;}
 #mbBuddyHub .mb-bh-feature-role{color:var(--mb18-gold)!important;}
 #mbBuddyHub .mb-bh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(195px,auto)!important;gap:10px!important;}
 #mbBuddyHub .mb-bh-card{height:auto!important;max-height:none!important;min-height:195px!important;}
 #mbBuddyHub .mb-bh-card-image{max-width:100%!important;}
 #mbBuddyHub .mb-bh-progress,#mbBuddyHub .mb-bh-reward{background:#fff!important;min-height:210px!important;}
 #mbBuddyHub .mb-bh-reward{min-height:340px!important;}
 #money-plant-section .mb-garden-art{background:var(--mb18-navy)!important;}
 #money-plant-section #plantVisualContainer{border-radius:24px!important;}
 #potOptionsContainer{grid-template-columns:1fr!important;}
 #potOptionsContainer>button{min-height:80px!important;}
}
@media(max-width:350px){#mbBuddyHub .mb-bh-grid{gap:8px!important;}#mbBuddyHub .mb-bh-card{min-height:180px!important;}}
@media(prefers-reduced-motion:reduce){#mbBuddyHub :is(.mb-bh-feature-image,.mb-bh-card-image), #money-plant-section .mb-garden-water{animation:none!important;transition:none!important;}}
/* Prior seasonal reset had a higher-specificity all-white terrarium rule. */
html[data-season] #money-plant-section #plantVisualContainer {
 background:radial-gradient(circle at 50% 25%,#F2D693 0%,#C49A3A 72%)!important;
 background-image:radial-gradient(circle at 50% 25%,#F2D693 0%,#C49A3A 72%)!important;
}
/* Keep locked rewards airy and collectible, without the previous gray tinted tiles. */
#mbBuddyHub .mb-bh-reward.is-locked,#mbBuddyHub .mb-bh-card.is-locked {
 background:#fff!important;border-color:rgba(196,154,58,.50)!important;
}
#customize-pot-modal:not(.hidden){opacity:1!important;}
#customize-pot-modal>div {opacity:1!important;}
/* The primary Garden Collection action supersedes the old embedded collection chip. */
#money-plant-section #plantCollectionPill{display:none!important;}
/* Ceramic-card copy always wraps within the card at narrow phone widths. */
#potOptionsContainer>button>div:first-child{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 24px)!important;align-items:center!important;}
#potOptionsContainer>button>div:first-child>div:last-child{min-width:0!important;max-width:100%!important;flex:1 1 auto!important;overflow:hidden!important;}
#potOptionsContainer>button p{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;max-width:100%!important;}
#potOptionsContainer>button p.font-body-sm {display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;}
@media(max-width:520px){
 #money-plant-section .plant-terrarium-stage{min-height:225px!important;}
 #money-plant-section #plantVisualContainer{width:min(100%,222px)!important;height:222px!important;}
 #money-plant-section .mb-garden-art{padding:12px 10px 13px!important;}
}
@media(max-width:350px){#money-plant-section .plant-terrarium-stage{min-height:206px!important;}#money-plant-section #plantVisualContainer{width:min(100%,204px)!important;height:204px!important;}}
