.bento-panel{--ease:cubic-bezier(.16, 1, .3, 1);--hue-on:#fff;background:#f7f7f5;border-radius:.75rem;place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.bento-panel[data-hue=red]{--hue:#f5333f;--hue-deep:#a50f1c}.bento-panel[data-hue=blue]{--hue:#1d53fb;--hue-deep:#1231a3}.bento-panel[data-hue=sky]{--hue:#0ea5e9;--hue-deep:#075985}.bento-panel[data-hue=yellow]{--hue:#facc15;--hue-deep:#a16207;--hue-on:#713f12}.bento-panel[data-hue=green]{--hue:#12b76a;--hue-deep:#046c4e}.stage{letter-spacing:-.005em;width:34em;height:25em;color:var(--b-ink-1);font-variant-numeric:tabular-nums;user-select:none;font-size:min(2.94118cqw,4cqh,11.5px);line-height:1.25;position:relative}.stage svg{display:block}.stage:not([data-run]),.stage:not([data-run]) *{animation-play-state:paused!important}.stage .ui{background:#fff;border-radius:1.2em;position:absolute;box-shadow:0 0 0 1px #ebe8e2,0 .2em .5em -.2em #18181b14,0 1.6em 2.8em -1.6em #18181b33}.stage .ui-label{color:var(--b-ink-3);font-size:1.1em}.stage .orb{width:4.6em;height:4.6em;color:var(--hue-on);background:var(--hue);box-shadow:inset 0 0 0 .22em #ffffff52, 0 .9em 1.6em -.6em color-mix(in srgb, var(--hue-deep) 75%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute}.stage .orb svg{width:2.2em;height:2.2em}.stage .roll{vertical-align:bottom;height:1.25em;display:inline-block;overflow:hidden}.stage .roll>span{height:1.25em;translate:0 calc(var(--i) * -100%);transition:translate .45s var(--ease);display:block}.stage [data-at]{transition:opacity .45s var(--ease), translate .6s var(--ease), scale .6s var(--ease), filter .45s var(--ease)}.stage[data-armed] [data-at]:not([data-on]){opacity:0;filter:blur(.2em);transition:none;translate:0 .45em}.stage[data-armed] [data-at][data-in=pop]:not([data-on]){filter:none;translate:none;scale:.82}.stage[data-armed] [data-at][data-in=fade]:not([data-on]){filter:none;translate:none}.stage[data-armed] [data-at][data-in=grow]:not([data-on]){opacity:1;filter:none;translate:none;scale:0 1}.stage [data-in=grow]{transform-origin:0}.stage[data-out] [data-at]{opacity:0;transition:opacity .3s}.stage-fine .fine-card{padding:1.6em 1.8em .7em;inset:1.9em 2.8em auto}.stage-fine .fine-total{letter-spacing:-.03em;margin-top:.1em;font-size:3em;font-weight:600;line-height:1.25}.stage-fine .fine-unit{letter-spacing:0;color:var(--b-ink-3);font-size:.42em;font-weight:400}.stage-fine .fine-bar{background:#f2f0ed;border-radius:99em;gap:.25em;height:.7em;margin-top:.8em;display:flex;overflow:hidden}.stage-fine .fine-rows{margin-top:.7em}.stage-fine .fine-rows li{grid-template-columns:.6em minmax(0,1fr) auto 5.2em;align-items:center;gap:.7em;padding:.52em 0;font-size:1.2em;display:grid}.stage-fine .fine-rows li+li{border-top:1px solid #f2f0ed}.stage-fine .fine-dot{border-radius:50%;width:.6em;height:.6em}.stage-fine .fine-commune{font-weight:500}.stage-fine .fine-amount{text-align:right;font-weight:600}.stage-fine .fine-orb{top:.5em;right:1em}.stage-fine .fine-orb[data-on] svg{transform-origin:20% 80%;animation:.8s ease-in-out .25s 4 strike}@keyframes strike{0%,to{rotate:0deg}40%{rotate:-18deg}50%,60%{rotate:0deg}}.stage-sites .sites-map{inset:2.2em 1.6em 1em;overflow:hidden}.stage-sites .sites-map svg{width:100%;height:100%}.stage-sites .sites-river{fill:none;stroke:#d6e8fb;stroke-width:11px}.stage-sites .sites-roads path,.stage-sites .sites-streets path{fill:none;stroke:#ece9e4;stroke-width:3.2px}.stage-sites .sites-streets path{stroke:#f3f1ed;stroke-width:1.6px}.stage-sites .sites-sweep{opacity:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--hue) 22%, transparent));width:34%;box-shadow:.12em 0 0 var(--hue);position:absolute;inset:0 auto 0 0}.stage-sites .sites-sweep[data-on]{animation:2.8s linear both sweep}@keyframes sweep{0%{opacity:0;translate:-100%}8%,92%{opacity:1}to{opacity:0;translate:194%}}.stage-sites .sites-pin,.stage-sites .sites-other{margin:0;position:absolute;transform:translate(-50%,-50%)}.stage-sites .sites-pin{color:#fff;border-radius:50%;place-items:center;width:2.5em;height:2.5em;display:grid;box-shadow:0 0 0 .2em #fff,0 .5em .9em -.25em #18181b66}.stage-sites .sites-pin svg{width:1.3em;height:1.3em}.stage-sites .sites-pin:after{content:"";box-shadow:0 0 0 .2em var(--tone);opacity:0;border-radius:50%;position:absolute;inset:-.2em}.stage-sites .sites-pin[data-on]:after{animation:.9s ease-out ping}@keyframes ping{0%{opacity:.45;scale:1}to{opacity:0;scale:1.5}}.stage-sites .sites-other{background:#d4d4d8;border-radius:50%;width:1em;height:1em;box-shadow:0 0 0 .16em #fff}.stage-sites .sites-search{border-radius:99em;align-items:center;gap:.6em;height:3.2em;padding:0 .8em 0 1em;font-size:1.15em;font-weight:500;display:flex;top:.5em;left:.6em}.stage-sites .sites-search>svg{width:1.15em;height:1.15em;color:var(--b-ink-3)}.stage-sites .sites-found{color:#fff;background:var(--hue);border-radius:50%;place-items:center;width:1.5em;height:1.5em;display:grid}.stage-sites .sites-found svg{stroke-width:3px;width:1em;height:1em}.stage-sites .sites-count{width:13.5em;padding:1em 1.2em 1.1em;bottom:.2em;right:.5em}.stage-sites .sites-figure{align-items:baseline;gap:.35em;margin-top:.1em;display:flex}.stage-sites .sites-figure .roll{letter-spacing:-.03em;font-size:2.5em;font-weight:600;line-height:1.25}.stage-sites .sites-of{color:var(--b-ink-3);font-size:1.2em}.stage-sites .sites-strip{gap:.2em;margin-top:.5em;display:flex}.stage-sites .sites-strip>span{border-radius:99em;flex:1;height:.5em}.stage-sites .sites-rest{background:#ebe8e2}.stage-canopy .canopy-plan{padding:.55em;inset:1.6em 1.8em auto}.stage-canopy .canopy-plan svg{border-radius:.75em;width:100%}.stage-canopy .canopy-outline{fill:none;stroke:#eab308;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1 5}.stage-canopy .canopy-tree circle{fill:#a9e4c4;stroke:#12b76a;stroke-width:1.5px;transition:fill .3s,stroke-width .3s}.stage[data-armed] .canopy-tree:not([data-on]){opacity:1;filter:none;translate:none}.stage[data-armed] .canopy-tree:not([data-on]) circle{fill:#c9d5be;stroke-width:0}.stage-canopy .canopy-modules rect{fill:#1e3a8a}.stage-canopy .canopy-modules path{fill:none;stroke:#93b4f5;stroke-width:.6px}.stage[data-armed] [data-in=lay]:not([data-on]){filter:none;translate:none;scale:.85}.stage-canopy .canopy-sum{width:16.5em;padding:.7em 1.2em;bottom:.5em;right:.7em}.stage-canopy .canopy-sum dl>div{justify-content:space-between;gap:1em;padding:.28em 0;font-size:1.15em;display:flex}.stage-canopy .canopy-sum dt{color:var(--b-ink-3)}.stage-canopy .canopy-sum dd{font-weight:500}.stage-canopy .canopy-total{border-top:1px solid #f2f0ed;margin-top:.2em}.stage-canopy .canopy-total dt{color:var(--b-ink-1);font-weight:500}.stage-canopy .canopy-total dd{font-weight:600}.stage-canopy .canopy-half{color:#fff;background:var(--hue-deep);border-radius:99em;padding:.3em .7em;font-size:1.15em;font-weight:600;position:absolute;top:7.6em;left:7.2em;box-shadow:0 .5em 1em -.4em #18181b80}.stage-yield .yield-facts{display:none}.stage-yield .yield-chart{flex-direction:column;padding:1.3em 1.5em 1em;display:flex;inset:2em 1.8em 1.4em}.stage-yield .yield-orb{top:.4em;right:.8em}@container (aspect-ratio>=8/5){.stage-yield{width:64em;font-size:min(1.5625cqw,4cqh,11.5px)}.stage-yield .yield-facts{width:25em;padding:1.5em 1.6em;display:block;position:absolute;top:3.4em;left:2em}.stage-yield .yield-chart{inset:1.6em 1.8em 1.2em 29em}}.stage-yield .yield-facts ul{margin-top:.7em}.stage-yield .yield-facts li{grid-template-rows:auto auto;grid-template-columns:1.7em minmax(0,1fr);align-items:center;column-gap:.8em;padding:.65em 0;font-size:1.2em;display:grid}.stage-yield .yield-facts li+li{border-top:1px solid #f2f0ed}.stage-yield .yield-tick{width:1.7em;height:1.7em;color:var(--hue-on);background:var(--hue);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.stage-yield .yield-tick svg{stroke-width:3px;width:1em;height:1em}.stage-yield .yield-fact-label{color:var(--b-ink-3);font-size:.92em}.stage-yield .yield-fact-value{letter-spacing:-.01em;font-size:1.1em;font-weight:600}.stage-yield .yield-head{justify-content:space-between;align-items:flex-start;gap:1em;display:flex}.stage-yield .yield-money{letter-spacing:-.03em;margin-top:.05em;font-size:2.4em;font-weight:600}.stage-yield .yield-money span{letter-spacing:0;color:var(--b-ink-3);font-size:.5em;font-weight:400}.stage-yield .yield-legend{display:none}@container (aspect-ratio>=8/5){.stage-yield .yield-legend{color:var(--b-ink-3);gap:.35em;margin-right:3.6em;font-size:1.05em;display:grid}}.stage-yield .yield-legend>div{align-items:center;gap:.5em;display:flex}.stage-yield .yield-key-produced{background:var(--hue);border-radius:.25em;width:.9em;height:.9em}.stage-yield .yield-key-consumed{border-top:.14em dotted var(--b-ink-1);width:.9em;height:0}.stage-yield .yield-plot{flex:1;min-height:0;margin-top:.6em;position:relative}.stage-yield .yield-plot svg{width:100%;height:100%;overflow:visible}.stage-yield .yield-ground{stroke:#ebe8e2;stroke-width:1px;vector-effect:non-scaling-stroke}.stage-yield .yield-area-produced{fill:#fef3b4}.stage-yield .yield-area-used{fill:var(--hue)}.stage-yield .yield-line-produced{fill:none;stroke:#eab308;stroke-width:2px;vector-effect:non-scaling-stroke}.stage-yield .yield-line-consumed{fill:none;stroke:var(--b-ink-1);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:.1 5;vector-effect:non-scaling-stroke}.stage[data-armed] [data-in=day]:not([data-on]){opacity:1;filter:none;clip-path:inset(-10% 100% -10% 0);translate:none}.stage-yield .yield-day[data-on]{animation:3.2s linear both day}@keyframes day{0%{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% 0)}}.stage-yield .yield-ride{opacity:0;pointer-events:none;position:absolute;inset:0}.stage[data-armed] .yield-ride[data-in=still]:not([data-on]){opacity:0;filter:none;translate:none}.stage-yield .yield-ride[data-on]{animation:3.2s linear both ride-x}.stage-yield .yield-bob{position:absolute;inset:0}.stage-yield .yield-ride[data-on] .yield-bob{animation:1.6s cubic-bezier(.37,0,.63,1) 2 alternate both ride-y}.stage-yield .yield-sun{width:2.4em;height:2.4em;color:var(--hue-on);box-shadow:0 0 0 .16em var(--hue), 0 .4em .8em -.2em #a1620780;background:#fff;border-radius:50%;place-items:center;margin:-1.2em 0 0 -1.2em;display:grid;position:absolute;top:96%;left:0}.stage-yield .yield-sun svg{width:1.4em;height:1.4em}@keyframes ride-x{0%{opacity:0;translate:0}6%,94%{opacity:1}to{opacity:0;translate:100%}}@keyframes ride-y{to{translate:0 -86%}}.stage-yield .yield-hours{color:var(--b-ink-3);justify-content:space-around;margin-top:.45em;font-size:1em;display:flex}.stage-exempt .exempt-list{padding:1.3em 1.2em .8em;inset:1.5em 2.8em auto}.stage-exempt .exempt-list .ui-label{padding-left:.5em}.stage-exempt .exempt-list ul{margin-top:.5em}.stage-exempt .exempt-list li{border-radius:.6em;align-items:center;gap:.7em;padding:.38em .45em;font-size:1.2em;display:flex}.stage[data-armed] [data-in=scan]:not([data-on]){opacity:.4;filter:none;translate:none}.stage-exempt .exempt-list li[data-on]{animation:.62s ease-out scan}@keyframes scan{0%{background:color-mix(in srgb, var(--hue) 20%, #fff)}to{background:#fff}}.stage-exempt .exempt-glyph{background:#f7f7f5;border-radius:.55em;place-items:center;width:1.9em;height:1.9em;display:grid}.stage-exempt .exempt-glyph svg{width:1.1em;height:1.1em}.stage-exempt .exempt-ground{flex:1;font-weight:500}.stage-exempt .exempt-tick{color:#fff;background:var(--hue);border-radius:50%;place-items:center;width:1.4em;height:1.4em;display:grid}.stage-exempt .exempt-tick svg{stroke-width:3px;width:.9em;height:.9em}.stage-exempt .exempt-result{align-items:center;gap:1em;padding:.9em 1.2em;display:flex;bottom:.7em;left:5em;right:1em}.stage-exempt .exempt-shield{flex:none;width:3.6em;overflow:visible}.stage-exempt .exempt-shield-fill{fill:var(--hue)}.stage-exempt .exempt-check{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .5s var(--ease), opacity .3s ease}.stage[data-armed] [data-in=stroke]:not([data-on]){opacity:1;filter:none;stroke-dashoffset:1px;translate:none}.stage-exempt .exempt-count{letter-spacing:-.02em;font-size:1.5em;font-weight:600}.stage-exempt .exempt-held{color:var(--b-ink-3);align-items:center;gap:.35em;margin-top:.15em;font-size:1.1em;display:flex}.stage-exempt .exempt-held svg{width:1em;height:1em;color:var(--b-ink-3)}.stage-exempt .exempt-blur{color:var(--b-ink-2);filter:blur(.26em);margin-right:.3em}.stage-drawing{width:100%;height:100%;font-size:inherit;line-height:inherit;letter-spacing:inherit}.stage-drawing>svg{width:100%;height:100%}.stage .pv-glint{opacity:0}.stage .pv-glint[data-on]{animation:2.6s cubic-bezier(.45,0,.55,1) both glint}@keyframes glint{0%{opacity:0;translate:0}15%,85%{opacity:1}to{opacity:0;translate:var(--travel-x) var(--travel-y)}}.stage-charge .charge-display{fill:#bfdbfe}.stage[data-armed] [data-in=pulse]:not([data-on]),.stage[data-out] [data-in=pulse]{opacity:1;filter:none;translate:none}.stage-charge .charge-display[data-on]{animation:.9s ease-out charge-pulse}@keyframes charge-pulse{0%{fill:#fff}to{fill:#bfdbfe}}.cal-pin{color:#854d0e;background:#fef08a}[data-passed] .cal-pin{color:var(--b-ink-1);background:#fff;box-shadow:inset 0 0 0 1px #ebe8e2}[data-tone=late] .cal-pin{color:#fff;box-shadow:none;background:#f5333f}.stage .cal-connectors{display:none}@media (width>=80rem){.stage .cal-connectors{display:block}}.stage .cal-pulse{opacity:0;background:#facc15;border-radius:50%;position:absolute;inset:0}.stage .cal-pulse[data-on]{animation:1.5s ease-out 2 cal-pulse}@keyframes cal-pulse{0%{opacity:.5;scale:1}to{opacity:0;scale:3.2}}[data-bento-key] .bento-play{display:none}[data-bento-key][aria-pressed=true] .bento-play{display:block}[data-bento-key][aria-pressed=true] .bento-pause{display:none}
