/* The plans sheet in the Vaia family, matching the landing: each plan takes
   its coin's colour, Pro carries the blue glow, actions are tinted instead of
   grey. Layout and wording are the sheet's own; only the look changes. */
#scrim :is(#plans,#plansbig) .plan{--tone:#25b7ff;--tone-2:#56f0ff;isolation:isolate;overflow:hidden;
  background:linear-gradient(180deg,#0d1424,#0a0f1c)!important;border-color:rgba(255,255,255,.08)}
#scrim :is(#plans,#plansbig) .plan[data-plan="plan-creator"]{--tone:#ffad25;--tone-2:#ff6f7d}
#scrim :is(#plans,#plansbig) .plan[data-plan="plan-pro"]{--tone:#367aff;--tone-2:#3fd2ff}
#scrim :is(#plans,#plansbig) .plan[data-plan="plan-studio"]{--tone:#14d6c1;--tone-2:#45a8ff}
#scrim :is(#plans,#plansbig) .plan[data-plan="plan-agency"]{--tone:#ff4b99;--tone-2:#ff9a6b}
#scrim :is(#plans,#plansbig) .plan[data-plan="plan-enterprise"]{--tone:#a9d4ff;--tone-2:#ffffff}
#scrim :is(#plans,#plansbig) .plan::before{content:"";position:absolute;inset:0 0 auto;height:130px;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 100% at 15% 0%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 70%)}
#scrim :is(#plans,#plansbig) .plan .plan-art{width:68px!important;height:68px!important;max-width:none!important;max-height:none!important;object-fit:contain;
  filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--tone) 45%,transparent))}
#scrim :is(#plans,#plansbig) .plan .pl-bonus{color:#06131f;background:linear-gradient(90deg,var(--tone),var(--tone-2));border:0}
#scrim :is(#plans,#plansbig) .plan .pl-bonus b{color:inherit}
#scrim :is(#plans,#plansbig) .plan button.ghost{color:#fff!important;background:color-mix(in srgb,var(--tone) 16%,#121a2c)!important;border:1px solid color-mix(in srgb,var(--tone) 42%,transparent)!important}
#scrim :is(#plans,#plansbig) .plan button.ghost:hover{background:color-mix(in srgb,var(--tone) 26%,#121a2c)!important}
/* Pro is the one to pick, unless it's already yours */
#scrim :is(#plans,#plansbig) .plan[data-plan="plan-pro"]:not(.cur){border:1.5px solid transparent;
  background:linear-gradient(180deg,#0f1a33,#0b1224) padding-box,linear-gradient(160deg,#6fd8ff,#2f6bff 45%,rgba(47,107,255,.15)) border-box!important;
  box-shadow:0 26px 70px -30px rgba(47,107,255,.75)}
#scrim :is(#plans,#plansbig) .plan[data-plan="plan-pro"]:not(.cur) button{color:#fff!important;background:linear-gradient(135deg,#59c6ff,#2f6bff)!important;border:0!important;box-shadow:0 10px 26px -10px rgba(47,107,255,.8)}
#scrim :is(#plans,#plansbig) .plan.next:not([data-plan="plan-pro"]) button:not(.ghost){background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 80%,#fff),var(--tone))!important;color:#06131f!important}
#packs input[type=range],.coin-builder input[type=range]{accent-color:#3d86ff}
#scrim #plansbig .plan .plan-art{width:48px!important;height:48px!important}
#scrim :is(#plans,#plansbig) .plan .pl-bonus{border-radius:99px;padding:1px 7px}