/* Only the existing help lesson shows needs at the actual receiving nests. */
#help-needs{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
#help-needs[hidden],.help-need[hidden]{display:none!important}
.help-need{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px;width:68px;height:44px;padding:4px;border:1.5px solid #c9a975;border-radius:15px;background:#fff8eae8;box-shadow:0 2px 5px #49684a24;pointer-events:auto;cursor:pointer;white-space:nowrap;color:#816542;font:800 10px/1.2 system-ui,'Malgun Gothic',sans-serif}
.help-egg{display:block;width:21px;height:29px;border:1px dashed #a89064;border-radius:50% 50% 43% 43%;flex:none}
.help-egg svg{display:block;width:100%;height:100%;opacity:.13}
.help-need[data-state=received]{background:#edf9e8ed;border-color:#7faf8c;color:#396c52}
.help-need[data-state=received] .help-egg{border-color:transparent}
.help-need[data-state=received] .help-egg svg{opacity:1}
@media(min-width:650px) and (min-height:521px){.help-need{width:80px;height:44px;font-size:11px}.help-egg{width:24px;height:33px}}
@media(max-width:340px){.help-need{width:62px;gap:3px;font-size:9px}}

.help-need:disabled{cursor:default}.help-need[data-state=received]:disabled{opacity:1}.help-need:active:not(:disabled){filter:brightness(.94);box-shadow:inset 0 2px 4px #776a4025}
