@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.board,.node{background:#fff}.node,body{color:#111827}*{font-family:Poppins,sans-serif;box-sizing:border-box}:root{--brand:#000;--wire:#cfd3da;--tile:64px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif}.wrap{max-width:1200px;margin:48px auto;padding:0 16px}.board{position:relative;width:100%;aspect-ratio:1200/520}.node,.scene{position:absolute}.scene{inset:0;width:100%;height:100%;display:block}.wire{fill:none;stroke:var(--wire);stroke-width:2}.bg-white{fill:#ffffff}.node{width:var(--tile);height:var(--tile);border:1px solid #e5e7eb;border-radius:20px;display:grid;place-items:center;box-shadow:0 1px 2px rgba(16,24,40,.06);transform:translateY(-50%)}.node i{font-size:1.6rem}.left{left:7%}.right{right:7%}.pos-1{top:20%}.pos-2{top:50%}.pos-3{top:80%}@media (max-width:720px){:root{--tile:56px}}.grid-bg{background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px);background-size:28px 28px}.lift{transition:transform .2s,box-shadow .2s}.lift:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(16,24,40,.1)}