.node-garden-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}
.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;opacity:0;background:radial-gradient(#0233368c,#023336bf 60%),#023336a6;justify-content:center;align-items:center;animation:.25s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border:1px solid #12a57f2e;border-left:4px solid #12a57f;border-radius:14px;outline:none;width:min(700px,92vw);max-height:88vh;padding:40px;animation:.32s cubic-bezier(.2,.8,.2,1) forwards popIn;overflow-y:auto;transform:translateY(8px)scale(.98);box-shadow:0 18px 50px #02333640,0 6px 18px #0233361f}.modal-header{border-bottom:1px solid #12a57f33;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.modal-title{color:#023336;margin:0;font-size:1.5rem}.modal-close-button{aspect-ratio:1;appearance:none;cursor:pointer;color:#023336;background:0 0;border:1px solid #02333626;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.4rem;line-height:1;transition:background-color .2s,border-color .2s,transform .15s;display:inline-flex}.modal-close-button:hover{background-color:#9de49226;border-color:#12a57f66;transform:scale(1.05)}.modal-body p{margin-bottom:24px;font-size:1.1rem;line-height:1.7}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:#12a57f}@keyframes fadeIn{to{opacity:1}}@keyframes popIn{to{opacity:1;transform:translateY(0)scale(1)}}