.friendly-icon{display:block;width:44px;height:44px;overflow:visible}.builder{border-radius:24px}.builder-controls{padding:25px 20px}#moduleChoices{display:grid;gap:10px}.module-choice{position:relative;display:grid;grid-template-columns:44px 1fr 20px;gap:10px;border:1px solid #ffffff20;border-radius:15px;padding:12px;background:#ffffff04;transition:background .25s,border-color .25s,transform .25s}.module-choice>span{width:44px;font-size:inherit}.module-choice b{font-size:12px;font-weight:500;line-height:1.4}.module-choice input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.module-choice:has(input:checked){background:#ffffff0d;border-color:#ffa36d80}.module-choice::after{content:'';width:17px;height:17px;border:1.5px solid #93a9bd;border-radius:50%;box-sizing:border-box;pointer-events:none}.module-choice:has(input:checked)::after{border:5px solid #ff9d64;background:#fff7ed}.module-choice:has(input:focus-visible){outline:3px solid #80deec;outline-offset:3px}.module-choice:hover{background:#ffffff10}.module-choice:hover .friendly-icon{transform:translateY(-2px) rotate(-5deg)}.friendly-icon{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.network-node{width:126px;min-height:104px;border-radius:20px;background:#21405b;color:#dce7ef;opacity:.85;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:5px}.network-node.enabled{background:#fffaf4;border-color:#fff3e5;box-shadow:0 8px 24px #05172720}.network-node>span{float:none;display:block;margin:0}.network-node .friendly-icon{height:38px;width:38px}.network-node strong{font-size:11px;line-height:1.3}.network-node small{margin:0;font-size:9px}.network-node.inspected{outline:2px solid #ffac77;outline-offset:5px}.network-node:hover .friendly-icon,.network-node:focus-visible .friendly-icon{transform:translateY(-3px) rotate(6deg)}.network{min-height:430px}.network-center{border-radius:26px;width:142px;min-height:142px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#ff914e}.network-center>span{line-height:1}.network-center .friendly-icon{width:50px;height:50px}.network-center small{margin:0}.network-center strong{font-size:13px}.module-detail>div>span{flex-shrink:0;background:#ffffff0b;padding:8px;border-radius:14px}.map-help{line-height:1.6}.canvas-bottom{line-height:1.6}.network-node:not(.enabled) .friendly-icon{opacity:.85}.network-center:hover .friendly-icon{transform:rotate(-7deg)}
@media(max-width:760px){#moduleChoices{grid-template-columns:1fr 1fr;gap:10px}.builder-controls{padding:20px 16px}.module-choice{grid-template-columns:36px 1fr;gap:8px;padding:12px 9px;min-height:78px}.module-choice>span,.module-choice .friendly-icon{height:36px;width:36px}.module-choice b{font-size:11px;padding-right:0}.module-choice::after{position:absolute;top:5px;right:5px;width:10px;height:10px}.module-choice:has(input:checked)::after{border-width:3px}.network{min-height:420px}.network-node{width:94px;min-height:104px;padding:10px 4px;border-radius:18px}.network-node strong{font-size:10px}.network-node .friendly-icon{width:36px;height:36px}.network-center{width:104px;min-height:126px;border-radius:24px;padding:11px 7px}.network-center .friendly-icon{width:42px;height:42px}.network-center strong{font-size:11px}.network-center small{font-size:8px}.network-node.inspected{outline-offset:3px}.floating-guide{max-width:210px}.floating-guide>span{font-size:9px}.canvas-bottom{gap:15px}.module-detail h3{font-size:17px}}@media(max-width:360px){.network-node{width:80px}.network-center{width:90px}.module-choice{grid-template-columns:30px 1fr;gap:5px}.module-choice .friendly-icon,.module-choice>span{width:30px;height:30px}.module-choice b{font-size:10px}}