@layer theme,base,components,utilities;@layer utilities{.resource-cost-wrapper{position:relative;display:inline-flex;min-width:0;vertical-align:middle}.resource-cost-full{width:100%}.resource-cost-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #ffffff1a;border-radius:12px;color:#f5f5f4;box-shadow:inset 0 1px #ffffff04;transition:background .15s,border-color .15s}.resource-cost-full .resource-cost-pill{width:100%}.resource-cost-pill[data-affordability=cash]{background:#6ee7b710;border-color:#6ee7b733}.resource-cost-pill[data-affordability=reserve]{background:#ecd39610;border-color:#ecd39640}.resource-cost-pill[data-affordability=missing]{background:#fda4af0c;border-color:#fda4af33}.resource-cost-pill:hover{background:#ffffff0d;border-color:#ffffff40}.resource-cost-pill:focus-visible{outline:2px solid #ecd396;outline-offset:2px}.resource-cost-icons{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0}.resource-cost-icon{display:grid;place-items:center;position:relative}.resource-cost-icon .resource-cost-art{width:20px;height:20px}.resource-cost-icon[data-affordability=missing]:after{content:"";position:absolute;inset-inline-end:-1px;bottom:-2px;width:4px;height:4px;border-radius:50%;background:#fda4af}.resource-cost-amount{font-size:13px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.resource-cost-pill[data-affordability=cash] .resource-cost-amount{color:#a7f3d0}.resource-cost-pill[data-affordability=reserve] .resource-cost-amount{color:#ecd396}.resource-cost-pill[data-affordability=missing] .resource-cost-amount{color:#fecdd3}.resource-cost-compact{padding-inline:10px;gap:8px}.resource-cost-compact .resource-cost-art{width:18px;height:18px}.resource-cost-compact .resource-cost-amount{font-size:12px}.resource-cost-details{pointer-events:none;position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:40;min-width:160px;padding:12px;border:1px solid #ffffff26;border-radius:12px;background:#171e1c;color:#f5f5f4;box-shadow:0 12px 24px #0006;font-size:12px}.eligibility-dialog[role=dialog]{gap:0;border:1px solid #ecd39633;border-radius:24px;background:#171e1c;color:#f5f5f4;padding:44px 24px 24px;text-align:start;max-height:calc(100dvh - 32px);overflow-y:auto}.eligibility-check{font-size:14px;line-height:1.6;color:#d6d3d1}.eligibility-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eligibility-costs>:last-child:nth-child(odd){grid-column:1/-1}.eligibility-actions{display:grid;gap:8px;padding-top:8px}.eligibility-actions :is(button,a){display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:auto;min-height:44px;padding:12px;border:1px solid #ffffff1a;border-radius:12px;background:#202726;color:#f5f5f4;font-size:13px;font-weight:500;white-space:normal;text-align:start;box-shadow:none}.eligibility-actions .eligibility-primary{background:#ecd396;color:#20251f;border-color:#ecd396;font-weight:600}.eligibility-actions .eligibility-primary:hover{background:#f5e3b8}.eligibility-actions :is(button,a):focus-visible{outline:2px solid #ecd396;outline-offset:2px}.eligibility-actions p{margin:0;padding:12px;background:#ffffff04;border:1px solid #ffffff0d;border-radius:12px;color:#a8a29e;font-size:12px;line-height:1.6}.eligibility-actions svg{flex-shrink:0}.eligibility-dialog [data-mobile-overlay-close]{position:absolute;inset-inline-start:auto;inset-inline-end:12px;top:8px;background:transparent;border:0;color:#a8a29e;box-shadow:none}@media (max-width:1279px){.eligibility-dialog[role=dialog]{inset:auto 8px 8px!important;height:auto!important;max-height:calc(100dvh - 16px)!important;width:calc(100% - 16px)!important;max-width:448px!important;margin-inline:auto;border:1px solid #ecd39633!important;border-radius:24px!important;padding:44px 20px max(20px,env(safe-area-inset-bottom))!important;translate:none!important}}@media (max-width:360px){.resource-cost-compact{padding-inline:8px;gap:6px}.resource-cost-compact .resource-cost-icons{gap:3px}.resource-cost-compact .resource-cost-art{width:16px;height:16px}.resource-cost-compact .resource-cost-amount{font-size:11px}}@media (prefers-reduced-motion:reduce){.resource-cost-pill{transition:none}}}@layer utilities{.resource-cost-panel{min-width:96px}.resource-cost-panel .resource-cost-amount{min-width:4ch;text-align:center}}