@layer components{.pop-stage{pointer-events:none;isolation:isolate;flex:none;width:160px;height:160px;line-height:0;display:block;position:relative}.pop-stage-img{transform-origin:50% 92%;width:100%;height:100%;display:block}.pop-bits{display:none}.pop-bit{opacity:0;border-radius:50%;width:12px;height:12px;position:absolute}.pop-bit[data-kind=coin]{background:var(--butter);box-shadow:inset 0 0 0 2px var(--butter-shade)}.pop-bit[data-kind=sol]{background:repeating-linear-gradient(180deg, var(--poppets-sky-shade) 0 3px, transparent 3px 4px);border-radius:1px;width:14px;height:11px;transform:skew(-18deg)}.pop-bit[data-kind=dot]{background:var(--coral);width:8px;height:8px}.pop-stage[data-pose=jump] .pop-bit[data-kind=dot]:nth-child(odd){background:var(--mint)}.pop-stage[data-pose=jump] .pop-bit[data-kind=dot]:nth-child(3n){background:var(--poppets-sky-shade)}.pop-stage[data-pose=working] .pop-bit:first-child{top:54%;left:2%}.pop-stage[data-pose=working] .pop-bit:nth-child(2){top:44%;left:6%}.pop-stage[data-pose=working] .pop-bit:nth-child(3){top:66%;left:6%}.pop-stage[data-pose=working] .pop-bit:nth-child(4){top:60%;left:15%}.pop-stage[data-pose=working] .pop-bit:nth-child(5){top:36%;left:0}.pop-stage[data-pose=jump]{--throw:1}.pop-stage[data-pose=jump] .pop-stage-img{z-index:1;position:relative}.pop-stage[data-pose=jump] .pop-bit{top:40%;left:calc(50% - 6px)}.pop-stage[data-pose=jump] .pop-bit:first-child{--dx:-70px;--dy:-22px;--r:-140deg}.pop-stage[data-pose=jump] .pop-bit:nth-child(2){--dx:-56px;--dy:-44px;--r:120deg}.pop-stage[data-pose=jump] .pop-bit:nth-child(3){--dx:-36px;--dy:-58px;--r:-90deg}.pop-stage[data-pose=jump] .pop-bit:nth-child(4){--dx:36px;--dy:-58px;--r:160deg}.pop-stage[data-pose=jump] .pop-bit:nth-child(5){--dx:56px;--dy:-42px;--r:-120deg}.pop-stage[data-pose=jump] .pop-bit:nth-child(6){--dx:70px;--dy:-18px;--r:100deg}.pop-stage[data-pose=jump] .pop-bit:nth-child(7){--dx:-72px;--dy:16px;--r:200deg}.pop-stage[data-pose=jump] .pop-bit:nth-child(8){--dx:72px;--dy:18px;--r:-200deg}@media (max-width:480px){.pop-stage{width:128px;height:128px}.pop-stage[data-pose=jump]{--throw:.8}}@media (prefers-reduced-motion:no-preference){.pop-bits{display:block}.pop-stage[data-pose=working]:not([data-still]) .pop-stage-img{animation:1.2s ease-in-out infinite pop-type}.pop-stage[data-pose=working] .pop-bit{animation:1.8s ease-out infinite pop-bit;animation-delay:calc(var(--i) * .36s)}.pop-stage[data-pose=working] .pop-bit[data-kind=sol]{animation-name:pop-bit-sol}.pop-stage[data-pose=jump] .pop-stage-img{animation:.62s cubic-bezier(.2,.8,.2,1) .1s 3 both pop-hop}.pop-stage[data-pose=jump] .pop-bit{animation:1.3s cubic-bezier(.2,.8,.2,1) .2s both pop-confetti}}}@keyframes pop-type{0%,50%,to{transform:none}25%{transform:translateY(-2px)rotate(-1.5deg)}75%{transform:translateY(-2px)rotate(1.5deg)}}@keyframes pop-bit{0%{opacity:0;transform:translateY(8px)scale(.4)}20%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-28px)scale(.8)}}@keyframes pop-bit-sol{0%{opacity:0;transform:translateY(8px)skew(-18deg)scale(.4)}20%{opacity:1;transform:translateY(0)skew(-18deg)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-28px)skew(-18deg)scale(.8)}}@keyframes pop-hop{0%{transform:none}12%{transform:scale(1.1,.88)}32%{transform:translateY(-12px)scale(.93,1.08)}55%{transform:translateY(-16px)scale(1)}80%{transform:translateY(0)scale(.97,1.04)}90%{transform:scale(1.08,.92)}to{transform:none}}@keyframes pop-confetti{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * var(--throw)), calc(var(--dy) * var(--throw))) scale(1) rotate(var(--r))}}
@layer components{.strategy{gap:12px;min-width:0;display:grid}.strategy-picks{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (min-width:640px){.strategy-picks{grid-template-columns:repeat(3,minmax(0,1fr))}}.strategy-pick{border-radius:var(--radius-button);background:var(--face-lit);min-width:0;min-height:44px;box-shadow:var(--raised);color:var(--ink);font-size:var(--fs-body);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--dur-press) linear;align-content:start;gap:4px;padding:10px 12px 12px;line-height:1.35;display:grid}.strategy-pick:hover{background:var(--bevel-light)}.strategy-pick:active,.strategy-pick[aria-pressed=true]{background:var(--paper);box-shadow:var(--pressed)}.strategy-pick[aria-pressed=true] .strategy-pick-label:after{content:" ✓"}.strategy-pick-label{font-weight:700}.strategy-pick-blurb{overflow-wrap:anywhere}.strategy-pick-limits{color:var(--ink-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.strategy-panel{border-radius:var(--radius-field);background:var(--face);min-width:0;box-shadow:var(--sunken);gap:12px;padding:12px;display:grid}.strategy-result{gap:10px;min-width:0;display:grid}.strategy-result-title{font-weight:700}.strategy-text{overscroll-behavior:contain;border-radius:var(--radius-field);background:var(--paper);max-height:360px;box-shadow:var(--sunken);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;line-height:1.5;overflow-y:auto}.strategy-note{color:var(--ink-2)}.strategy-live:empty{margin-top:-12px}.strategy-working{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.strategy-working-art{flex:none;line-height:0}.strategy-working-art img{transform-origin:50% 90%;width:128px;height:128px;display:block}.strategy-working-text{flex:14rem;gap:8px;min-width:0;display:grid}.strategy-working-title{font-size:18px;font-weight:700;line-height:1.3}.strategy-thread{border-radius:var(--radius-field);background:var(--paper);width:min(100%,320px);height:14px;box-shadow:var(--sunken);margin-top:4px;display:block;position:relative;overflow:hidden}.strategy-thread:before{content:"";background:repeating-linear-gradient(90deg, var(--progress) 0 8px, transparent 8px 14px);background-size:14px 2px;height:2px;position:absolute;inset:6px 4px auto}@media (max-width:480px){.strategy-working-art img{width:96px;height:96px}}@media (prefers-reduced-motion:no-preference){.strategy-working-art img{animation:1.8s ease-in-out infinite pop-work}.strategy-thread:before{animation:.7s linear infinite thread-run}}}@keyframes pop-work{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes thread-run{0%{background-position:0 0}to{background-position:14px 0}}