.budget-playground{max-width:1440px;margin:0 auto;padding-top:0!important;padding-bottom:95px!important;color:#20261b}.budget-heading{text-align:center;max-width:800px;margin:0 auto 34px}.budget-heading>.eyebrow{font-size:11px;letter-spacing:.15em;color:#69795b}.budget-heading h2{font:800 clamp(45px,5.2vw,76px)/1.02 'Bricolage Grotesque',sans-serif;letter-spacing:-.055em;margin:20px 0}.budget-heading>p{font-size:17px;line-height:1.6;color:#727a6b;max-width:525px;margin:23px auto}.budget-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:0 5px}.budget-switch{display:flex;background:#edf0e6;padding:5px;border-radius:40px;gap:3px}.budget-switch button{border:0;background:transparent;color:#69735c;font-size:13px;font-weight:650;padding:13px 22px;border-radius:30px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.budget-switch button[aria-pressed=true]{background:#20281a;color:#f1f7e8;box-shadow:0 2px 8px #18220f1a}.budget-source{font-family:'Caveat',cursive;font-size:20px;color:#758365;transform:rotate(-2deg)}.budget-arena{display:grid;grid-template-columns:1fr 1fr;gap:23px;isolation:isolate}.budget-lane{border-radius:29px;border:1px solid #d2dcc8;padding:25px 30px 0;min-width:0;overflow:hidden}.budget-cleom{background:linear-gradient(135deg,#e9ffc9,#d5f7aa);box-shadow:0 16px 45px #9bbb6915}.budget-other{background:linear-gradient(135deg,#f5efe7,#ede5de);border-color:#e5dcd2}.budget-lane-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.budget-lane-top img{width:121px;filter:brightness(0) saturate(100%) invert(12%) sepia(12%) saturate(1050%) hue-rotate(47deg);height:auto}.budget-start{font-size:8px;letter-spacing:.13em;display:flex;flex-direction:column;align-items:end;gap:4px;color:#738263}.budget-start b{color:#27331d;font:750 24px/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em}.budget-other .budget-start{color:#938174}.budget-other .budget-start b{color:#5b4b40}.budget-other-name{font-size:19px;font-weight:750;letter-spacing:-.03em;color:#604c3e}.budget-other-name small{display:block;font-size:10px;letter-spacing:.06em;font-weight:400;color:#96806d;margin-top:5px}.budget-workbench{height:230px;position:relative;display:flex;align-items:center;justify-content:center;margin:13px -10px 5px;isolation:isolate}.budget-workbench:before{content:'';position:absolute;inset:20% 2% 3%;border-radius:50%;background:radial-gradient(ellipse,#69a33825,transparent 65%);z-index:-1}.budget-output-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:77%;max-width:345px;transform:rotate(-7deg) skewY(3deg);transform-style:preserve-3d}.budget-tile{position:relative;height:51px;border-radius:9px;background:#2e4620;box-shadow:0 5px 0 #b3da8e,0 10px 18px #294b2222;display:grid;place-items:center;color:#d4ffa6;transform:rotate(var(--angle));overflow:visible}.budget-tile:nth-child(4n+1){background:#415d2d}.budget-tile:nth-child(4n+2){background:#f7ffe8;color:#618e2f}.budget-tile:nth-child(4n+3){background:#96c456;color:#fff}.budget-tile>i{font-style:normal;font-size:25px;font-weight:650}.budget-tile>b{position:absolute;right:-4px;bottom:-3px;width:16px;height:16px;display:grid;place-items:center;background:#c9ff5a;border-radius:50%;color:#33540f;font-size:10px;border:2px solid #f4ffe7}.budget-stamp{position:absolute;bottom:-3px;right:1px;font:600 16px/1.1 'Caveat',cursive;transform:rotate(-7deg);color:#466924;text-align:center}.budget-stamp b{position:absolute;top:-27px;left:1px;font-size:38px;transform:rotate(-30deg);font-weight:400}.budget-stream{position:absolute;inset:0;pointer-events:none}.budget-stream i{position:absolute;top:6px;left:44%;font-style:normal;color:#769b46;background:#efffd7;border:1px solid #cbe6a7;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;opacity:0;box-shadow:0 3px 9px #4878262a}.budget-stream i:nth-child(2){left:57%;--coinX:43px;--coinR:230deg}.budget-stream i:nth-child(3){left:31%;--coinX:-37px;--coinR:-190deg}.budget-stream i:nth-child(4){left:70%;--coinX:13px;--coinR:250deg}.budget-stream i:nth-child(5){left:14%;--coinX:45px;--coinR:-80deg}.budget-result{position:relative;margin-top:16px}.budget-result-label{font-size:11px;letter-spacing:.02em;color:#647954}.budget-result>strong{font:800 clamp(55px,5.7vw,85px)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.055em;display:block;margin:8px 0 13px;color:#283a1d}.budget-result>strong>span{font-size:.48em;margin-left:3px}.budget-result>strong>.baseline-unit{font-size:1em;margin-left:0}.budget-result p{font-size:14px;line-height:1.6;color:#758368;max-width:340px;min-height:46px;margin:0 0 23px}.budget-bottom{border-top:1px solid #6d924a33;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:81px;padding:17px 0}.budget-bottom>span{font-size:11px;line-height:1.5;max-width:190px;color:#7c8b6d}.budget-bottom>strong{font:700 27px/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em;color:#40582b}.budget-other .budget-result>strong{color:#6d5b4e}.budget-other .budget-result-label,.budget-other .budget-result p{color:#9e8c7e}.budget-other .budget-bottom{border-color:#bda99644}.budget-other .budget-bottom>span{color:#a99483}.budget-other .budget-bottom>strong{color:#7b6553}.budget-single-output{width:148px;height:128px;border-radius:16px;background:#fcf9f5;box-shadow:0 8px 0 #e0d4c7,0 15px 30px #75614f25;transform:rotate(7deg);padding:19px;color:#aa9482;z-index:2}.budget-single-output>span{font-size:25px}.budget-single-output>b{display:block;font:600 16px/1.1 'Bricolage Grotesque',sans-serif;margin-top:9px}.budget-single-output>i{position:absolute;bottom:-9px;right:-8px;width:24px;height:24px;border:2px solid #faf7f3;background:#c8d6b3;border-radius:50%;font-style:normal;display:grid;place-items:center;font-size:12px;color:#748258}.rerun-note{position:absolute;background:#ebe0d4;color:#b4967e;font-family:'Caveat',cursive;padding:9px 14px;font-size:18px;border:1px solid #e1d2c3;border-radius:5px;box-shadow:0 5px 8px #80604509}.rerun-a{left:2%;top:29px;transform:rotate(-13deg)}.rerun-b{right:0;top:41px;transform:rotate(14deg)}.rerun-c{bottom:4px;left:11%;transform:rotate(-7deg)}.budget-rework-orbit{position:absolute;width:265px;height:180px;border:1px dashed #c9b6a280;border-radius:50%;transform:rotate(-13deg)}.budget-rework-orbit:after{content:'↻';position:absolute;right:-4px;top:45px;background:#efe7de;font-size:25px;color:#b49980}.budget-takeaway{display:flex;align-items:center;gap:19px;background:#f4f8ed;border:1px solid #e3ead7;border-radius:20px;margin-top:22px;padding:22px 27px}.budget-takeaway-icon{font-size:43px;color:#83ad43;line-height:1}.budget-takeaway p{margin:0;font-size:13px;line-height:1.6;color:#78836c;flex:1}.budget-takeaway strong{display:block;font:700 23px/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em;color:#485c32;margin-bottom:5px}.budget-takeaway button{white-space:nowrap;border:1px solid #c9d6b6;border-radius:30px;padding:13px 18px;background:transparent;color:#536d36;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.budget-takeaway button:hover{background:#e5f0d5}.budget-takeaway button>span{margin-left:9px}.budget-method{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 8px 0;color:#939c87}.budget-method p{font-size:10px;line-height:1.8;margin:0}.budget-method b{color:#697857}.budget-switch button:focus-visible,.budget-takeaway button:focus-visible{outline:2px solid #6e8a46;outline-offset:4px}.budget-arena[data-mode=output] .budget-output-wall{grid-template-columns:1fr;width:148px;transform:rotate(-6deg)}.budget-arena[data-mode=output] .budget-tile{height:128px;border-radius:16px}.budget-arena[data-mode=output] .budget-tile:not(:first-child){display:none}.budget-arena[data-mode=output] .budget-tile>i{font-size:50px}.budget-arena[data-mode=output] .budget-stamp{font-size:16px;max-width:95px}.budget-arena[data-mode=output] .budget-result>strong{font-size:clamp(43px,4.7vw,69px)}
.budget-arena.is-running .budget-tile{animation:budget-tile-arrive .8s cubic-bezier(.17,.87,.29,1.24) both;animation-delay:calc(280ms + var(--tile)*90ms)}.budget-arena.is-running .budget-stream i{animation:budget-coin-drop 1.7s cubic-bezier(.35,.1,.5,1) both}.budget-arena.is-running .budget-stream i:nth-child(2){animation-delay:.2s}.budget-arena.is-running .budget-stream i:nth-child(3){animation-delay:.4s}.budget-arena.is-running .budget-stream i:nth-child(4){animation-delay:.65s}.budget-arena.is-running .budget-stream i:nth-child(5){animation-delay:.9s}.budget-arena.is-running .rerun-note{animation:budget-rerun 1.9s ease-in-out 2}.budget-arena.is-running .rerun-b{animation-delay:.2s}.budget-arena.is-running .rerun-c{animation-delay:.4s}.budget-arena.is-running .budget-single-output{animation:budget-output-arrive 1.3s cubic-bezier(.17,.87,.29,1.24) both;animation-delay:1.3s}.budget-arena.is-running .budget-rework-orbit{animation:budget-orbit 3.4s ease-in-out}
@keyframes budget-tile-arrive{0%{opacity:0;transform:translateY(-60px) rotate(calc(var(--angle) - 24deg)) scale(.65)}70%{opacity:1;transform:translateY(4px) rotate(var(--angle)) scale(1.03)}100%{opacity:1;transform:translateY(0) rotate(var(--angle)) scale(1)}}@keyframes budget-coin-drop{0%{opacity:0;transform:translateY(-30px) rotate(0)}15%{opacity:1}80%{opacity:1;transform:translate(var(--coinX,0),155px) rotate(var(--coinR,180deg))}100%{opacity:0;transform:translate(var(--coinX,0),182px) rotate(var(--coinR,180deg)) scale(.4)}}@keyframes budget-rerun{0%,100%{translate:0 0;opacity:.7}50%{translate:5px -13px;opacity:1}}@keyframes budget-output-arrive{0%{opacity:0;transform:translateY(-35px) rotate(-15deg) scale(.8)}100%{opacity:1;transform:translateY(0) rotate(7deg) scale(1)}}@keyframes budget-orbit{0%{rotate:0deg}100%{rotate:360deg}}
@media(max-width:850px){.budget-playground{padding-inline:24px!important}.budget-source{max-width:180px;font-size:17px;text-align:right}.budget-lane{padding:22px 21px 0}.budget-workbench{height:210px}.budget-output-wall{gap:6px;width:87%}.budget-tile{height:41px}.budget-stamp{font-size:13px;right:0;bottom:-10px}.budget-result>strong{font-size:66px}.budget-bottom{gap:10px}.budget-bottom strong{font-size:23px}.budget-takeaway{padding:20px;gap:12px}.budget-takeaway strong{font-size:20px}.budget-takeaway button{padding:12px;font-size:11px}.rerun-note{font-size:15px;padding:8px 10px}.budget-rework-orbit{width:215px;height:155px}}
@media(max-width:600px){.budget-playground{padding:0 18px 60px!important}.budget-heading{margin-bottom:25px}.budget-heading h2{font-size:45px;line-height:1.03}.budget-heading>.eyebrow{font-size:9px}.budget-heading>p{font-size:14px;margin:20px auto}.budget-toolbar{flex-direction:column;gap:12px;margin-bottom:21px}.budget-switch{width:100%;justify-content:center}.budget-switch button{padding:12px 13px;font-size:12px;flex:1}.budget-source{max-width:none;font-size:16px;text-align:center;transform:none}.budget-arena{grid-template-columns:1fr;gap:17px}.budget-lane{padding:22px 24px 0;border-radius:25px}.budget-workbench{height:205px;max-width:365px;margin:7px auto 4px}.budget-output-wall{width:80%;max-width:300px;gap:7px}.budget-tile{height:43px}.budget-stamp{right:-6px;bottom:4px}.budget-result{margin-top:17px}.budget-result>strong{font-size:66px}.budget-result p{font-size:13px;max-width:none;min-height:0}.budget-bottom{min-height:70px}.budget-bottom>span{font-size:10px;max-width:160px}.budget-bottom>strong{font-size:25px}.budget-lane-top img{width:110px}.budget-other-name{font-size:18px}.budget-other .budget-workbench{height:170px}.budget-single-output{width:135px;height:115px;padding:14px 18px}.budget-single-output>b{font-size:15px}.budget-rework-orbit{width:248px;height:150px}.rerun-a{top:10px;left:2%}.rerun-b{top:15px}.rerun-c{bottom:0}.budget-takeaway{flex-wrap:wrap;padding:20px}.budget-takeaway p{min-width:200px}.budget-takeaway-icon{font-size:33px}.budget-takeaway strong{font-size:23px}.budget-takeaway button{width:100%;font-size:12px;padding:13px}.budget-method{grid-template-columns:1fr;gap:12px;margin:20px 2px 0}.budget-method p{font-size:10px}.budget-arena[data-mode=output] .budget-result>strong{font-size:59px}}
@media(max-width:600px){.budget-heading h2{font-size:clamp(28px,8.5vw,44px)}.budget-heading .ink-highlight{max-width:100%;white-space:normal;text-wrap:balance}}
@media(prefers-reduced-motion:reduce){.budget-playground *{animation:none!important;transition:none!important}.budget-stream{display:none}}