/* Keep the hypothetical gross visible while phone users change the assumptions. */
.scenario-mobile-result{display:none}
@media screen and (max-width:760px){
  .scenario-mobile-result{position:sticky;top:var(--scenario-sticky-top,68px);z-index:4;display:grid;gap:4px;margin:18px 0 12px;padding:12px 14px;border:1px solid #e78b5e;border-radius:14px;background:linear-gradient(115deg,#35202a,#22171e 65%,#3c251c);box-shadow:0 9px 25px #0008,0 0 18px #ff9b6520;isolation:isolate;overflow:hidden;min-width:0;pointer-events:none}
  .scenario-mobile-result::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffe1a51c 48%,transparent 65%);transform:translateX(-120%);z-index:-1;pointer-events:none}
  .scenario-mobile-caption{font:700 9px/1.3 Consolas,monospace;letter-spacing:.1em;color:#ffc39e;text-transform:uppercase}
  #creator-mobile-amount{display:block;min-width:0;font-size:clamp(1.15rem,5.7vw,2.25rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:-.035em;white-space:nowrap;color:#ffb27d;text-shadow:0 0 18px #ff985a30;transform-origin:left center}
  .scenario-mobile-label{font-size:10px;line-height:1.35;color:#e1c6ba}
  .scenario-mobile-result.is-counting::after{animation:scenario-winnings-shine .42s ease-out both}
  .scenario-mobile-result.is-counting #creator-mobile-amount{animation:scenario-winnings-pop .42s ease-out both}
  .calculator-inputs .range-control,.calculator-inputs .currency-controls,.calculator-inputs details{scroll-margin-top:calc(var(--scenario-sticky-top,68px) + 118px)}
}
@keyframes scenario-winnings-pop{0%{transform:translateY(2px) scale(.97);color:#ffb27d}40%{transform:translateY(-2px) scale(1.025);color:#ffe6b4}100%{transform:translateY(0) scale(1);color:#ffb27d}}
@keyframes scenario-winnings-shine{to{transform:translateX(120%)}}
@media screen and (max-width:360px){#creator-mobile-amount{font-size:1rem;letter-spacing:-.04em}.scenario-mobile-result{padding-inline:10px}}
.motion-paused .scenario-mobile-result::after,.motion-paused #creator-mobile-amount,.page-hidden .scenario-mobile-result::after,.page-hidden #creator-mobile-amount{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.scenario-mobile-result::after,#creator-mobile-amount{animation:none!important;transform:none!important}}
@media screen and (max-width:760px) and (max-height:500px){.scenario-mobile-result{padding:7px 12px;gap:2px}#creator-mobile-amount{font-size:1.2rem}.scenario-mobile-caption{font-size:8px}.scenario-mobile-label{font-size:9px}}