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